.bfcm-event-timeline{--bfcm-timeline-accent: #ff4d00;--bfcm-timeline-track: #808080;--bfcm-timeline-progress: 0px;--bfcm-timeline-card-bg: var(--color-bg-dark, #171717)}.section-bfcm-event-timeline{background:var(--color-bg-dark, #171717)}.bfcm-event-timeline__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-90, 36px);width:100%}.bfcm-event-timeline .section-header{--header-out-margin: 0;--header-inner-margin: 0;gap:0;max-width:1024px;justify-items:center}.bfcm-event-timeline .section-header .prose{display:flex;flex-direction:column;align-items:center;gap:var(--space-30, 12px);width:100%;text-align:center}.bfcm-event-timeline .section-header .prose .h2,.bfcm-event-timeline .section-header .prose .heading-h2{margin-block:0!important;font:var(--font-6xl-semibold);color:var(--color-text-white-primary);text-align:center}.bfcm-event-timeline .section-header .prose *+:is(p,div,ul,ol){margin-block-start:0!important}.bfcm-event-timeline .section-header .prose p{margin:0;font:var(--font-2xl-medium);color:var(--color-text-white-secondary);text-align:center}.bfcm-event-timeline__board{display:flex;flex-direction:column;gap:var(--space-token-base, 16px);width:100%;max-width:1200px}.bfcm-event-timeline__phase-grid{display:grid;grid-template-columns:repeat(var(--bfcm-timeline-phase-count, 3),minmax(0,1fr));column-gap:var(--space-token-md, 20px);width:100%}.bfcm-event-timeline__phase-top{padding-inline:var(--space-token-md, 20px);text-align:left}.bfcm-event-timeline__phase-title,.bfcm-event-timeline__phase-date{margin:0;font:var(--font-2xl-medium);color:var(--color-text-white-secondary)}.bfcm-event-timeline__phase-title-mo,.bfcm-event-timeline__phase-date-mo{display:none;margin:0}.bfcm-event-timeline__phase.is-active .bfcm-event-timeline__phase-title{color:var(--color-text-white-primary)}.bfcm-event-timeline__phase.is-active .bfcm-event-timeline__phase-date{color:var(--bfcm-timeline-accent)}.bfcm-event-timeline__phase.is-active .bfcm-event-timeline__phase-title-mo{color:var(--color-text-white-primary)}.bfcm-event-timeline__phase.is-active .bfcm-event-timeline__phase-date-mo{color:var(--bfcm-timeline-accent)}.bfcm-event-timeline__phase-top.is-selected .bfcm-event-timeline__phase-title-mo{color:var(--color-text-white-primary)}.bfcm-event-timeline__phase-top.is-selected:not(.is-active) .bfcm-event-timeline__phase-date-mo{color:var(--color-text-white-primary)}.bfcm-event-timeline__track{position:relative;width:100%;height:20px}.bfcm-event-timeline__track-line{position:absolute;inset-block-start:7px;inset-inline:0;height:6px;border-radius:var(--radius-full, 999px);background:var(--bfcm-timeline-track)}.bfcm-event-timeline__track-fill{position:absolute;inset-block-start:7px;inset-inline-start:0;width:var(--bfcm-timeline-progress, 0px);max-width:100%;height:6px;border-radius:var(--radius-full, 999px);background:var(--bfcm-timeline-accent);transition:none;z-index:1}.bfcm-event-timeline__board.is-progress-gradual .bfcm-event-timeline__track-fill{background:linear-gradient(90deg,var(--bfcm-timeline-accent) 0%,var(--bfcm-timeline-accent) calc(100% - 40px),var(--bfcm-timeline-track) 100%)}.bfcm-event-timeline__track-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.bfcm-event-timeline__track-dot{position:absolute;top:0;width:20px;height:20px;margin:0;border-radius:var(--radius-full, 999px);background:var(--bfcm-timeline-track)}.bfcm-event-timeline__track-dot.is-active{background:var(--bfcm-timeline-accent)}.bfcm-event-timeline__phase-bottom{display:flex;align-items:center;gap:var(--space-token-2xs, 4px);padding-inline:var(--space-token-md, 20px);min-height:32px}.bfcm-event-timeline__phase-icon{flex:none;width:32px;height:32px;background-image:var(--bfcm-timeline-phase-icons, none);background-repeat:no-repeat;background-size:300% 100%}.bfcm-event-timeline__phase-icon--left{background-position:0% center}.bfcm-event-timeline__phase-icon--center{background-position:50% center}.bfcm-event-timeline__phase-icon--right{background-position:100% center}.bfcm-event-timeline__phase-caption{margin:0;font:var(--font-base-medium);color:var(--color-text-white-secondary)}@media screen and (min-width:1280px){.bfcm-event-timeline__phase-grid{column-gap:var(--space-20, 8px)}.bfcm-event-timeline__phase-top,.bfcm-event-timeline__phase-bottom{padding-inline:var(--space-20, 8px)}.bfcm-event-timeline__phase-bottom{min-width:0;overflow:visible}.bfcm-event-timeline__phase-caption{white-space:nowrap}}.bfcm-event-timeline__cards{display:grid;grid-template-columns:repeat(var(--bfcm-timeline-card-count, 3),minmax(0,1fr));gap:var(--space-token-md, 20px);width:100%;max-width:1200px}.bfcm-event-timeline__cards-scroll{display:contents}.bfcm-event-timeline__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-token-s, 12px);padding:var(--space-token-l, 24px);border-radius:var(--radius-base, 16px);background:var(--bfcm-timeline-card-bg);text-align:center}.bfcm-event-timeline__card-copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-token-s, 12px);width:100%}.bfcm-event-timeline__phase-detail{display:none;width:100%}.bfcm-event-timeline__phase-detail-panel{display:flex;align-items:center;gap:var(--space-token-xs, 8px);box-sizing:border-box;width:100%;padding:var(--space-token-s, 12px);border-radius:var(--radius-base, 16px);background:var(--bfcm-timeline-card-bg)}.bfcm-event-timeline__phase-detail-panel .bfcm-event-timeline__phase-icon{width:28px;height:28px;background-size:300% 100%}.bfcm-event-timeline__phase-detail-panel .bfcm-event-timeline__phase-caption{flex:1;min-width:0;font:var(--font-base-medium);text-align:left}a.bfcm-event-timeline__card--link{color:inherit;text-decoration:none;cursor:pointer;transition:opacity .2s ease}a.bfcm-event-timeline__card--link:hover{opacity:.92}a.bfcm-event-timeline__card--link:focus-visible{outline:2px solid var(--bfcm-timeline-accent);outline-offset:2px}.bfcm-event-timeline__card-media{width:159px;height:159px;overflow:hidden}.bfcm-event-timeline__card-media img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.bfcm-event-timeline__card-date.bfcm-campaign-date{display:inline-flex;align-items:center;gap:var(--space-10, 4px);margin:0;font:var(--font-sm-medium);color:var(--bfcm-timeline-accent)}.bfcm-event-timeline__card-date .bfcm-campaign-date__icon,.bfcm-event-timeline__card-cta-icon{flex:none;width:16px;height:16px;color:var(--bfcm-timeline-accent)}.bfcm-event-timeline__card-title{margin:0;font:var(--font-xl-semibold);color:var(--color-text-white-primary);opacity:.8}.bfcm-event-timeline__card-title-mo{display:none;margin:0;font:var(--font-xl-semibold);color:var(--color-text-white-primary);opacity:.8}.bfcm-event-timeline__card-cta{display:inline-flex;align-items:center;gap:var(--space-10, 4px);font:var(--font-sm-medium);color:var(--bfcm-timeline-accent);text-decoration:none}a.bfcm-event-timeline__card--link:hover .bfcm-event-timeline__card-cta{text-decoration:underline}@media screen and (max-width:1279px){.bfcm-event-timeline__inner{gap:var(--space-60, 24px)}.bfcm-event-timeline .section-header .prose .h2,.bfcm-event-timeline .section-header .prose .heading-h2{font:var(--font-4xl-semibold)}.bfcm-event-timeline .section-header .prose p{font:var(--font-xl-medium)}.bfcm-event-timeline__board{gap:var(--space-token-xs, 8px)}.bfcm-event-timeline__phase-grid--top{column-gap:var(--space-token-s, 12px)}.bfcm-event-timeline__phase-top{padding-inline:0;text-align:center;cursor:pointer}.bfcm-event-timeline__phase-title,.bfcm-event-timeline__phase-date{display:none}.bfcm-event-timeline__phase-title-mo{display:block;font:var(--font-sm-semibold);line-height:1.2;color:var(--color-text-white-secondary)}.bfcm-event-timeline__phase-date-mo{display:block;margin-top:2px;font:var(--font-xs-medium);line-height:1.2;color:var(--color-text-white-secondary)}.bfcm-event-timeline__phase-top.is-active .bfcm-event-timeline__phase-title-mo{color:var(--color-text-white-primary)}.bfcm-event-timeline__phase-top.is-active .bfcm-event-timeline__phase-date-mo{color:var(--bfcm-timeline-accent)}.bfcm-event-timeline__phase-top.is-selected .bfcm-event-timeline__phase-title-mo{color:var(--color-text-white-primary)}.bfcm-event-timeline__phase-top.is-selected:not(.is-active) .bfcm-event-timeline__phase-date-mo{color:var(--color-text-white-primary)}.bfcm-event-timeline__phase-top:focus-visible{outline:2px solid var(--bfcm-timeline-accent);outline-offset:2px;border-radius:var(--radius-xs, 4px)}.bfcm-event-timeline__track{height:14px}.bfcm-event-timeline__track-line,.bfcm-event-timeline__track-fill{inset-block-start:5px;height:4px}.bfcm-event-timeline__track-dots{display:grid;grid-template-columns:repeat(var(--bfcm-timeline-phase-count, 3),minmax(0,1fr));align-items:center;justify-items:center}.bfcm-event-timeline__track-dot{position:relative;top:1px;left:auto;width:12px;height:12px}.bfcm-event-timeline__track-dot.is-active{background:var(--bfcm-timeline-accent)}.bfcm-event-timeline__track-dot:not(.is-active){background:var(--bfcm-timeline-track)}.bfcm-event-timeline__phase-grid--bottom{display:none}.bfcm-event-timeline__phase-detail{display:block}.bfcm-event-timeline__card-title{display:none}.bfcm-event-timeline__card-title-mo{display:block;font:var(--font-xl-semibold);line-height:1.2;text-align:center}.bfcm-event-timeline__cards{display:grid;grid-template-columns:repeat(var(--bfcm-timeline-card-count, 3),minmax(0,1fr));gap:var(--space-token-md, 20px);max-width:1200px}.bfcm-event-timeline__cards--quad{grid-template-columns:repeat(2,minmax(0,1fr))}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__cards-scroll--quad,.bfcm-event-timeline__cards-scroll{display:contents}.bfcm-event-timeline__card{min-height:0}}@media screen and (max-width:767px){.bfcm-event-timeline__cards:not(.bfcm-event-timeline__cards--quad){display:flex;flex-direction:column;gap:var(--space-token-s, 12px);max-width:none}.bfcm-event-timeline__cards--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-token-s, 12px);max-width:none}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__cards-scroll--quad{display:contents}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card{gap:var(--space-token-xs, 8px);padding:var(--space-token-base, 16px) var(--space-token-s, 12px);border-radius:var(--radius-xs, 8px)}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card-media{width:96px;height:96px}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card-copy{gap:var(--space-10, 4px)}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card-title-mo{font:var(--font-sm-semibold);line-height:1.2}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card-date.bfcm-campaign-date{font:var(--font-xs-medium)}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card-date .bfcm-campaign-date__icon{width:14px;height:14px}.bfcm-event-timeline__cards--quad .bfcm-event-timeline__card-cta{margin-top:var(--space-10, 4px);font:var(--font-xs-medium)}.bfcm-event-timeline__cards-scroll--lead{display:flex;gap:var(--space-token-s, 12px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bfcm-event-timeline__cards-scroll--lead::-webkit-scrollbar{display:none}.bfcm-event-timeline__cards-scroll--trail{display:block;width:100%}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card{flex:0 0 calc((100% - var(--space-token-s, 12px)) / 2);min-width:calc((100% - var(--space-token-s, 12px)) / 2);gap:var(--space-token-xs, 8px);padding:var(--space-token-base, 16px) var(--space-token-s, 12px);border-radius:var(--radius-xs, 8px)}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card-media{width:96px;height:96px}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card-copy{gap:var(--space-10, 4px)}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card-title-mo{font:var(--font-sm-semibold);line-height:1.2}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card-date.bfcm-campaign-date{font:var(--font-xs-medium)}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card-date .bfcm-campaign-date__icon{width:14px;height:14px}.bfcm-event-timeline__cards-scroll--lead .bfcm-event-timeline__card-cta{margin-top:var(--space-10, 4px);font:var(--font-xs-medium)}.bfcm-event-timeline__cards-scroll--trail .bfcm-event-timeline__card{width:100%;box-sizing:border-box;border-radius:var(--radius-xs, 8px)}.bfcm-event-timeline__card--layout-banner{flex-direction:row;align-items:center;gap:var(--space-token-l, 24px);min-height:128px;padding:var(--space-token-base, 16px) var(--space-token-s, 12px);text-align:left}.bfcm-event-timeline__card--layout-banner .bfcm-event-timeline__card-media{flex:none;width:120px;height:120px}.bfcm-event-timeline__card--layout-banner .bfcm-event-timeline__card-copy{flex:1;align-items:flex-start;gap:var(--space-token-s, 12px);min-width:0}.bfcm-event-timeline__card--layout-banner .bfcm-event-timeline__card-title-mo{font:var(--font-base-semibold);line-height:var(--line-height-base, 22px);text-align:left}.bfcm-event-timeline__card--layout-banner .bfcm-event-timeline__card-date.bfcm-campaign-date{font:var(--font-xs-medium)}.bfcm-event-timeline__card--layout-banner .bfcm-event-timeline__card-cta{font:var(--font-sm-medium)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/bfcm-event-timeline.css.map */
