.bb-slider,.bb-slider *{box-sizing:border-box}.bb-slider{--bb-w: clamp(190px, 64vw, 300px);--bb-radius: 22px;position:relative;display:block;width:100%;padding:0 0 28px;overflow:hidden;overflow:clip;contain:layout paint style;isolation:isolate;text-align:center;line-height:normal;background:radial-gradient(60% 46% at 50% 58%,color-mix(in srgb,var(--bb-accent, #743088) 10%,transparent),transparent 72%),var(--bb-bg, #fff);-webkit-tap-highlight-color:transparent}@media(min-width:750px){.bb-slider__track{perspective:1200px}}@media(min-width:750px){.bb-slider{--bb-w: clamp(260px, 24vw, 420px);--bb-radius: 26px;padding:64px 0 52px}}.bb-slider__header{padding:0 20px}.bb-slider__heading{margin:0;font-size:clamp(26px,3.6vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--bb-accent, #743088);text-wrap:balance}.bb-slider__heading:after{content:"";display:block;width:44px;height:3px;margin:14px auto 0;border-radius:3px;background:var(--bb-accent, #743088);opacity:.35}.bb-slider__sub{margin:14px auto 0;max-width:52ch;font-size:clamp(14px,1.3vw,17px);line-height:1.55;color:#6b6b6b;text-wrap:balance}.bb-slider__viewport{position:relative;margin-top:24px;outline:none}.bb-slider__track{position:relative;width:100%;height:calc(var(--bb-w) * 4 / 3 + 36px);padding-top:0;perspective:900px;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;cursor:grab;user-select:none;-webkit-user-select:none}.bb-slider.is-dragging .bb-slider__track{cursor:grabbing}.bb-slider__slide{position:absolute;top:0;left:50%;width:var(--bb-w);margin-left:calc(var(--bb-w) / -2);aspect-ratio:3 / 4;border-radius:var(--bb-radius);overflow:hidden;background:#efe9f3;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 2px 4px #1e0a2d1f,0 14px 28px -10px #1e0a2d61}.bb-slider:not(.is-ready) .bb-slider__slide:not(.is-start){opacity:0;visibility:hidden}.bb-slider.is-moving .bb-slider__slide{will-change:transform,opacity}.bb-slider__slide.is-active{box-shadow:0 2px 4px #1e0a2d1f,0 22px 40px -14px color-mix(in srgb,var(--bb-accent, #743088) 60%,transparent)}.bb-slider__link{display:block;position:relative;width:100%;height:100%;color:inherit;text-decoration:none;-webkit-user-drag:none}.bb-slider__link:focus-visible{outline:3px solid var(--bb-accent, #743088);outline-offset:-3px;border-radius:var(--bb-radius)}.bb-slider__link:before{content:"";position:absolute;inset:auto 0 0 0;height:0%;background:linear-gradient(to top,var(--bb-g1) 0%,var(--bb-g2) 48%,var(--bb-g3) 100%);pointer-events:none;z-index:1}.bb-slider__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff24;pointer-events:none;z-index:2}.bb-slider__image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none}@media(hover:hover){.bb-slider:not(.is-moving) .bb-slider__slide.is-active .bb-slider__image{transform:scale(1.04);transition:transform .7s cubic-bezier(.22,1,.36,1)}}.bb-slider__placeholder,.bb-slider__placeholder-svg{display:block;width:100%;height:100%;background:#e8e3ec}.bb-slider__label{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 12px 18px;color:#fff;font-size:clamp(11px,1.05vw,15px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.25)}.bb-slider__label:after{content:"";display:block;width:28px;height:1px;margin:9px auto 0;background:#ffffffd9;transition:width .4s cubic-bezier(.22,1,.36,1)}.bb-slider__slide.is-active .bb-slider__label:after{width:56px}.bb-slider__nav{position:absolute;top:calc(var(--bb-w) * 2 / 3);z-index:200;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin-top:-19px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#fffffff5;color:var(--bb-accent, #743088);box-shadow:0 8px 22px -8px #1e0a2d73;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.bb-slider__nav svg{width:9px;height:15px}.bb-slider__nav--prev{left:10px}.bb-slider__nav--next{right:10px}.bb-slider__nav:active{transform:scale(.92)}.bb-slider__nav:focus-visible{outline:3px solid var(--bb-accent, #743088);outline-offset:2px}@media(hover:hover){.bb-slider__nav:hover{background:var(--bb-accent, #743088);color:#fff}}@media(min-width:750px){.bb-slider__nav{width:52px;height:52px;margin-top:-26px}.bb-slider__nav svg{width:10px;height:18px}.bb-slider__nav--prev{left:clamp(16px,4vw,64px)}.bb-slider__nav--next{right:clamp(16px,4vw,64px)}}.bb-slider__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:8px;padding:0 16px}.bb-slider__dot{position:relative;width:22px;height:22px;padding:0;border:0;background:transparent;cursor:pointer}.bb-slider__dot:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:999px;background:var(--bb-accent, #743088);opacity:.25;transform:translate(-50%,-50%);transition:width .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}.bb-slider__dot[aria-current=true]:before{width:22px;opacity:1}.bb-slider__dot:focus-visible{outline:2px solid var(--bb-accent, #743088);outline-offset:-2px;border-radius:6px}@media(prefers-reduced-motion:reduce){.bb-slider__image,.bb-slider__label:after,.bb-slider__dot:before,.bb-slider__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bb-slider.css.map */
