.codelia-banner-carousel{--bc-base-h: calc(var(--bc-base-w) * 1.25);--bc-delta: calc(var(--bc-base-w) * (var(--bc-scale) - 1));--bc-inset-m: calc(var(--bc-gap-m) + var(--bc-peek-m));--bc-duration: .75s;--bc-ease: cubic-bezier(.37, 0, .63, 1)}.banner-carousel__stage{position:relative;overflow-x:clip}.banner-carousel__track:focus,.banner-carousel__track:focus-visible{outline:none}.banner-carousel__track:not(.flickity-enabled){display:flex;overflow:hidden;padding-left:var(--bc-inset-m)}.codelia-banner-carousel .flickity-viewport{overflow:visible}.banner-carousel__slide{flex:0 0 auto;width:calc(100% - 2 * var(--bc-inset-m));margin-right:var(--bc-gap-m)}.banner-carousel__card{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--bc-radius);background:#0000000a;isolation:isolate;container-type:inline-size;transform-origin:top center}.banner-carousel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.banner-carousel__placeholder{background:#0000000f;fill:#00000040}.banner-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--bg);pointer-events:none}.banner-carousel__card:not(.is-active){cursor:pointer}.banner-carousel__card:not(.is-active) .banner-carousel__content a{pointer-events:none}.banner-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:8cqi;color:var(--text);pointer-events:none}.banner-carousel__copy{max-width:100%;pointer-events:auto}.banner-carousel__copy>*+*{margin-top:2.5cqi}.banner-carousel__content .banner-carousel__kicker{font-size:clamp(11px,3.6cqi,16px);line-height:1.3}.banner-carousel__content .banner-carousel__title{font-size:clamp(20px,9cqi,44px);line-height:1.1;color:inherit}.banner-carousel__content .banner-carousel__text{font-size:clamp(12px,4cqi,18px);line-height:1.35}.banner-carousel__content .banner-carousel__text p{margin:0}.banner-carousel__content .banner-carousel__btn{margin-top:5cqi}.banner-carousel__mobile-ui{position:absolute;left:var(--bc-inset-m);right:var(--bc-inset-m);bottom:0;height:48px;z-index:25;pointer-events:none}.banner-carousel__progress{--bc-line-filter: invert(1) grayscale(1) contrast(4);position:absolute;left:50%;bottom:14px;display:flex;align-items:center;width:96px;height:2px;transform:translate(-50%)}.banner-carousel__progress-fill,.banner-carousel__progress:after{-webkit-backdrop-filter:var(--bc-line-filter);backdrop-filter:var(--bc-line-filter)}.banner-carousel__progress-fill{display:block;flex:0 0 calc(var(--bc-progress, 0) * 100%);height:2px;border-radius:999px;transition:flex-basis .3s ease}.banner-carousel__progress:after{content:"";flex:1 1 auto;height:1px;opacity:.5}@supports not ((backdrop-filter: invert(1)) or (-webkit-backdrop-filter: invert(1))){.banner-carousel__progress{mix-blend-mode:difference}.banner-carousel__progress-fill,.banner-carousel__progress:after{background:#fff}}.banner-carousel__pause--mobile{position:absolute;right:12px;bottom:6px;width:24px;height:24px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#11111147;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto}.banner-carousel__pause--mobile .banner-carousel__icon{width:8px;height:10px}.banner-carousel__controls{display:none}.banner-carousel__pill{display:inline-flex;align-items:center;height:32px;margin:0;padding:0;border:1px solid rgba(17,17,17,.12);border-radius:999px;background:transparent;color:var(--text);font-size:12px;line-height:1}button.banner-carousel__pill{width:32px;justify-content:center;cursor:pointer}.banner-carousel__btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.banner-carousel__btn-icon svg{width:14px;height:14px}.banner-carousel__pill button:hover,button.banner-carousel__pill:hover{opacity:.6}.banner-carousel__counter{padding:0 14px;font-variant-numeric:tabular-nums}.banner-carousel__counter-sep{display:inline-block;width:1px;height:10px;margin:0 8px;background:currentColor;opacity:.3}.banner-carousel__pause .banner-carousel__icon--play,.banner-carousel__pause[data-paused=true] .banner-carousel__icon--pause{display:none}.banner-carousel__pause[data-paused=true] .banner-carousel__icon--play{display:block}.banner-carousel__empty{padding:80px 20px;text-align:center}@media(min-width:768px){.banner-carousel__stage{padding-bottom:calc(var(--bc-base-h) * (var(--bc-scale) - 1))}.banner-carousel__track:not(.flickity-enabled){padding-left:calc(50% - var(--bc-base-w) / 2)}.banner-carousel__slide{width:var(--bc-base-w);margin-right:var(--bc-gap-d)}.banner-carousel__slide.is-selected{z-index:1}.banner-carousel__card{transition:transform var(--bc-duration) var(--bc-ease),border-radius var(--bc-duration) var(--bc-ease);will-change:transform}.banner-carousel__card.is-active{transform:scale(var(--bc-scale));border-radius:calc(var(--bc-radius) / var(--bc-scale))}.banner-carousel__card.is-before{transform:translate(calc(var(--bc-delta) / -2))}.banner-carousel__card.is-after{transform:translate(calc(var(--bc-delta) / 2))}.banner-carousel__mobile-ui{display:none}.banner-carousel__controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}}.banner-carousel--no-transition .banner-carousel__card,.banner-carousel--no-transition .banner-carousel__progress-fill{transition:none!important}@media(prefers-reduced-motion:reduce){.banner-carousel__card,.banner-carousel__progress-fill{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/codelia-banner-carousel.css.map */