.v2-carousel-banner{--v2-carousel-banner-aspect-ratio: 393 / 547;padding-block:var(--v2-spacing-6)}@media screen and (min-width:600px){.v2-carousel-banner{--v2-carousel-banner-aspect-ratio: 696 / 391;padding-block:var(--v2-spacing-10)}}@media screen and (min-width:900px){.v2-carousel-banner{--v2-carousel-banner-aspect-ratio: 860 / 460;padding-block:var(--v2-spacing-12)}}.v2-carousel-banner__card{--v2-carousel-banner-duration: 5s;position:relative;overflow:hidden;width:100%;aspect-ratio:var(--v2-carousel-banner-aspect-ratio);border-radius:var(--v2-radius-2xl);background-color:var(--v2-bg-inverse);-webkit-user-select:none;user-select:none;touch-action:pan-y}.v2-carousel-banner__header{position:absolute;z-index:2;top:0;right:0;left:0;display:flex;flex-direction:column;gap:var(--v2-spacing-5);padding:var(--v2-spacing-6);pointer-events:none}@media screen and (min-width:900px){.v2-carousel-banner__header{gap:var(--v2-spacing-6);padding:var(--v2-spacing-8) var(--v2-spacing-12)}}.v2-carousel-banner__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--v2-spacing-4);width:100%}.v2-carousel-banner__eyebrow,.v2-carousel-banner__counter{margin:0;color:var(--v2-text-primary)}.v2-carousel-banner__counter{flex-shrink:0;font-variant-numeric:tabular-nums}.v2-carousel-banner__progress{display:flex;gap:var(--v2-spacing-2);align-items:stretch;width:100%}.v2-carousel-banner__segment{position:relative;flex:0 0 var(--v2-spacing-8);height:var(--v2-spacing-1);overflow:hidden;border-radius:var(--v2-radius-full);background-color:color-mix(in srgb,var(--v2-white) 20%,transparent);transition:flex-basis .35s ease,flex-grow .35s ease}.v2-carousel-banner__segment.is-active{flex:1 1 auto;min-width:var(--v2-spacing-8)}.v2-carousel-banner__segment-fill{position:absolute;inset:0 auto 0 0;width:100%;border-radius:inherit;background-color:var(--v2-white);transform:scaleX(0);transform-origin:left center}.v2-carousel-banner__card.is-filling .v2-carousel-banner__segment.is-active .v2-carousel-banner__segment-fill{animation:v2-carousel-banner-progress var(--v2-carousel-banner-duration, 5s) linear forwards}.v2-carousel-banner__card.is-paused .v2-carousel-banner__segment.is-active .v2-carousel-banner__segment-fill{animation-play-state:paused}.v2-carousel-banner__card[data-timer=false] .v2-carousel-banner__segment.is-active .v2-carousel-banner__segment-fill,.v2-carousel-banner__segment.is-complete .v2-carousel-banner__segment-fill{transform:scaleX(1);animation:none}@keyframes v2-carousel-banner-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.v2-carousel-banner__swiper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.v2-carousel-banner__swiper .swiper-wrapper{height:100%}.v2-carousel-banner__slide{position:relative;box-sizing:border-box;height:100%}.v2-carousel-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.v2-carousel-banner__layer{position:absolute;top:0;right:0;bottom:0;left:0}.v2-carousel-banner__layer--tablet,.v2-carousel-banner__layer--desktop{display:none}@media screen and (min-width:600px){.v2-carousel-banner__media.has-tablet .v2-carousel-banner__layer--mobile{display:none}.v2-carousel-banner__media.has-tablet .v2-carousel-banner__layer--tablet{display:block}}@media screen and (min-width:900px){.v2-carousel-banner__media.has-desktop .v2-carousel-banner__layer--mobile,.v2-carousel-banner__media.has-desktop .v2-carousel-banner__layer--tablet{display:none}.v2-carousel-banner__media.has-desktop .v2-carousel-banner__layer--desktop{display:block}}.v2-carousel-banner__media img,.v2-carousel-banner__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.v2-carousel-banner__content{position:absolute;z-index:1;right:var(--v2-spacing-6);bottom:var(--v2-spacing-8);left:var(--v2-spacing-6);display:flex;flex-direction:column;gap:var(--v2-spacing-1-5);align-items:flex-start;max-width:21.25rem}@media screen and (min-width:900px){.v2-carousel-banner__content{right:var(--v2-spacing-12);bottom:var(--v2-spacing-16);left:var(--v2-spacing-12);max-width:21.3125rem}}.v2-carousel-banner__copy{display:flex;flex-direction:column;gap:var(--v2-spacing-1-5);padding-block:var(--v2-spacing-4)}@media screen and (min-width:900px){.v2-carousel-banner__copy{gap:var(--v2-spacing-4);padding-block:var(--v2-spacing-5)}}.v2-carousel-banner__title,.v2-carousel-banner__body{margin:0;color:var(--v2-text-primary)}.v2-carousel-banner__body{color:var(--v2-text-secondary)}.v2-carousel-banner__cta{pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/21/assets/v2-carousel-banner.css.map */