.banner-carousel{--bc-ease: cubic-bezier(.22, .61, .36, 1);display:block;padding-top:calc(var(--bc-pt) * .75);padding-bottom:calc(var(--bc-pb) * .75)}.banner-carousel[hidden]{display:none}.banner-carousel__viewport{--bc-pm: var(--bc-peek-m);--bc-w: calc(100% - 2 * var(--bc-pm) - 2 * var(--bc-gap));--bc-o: calc((100% - var(--bc-w)) / 2);position:relative;margin-inline:auto;overflow:hidden;overflow:clip;touch-action:pan-y}.banner-carousel[data-count="1"] .banner-carousel__viewport,.banner-carousel[data-count="2"] .banner-carousel__viewport{--bc-pm: 0px}.banner-carousel__track{display:grid;grid-template-columns:minmax(0,1fr)}.banner-carousel__slide{--p: var(--pos-m, 0);grid-area:1 / 1;align-self:start;width:var(--bc-w);margin-left:var(--bc-o);aspect-ratio:var(--bc-ratio);transform:translate3d(calc(var(--p) * (100% + var(--bc-gap)) + var(--bc-drag, 0px)),0,0);transition:transform var(--bc-dur, var(--bc-speed)) var(--bc-ease);will-change:transform}.banner-carousel__slide[hidden]{display:none}.banner-carousel__slide.is-instant,.banner-carousel__track.is-dragging .banner-carousel__slide{transition:none}@media screen and (min-width:750px){.banner-carousel{padding-top:var(--bc-pt);padding-bottom:var(--bc-pb)}.banner-carousel__viewport{--bc-m: 1;--bc-pk: var(--bc-peek-d);width:100%;--bc-w: min(var(--bc-max), (100% - 2 * var(--bc-gap)) / (1 + 2 * var(--bc-pk)));--bc-o: calc(50% - var(--bc-w) / 2)}.banner-carousel[data-count="1"] .banner-carousel__viewport,.banner-carousel[data-count="2"] .banner-carousel__viewport{--bc-pk: 0;width:min(100%,var(--bc-max) + 2 * var(--bc-gap))}.banner-carousel__slide{--p: var(--pos-t, 0)}}@media screen and (min-width:990px){.banner-carousel__slide{--p: var(--pos-d, 0)}}.banner-carousel__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;border-radius:var(--bc-radius);background-color:rgba(var(--color-foreground),.04);color:inherit;-webkit-tap-highlight-color:transparent;transition:opacity var(--bc-speed) var(--bc-ease)}.banner-carousel__image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.banner-carousel__media:focus-visible{outline:none;box-shadow:none}.banner-carousel__media:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 .3rem rgb(var(--color-foreground)),inset 0 0 0 .5rem rgb(var(--color-background));pointer-events:none}.banner-carousel.is-ready .banner-carousel__slide.is-peek .banner-carousel__media,.banner-carousel:not(.is-ready) .banner-carousel__slide.is-peek-m .banner-carousel__media{opacity:.55}@media screen and (min-width:750px){.banner-carousel:not(.is-ready) .banner-carousel__slide.is-peek-m .banner-carousel__media{opacity:1}.banner-carousel:not(.is-ready) .banner-carousel__slide.is-peek-t .banner-carousel__media{opacity:.55}}@media screen and (min-width:990px){.banner-carousel:not(.is-ready) .banner-carousel__slide.is-peek-t .banner-carousel__media{opacity:1}.banner-carousel:not(.is-ready) .banner-carousel__slide.is-peek-d .banner-carousel__media{opacity:.55}}.banner-carousel.is-ready .banner-carousel__slide.is-peek{cursor:pointer}@media(hover:hover){.banner-carousel.is-ready .banner-carousel__slide.is-peek:hover .banner-carousel__media{opacity:.8}}@media screen and (min-width:750px){.banner-carousel__media{transition:opacity var(--bc-speed) var(--bc-ease),transform var(--bc-speed) var(--bc-ease)}.banner-carousel.is-ready .banner-carousel__slide.is-peek .banner-carousel__media,.banner-carousel:not(.is-ready) .banner-carousel__slide.is-peek-t .banner-carousel__media{transform:scale(.9)}}.banner-carousel.is-ready:not([data-static]) .banner-carousel__viewport{cursor:grab}.banner-carousel__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.banner-carousel__controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.banner-carousel:not(.is-ready) .banner-carousel__controls,.banner-carousel[data-static] .banner-carousel__controls{display:none}.banner-carousel__arrow,.banner-carousel__dots{pointer-events:auto}.banner-carousel__controls{--bc-arrow: 3.2rem}.banner-carousel__arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:var(--bc-arrow);height:var(--bc-arrow);padding:0;border:.1rem solid rgba(255,255,255,.6);border-radius:50%;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#121212;box-shadow:0 .1rem .6rem #0000001f;cursor:pointer;transform:translateY(-50%);transition:opacity .25s ease,background-color .2s ease,box-shadow .2s ease}.banner-carousel__arrow--prev{left:max(.4rem,(var(--bc-o) - var(--bc-arrow)) / 2)}.banner-carousel__arrow--next{right:max(.4rem,(var(--bc-o) - var(--bc-arrow)) / 2)}@media screen and (min-width:750px){.banner-carousel__arrow--prev{left:max(.4rem,var(--bc-o) - var(--bc-arrow) / 2)}.banner-carousel__arrow--next{right:max(.4rem,var(--bc-o) - var(--bc-arrow) / 2)}}@media(hover:hover){.banner-carousel__arrow{opacity:0}.banner-carousel__viewport:hover .banner-carousel__arrow,.banner-carousel__arrow:focus-visible{opacity:1}.banner-carousel__arrow:hover{background:#fffffff2;box-shadow:0 .3rem 1.2rem #00000040}}.banner-carousel__arrow .svg-wrapper,.banner-carousel__arrow .icon{display:inline-flex;width:1.2rem;height:1.2rem}.banner-carousel__arrow--prev .icon{transform:rotate(90deg)}.banner-carousel__arrow--next .icon{transform:rotate(-90deg)}.banner-carousel__arrow--sr:not(:focus-visible){width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;box-shadow:none}.banner-carousel__dots{position:absolute;bottom:.8rem;left:50%;display:flex;max-width:calc(100% - 2 * var(--bc-o) - 9.6rem);padding:0 .6rem;border-radius:2rem;background:#00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-50%)}.banner-carousel__dot{display:inline-flex;align-items:center;justify-content:center;flex:0 1 2.4rem;min-width:1.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.banner-carousel__dot[hidden]{display:none}.banner-carousel__dot span{display:block;flex:none;width:.7rem;height:.7rem;border-radius:.4rem;background-color:#fff9;transition:width .3s var(--bc-ease),background-color .3s ease}.banner-carousel__dot.is-active{flex-basis:3rem}.banner-carousel__dot.is-active span{width:1.8rem;background-color:#fff}@media(hover:hover){.banner-carousel__dot:not(.is-active):hover span{background-color:#ffffffd9}}@media screen and (min-width:750px){.banner-carousel__dots{bottom:1.2rem}}.banner-carousel__arrow:focus-visible,.banner-carousel__dot:focus-visible{outline:.2rem solid #fff;outline-offset:-.2rem;box-shadow:0 0 0 .2rem #121212}.banner-carousel__notice,.banner-carousel-empty p{margin:.8rem auto 0;padding:0 1.6rem;text-align:center;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.banner-carousel-empty{padding-block:1.6rem}.banner-carousel-empty p{margin:0;padding:4rem 1.6rem;border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:1.2rem;font-size:1.5rem}@media(prefers-reduced-motion:reduce){.banner-carousel__slide,.banner-carousel__media,.banner-carousel__dot span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-banner-carousel.css.map */