bg-progress-carousel.bg-progress-carousel{display:block}.bg-progress-carousel{--bg-progress-carousel-transition-duration: .5s;--bg-progress-carousel-transition-easing: cubic-bezier(.22, 1, .36, 1);--bg-progress-carousel-panel-enter-easing: cubic-bezier(.22, .61, .36, 1);--bg-progress-carousel-overlay-padding: var(--space-token-2xl);--bg-progress-carousel-progress-inner-padding: var(--space-token-l);--bg-progress-carousel-progress-item-width: 200px;--bg-progress-carousel-progress-track-width: 184px;--bg-progress-carousel-progress-item-padding-inline: var(--space-token-xs);--bg-progress-carousel-progress-track-height: 3px;--bg-progress-carousel-progress-gap: var(--space-token-base);--bg-progress-carousel-progress-label-gap: var(--space-token-2xs);--bg-progress-carousel-overlay-title-gap: var(--space-token-s);--bg-progress-carousel-mo-hero-tab-gap: var(--space-token-l);--bg-progress-carousel-tab-gap: var(--space-token-l);--bg-progress-carousel-inner-max: 1200px;--bg-progress-carousel-heading-stage-gap: var(--heading-media-space);--bg-progress-carousel-track-bg: rgba(255, 255, 255, .4);--bg-progress-carousel-progress-label-inactive: rgba(255, 255, 255, .6);--bg-progress-carousel-progress-label-active: rgba(255, 255, 255, .93);--bg-progress-carousel-mo-tab-rule: var(--stroke-20);--bg-progress-carousel-progress-safe-area: calc( var(--bg-progress-carousel-progress-inner-padding) + var(--space-token-md) + var(--bg-progress-carousel-progress-track-height) + var(--bg-progress-carousel-progress-label-gap) + 1.375rem );color:var(--bg-progress-carousel-text-color-pc)}.bg-progress-carousel__inner{max-width:var(--bg-progress-carousel-inner-max);margin-inline:auto}.bg-progress-carousel__header{margin-block-end:var(--bg-progress-carousel-heading-stage-gap)}.bg-progress-carousel__track[hidden]{display:none!important}.bg-progress-carousel__stage{display:flex;flex-direction:column;gap:0}.bg-progress-carousel__stage-pc{display:none;position:relative;overflow:hidden;height:var(--bg-progress-carousel-media-height-pc)}@media screen and (min-width:1280px){.bg-progress-carousel__stage-pc{display:block}}.bg-progress-carousel__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-progress-carousel__row{display:flex;height:100%;will-change:transform}.bg-progress-carousel__row.is-transitioning{transition:transform var(--bg-progress-carousel-transition-duration) var(--bg-progress-carousel-transition-easing)}.bg-progress-carousel__slide-pc{flex:0 0 100%;width:100%;height:100%;overflow:hidden}.bg-progress-carousel__slide-pc .bg-progress-slide__image{width:100%;height:100%;display:block;object-fit:cover}.bg-progress-carousel__overlay-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.bg-progress-carousel__overlay-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-progress-carousel__overlay-panel.is-active{pointer-events:auto}.bg-progress-carousel__overlay-panel[hidden]{display:none!important}.bg-progress-slide__overlay-pc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:var(--bg-progress-carousel-overlay-justify);align-items:var(--bg-progress-carousel-overlay-align);box-sizing:border-box;padding:var(--bg-progress-carousel-overlay-padding);padding-bottom:var( --bg-progress-carousel-overlay-padding-bottom, var(--bg-progress-carousel-overlay-padding) );pointer-events:none}.bg-progress-slide__overlay-inner{display:flex;flex-direction:column;gap:var(--bg-progress-carousel-overlay-title-gap);width:auto;max-width:min(var(--bg-progress-slide-text-max-width, 450px),calc(100% - (var(--bg-progress-carousel-overlay-padding) * 2)));color:var(--bg-progress-slide-text-color, var(--bg-progress-carousel-text-color-pc));pointer-events:auto}.bg-progress-slide__title,.bg-progress-slide__description,.bg-progress-slide__description p{margin:0}.bg-progress-slide__tip{margin-block-start:28px;font:var(--font-sm-medium);opacity:.65}.bg-progress-slide__tip p{margin:0}.bg-progress-carousel__overlay-panel.is-entering .bg-progress-slide__overlay-inner{animation:bg-progress-fade-in var(--bg-progress-carousel-transition-duration) var(--bg-progress-carousel-transition-easing) both}.bg-progress-carousel__overlay-panel.is-leaving .bg-progress-slide__overlay-inner{animation:bg-progress-fade-out var(--bg-progress-carousel-transition-duration) var(--bg-progress-carousel-transition-easing) both}.bg-progress-carousel__progress{position:absolute;inset-inline:0;bottom:0;z-index:3;width:100%;pointer-events:none}.bg-progress-carousel__progress-inner{pointer-events:auto;width:100%;box-sizing:border-box;padding:var(--bg-progress-carousel-progress-inner-padding);padding-block-end:var(--space-token-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.bg-progress-carousel__progress-inner::-webkit-scrollbar{height:4px}.bg-progress-carousel__progress-inner::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff59}.bg-progress-carousel__progress-grid{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:var(--bg-progress-carousel-progress-gap);width:fit-content;max-width:100%;margin-inline:auto}.bg-progress-carousel__progress-item{display:flex;flex:0 0 var(--bg-progress-carousel-progress-item-width);flex-direction:column;align-items:flex-start;gap:var(--bg-progress-carousel-progress-label-gap);width:var(--bg-progress-carousel-progress-item-width);box-sizing:border-box;padding-inline:var(--bg-progress-carousel-progress-item-padding-inline);margin:0;border:none;background:none;cursor:pointer;text-align:start;color:var(--bg-progress-carousel-progress-label-inactive)}.bg-progress-carousel__progress-inner--no-blur{backdrop-filter:none;-webkit-backdrop-filter:none}.bg-progress-carousel__progress-item[aria-selected=true]{color:var(--bg-progress-carousel-progress-label-active)}.bg-progress-carousel__progress-track{display:block;width:var(--bg-progress-carousel-progress-track-width);height:var(--bg-progress-carousel-progress-track-height);border-radius:var(--radius-full);background:var(--bg-progress-carousel-track-bg);overflow:hidden}.bg-progress-carousel__progress-fill{display:block;width:var(--bg-progress-fill, 0%);height:100%;border-radius:inherit;background:var(--bg-progress-carousel-progress-fill)}.bg-progress-carousel__progress-item:not([aria-selected=true]) .bg-progress-carousel__progress-fill{width:0%}.bg-progress-carousel__progress-label{display:block;width:100%;font:var(--font-base-medium);overflow-wrap:anywhere;color:inherit}.bg-progress-carousel__progress-item[aria-selected=true] .bg-progress-carousel__progress-label{font:var(--font-base-semibold)}.bg-progress-carousel__stage-mo{display:flex;flex-direction:column;gap:0;color:var(--bg-progress-carousel-text-color-mo)}@media screen and (min-width:1280px){.bg-progress-carousel__stage-mo{display:none}}@media screen and (max-width:1279px){.bg-progress-carousel__heroes{order:1}.bg-progress-carousel__nav-tabs{order:2;margin-block-start:var(--bg-progress-carousel-mo-hero-tab-gap)}.bg-progress-carousel__mo-copies{order:3;margin-block-start:var(--space-token-md)}.bg-progress-carousel__stage-mo:not(:has(.bg-progress-carousel__nav-tabs)) .bg-progress-carousel__mo-copies{margin-block-start:var(--bg-progress-carousel-mo-hero-tab-gap)}}.bg-progress-carousel__heroes{position:relative;width:100%;max-width:100%;overflow:hidden}.bg-progress-carousel__hero-panel{width:100%;transform-origin:center}.bg-progress-carousel__hero-panel[hidden]{display:none!important}.bg-progress-carousel__hero-panel:not([hidden]){animation:bg-progress-panel-enter .52s var(--bg-progress-carousel-panel-enter-easing) both}.bg-progress-carousel__hero{position:relative;width:100%;max-width:100%;height:auto;min-height:0;overflow:hidden;box-sizing:border-box}.bg-progress-carousel__hero:before{content:"";display:block;padding-bottom:66.666%}.bg-progress-carousel__hero .bg-progress-slide__media-mo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bg-progress-carousel__hero picture-breakpoint,.bg-progress-carousel__hero picture-breakpoint picture,.bg-progress-carousel__hero picture,.bg-progress-carousel__hero .bg-progress-slide__image,.bg-progress-carousel__hero img{display:block;width:100%;height:100%}.bg-progress-carousel__hero picture-breakpoint picture,.bg-progress-carousel__hero picture,.bg-progress-carousel__hero .bg-progress-slide__image,.bg-progress-carousel__hero img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;aspect-ratio:unset}.bg-progress-carousel__nav-tabs{width:100%}.bg-progress-carousel__tab-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--bg-progress-carousel-tab-gap);overflow-x:hidden;touch-action:pan-y;padding-block-end:6px;padding-inline:2px}.bg-progress-carousel__tab{flex:0 0 auto;padding:0;margin:0;border:none;background:none;cursor:pointer;font:var(--font-base-medium);color:var(--bg-progress-carousel-text-color-mo);white-space:nowrap;position:relative;padding-block:var(--space-token-s) 6px}.bg-progress-carousel__tab[aria-selected=true]{font:var(--font-base-semibold);color:var(--bg-progress-carousel-tab-active-color)}.bg-progress-carousel__tab-label{margin:0;padding:0;border:0;font:inherit;color:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;white-space:inherit}.bg-progress-carousel__tab-rule{position:relative;height:1px;background:var(--bg-progress-carousel-mo-tab-rule);width:100%}.bg-progress-carousel__tab-indicator{position:absolute;left:0;top:0;margin-top:-1px;height:3px;background:var(--bg-progress-carousel-tab-active-color);width:0;transition:left .35s var(--bg-progress-carousel-panel-enter-easing),width .35s var(--bg-progress-carousel-panel-enter-easing);pointer-events:none}.bg-progress-carousel__mo-copies{width:100%}.bg-progress-carousel__copy-mo{text-align:start}.bg-progress-carousel__copy-mo[hidden]{display:none!important}.bg-progress-carousel__copy-mo:not([hidden]){animation:bg-progress-rise .52s var(--bg-progress-carousel-panel-enter-easing) both}.bg-progress-slide__description-mo,.bg-progress-slide__description-mo p{margin:0}@keyframes bg-progress-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bg-progress-fade-out{0%{opacity:1}to{opacity:0}}@keyframes bg-progress-panel-enter{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes bg-progress-rise{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.bg-progress-carousel__row.is-transitioning,.bg-progress-carousel__tab-indicator,.bg-progress-carousel__hero-panel:not([hidden]),.bg-progress-carousel__copy-mo:not([hidden]),.bg-progress-carousel__overlay-panel.is-entering .bg-progress-slide__overlay-inner,.bg-progress-carousel__overlay-panel.is-leaving .bg-progress-slide__overlay-inner{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/bg-progress-carousel.css.map */