.banner-slideshow{position:relative;isolation:isolate;overflow:hidden;background:var(--color-background-gradient);color:var(--color-text)}.banner-slideshow__viewport{position:relative;overflow:hidden;min-height:var(--banner-slideshow-height-mobile)}.banner-slideshow__track{position:relative;min-height:var(--banner-slideshow-height-mobile)}.banner-slideshow__slide{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;display:grid;min-height:var(--banner-slideshow-height-mobile);overflow:hidden;visibility:hidden;background:var(--color-background);color:var(--color-text);opacity:0;pointer-events:none;z-index:0;transition:opacity .45s ease,visibility .45s ease}.banner-slideshow__slide.is-active{visibility:visible;opacity:1;pointer-events:auto;z-index:1}.banner-slideshow__media,.banner-slideshow__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.banner-slideshow__media{z-index:-3;overflow:hidden}.banner-slideshow__image{width:100%;height:100%;object-fit:cover;object-position:var(--banner-slide-image-position, center center)}.banner-slideshow__slide--fixed-background .banner-slideshow__media{background-image:var(--banner-slide-fixed-background-image);background-attachment:fixed;background-position:var(--banner-slide-image-position, center center);background-repeat:no-repeat;background-size:cover}.banner-slideshow__slide--fixed-background .banner-slideshow__image{opacity:0}.banner-slideshow__media--fallback{background:var(--color-background)}.banner-slideshow__fallback{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--color-accent),transparent 42%),transparent 34%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--color-button),transparent 58%),transparent 32%),radial-gradient(circle at 50% 88%,color-mix(in srgb,var(--color-text),transparent 88%),transparent 38%),linear-gradient(135deg,var(--color-background),color-mix(in srgb,var(--color-background),var(--color-accent) 14%));filter:blur(6px);transform:scale(1.04)}.banner-slideshow__overlay{z-index:-2;background:rgb(0 0 0 / var(--banner-slide-overlay-opacity, .3));pointer-events:none}.banner-slideshow__content{position:relative;z-index:1;display:grid;align-content:var(--banner-slide-content-mobile-vertical, center);justify-items:var(--banner-slide-content-mobile-horizontal, center);width:min(100% - 2rem,var(--page-width, 1200px));min-height:var(--banner-slideshow-height-mobile);margin-inline:auto;padding-block:3rem}.banner-slideshow__content>*{width:min(100%,var(--banner-slideshow-content-max-width, 760px))}.banner-slideshow__content .rich-text-block--card{color:var(--color-text)}.banner-slideshow__placeholder-card{display:grid;gap:.75rem;width:min(100%,42rem);padding:2rem;text-align:center;color:var(--color-text);background:color-mix(in srgb,var(--color-background),transparent 12%);border:1px solid color-mix(in srgb,var(--color-border),transparent 35%);border-radius:18px;box-shadow:0 18px 45px #00000024}.banner-slideshow__placeholder-eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.banner-slideshow__placeholder-heading{margin:0;font-size:clamp(1.75rem,4vw,3rem);line-height:1.05}.banner-slideshow__placeholder-text{margin:0}.banner-slideshow__arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:none;border-radius:999px;background:var(--color-accent);color:var(--color-button-text);cursor:pointer;box-shadow:0 8px 24px #00000029;transform:translateY(-50%)}.banner-slideshow__arrow--previous{left:.75rem}.banner-slideshow__arrow--next{right:.75rem}.banner-slideshow__arrow span{display:grid;place-items:center;width:100%;height:100%;font-size:2rem;line-height:1;transform:translateY(-.08em)}.banner-slideshow__arrow:hover{filter:brightness(1.04)}.banner-slideshow__arrow:focus-visible,.banner-slideshow__dot:focus-visible{outline:3px solid var(--color-button-text);outline-offset:3px}.banner-slideshow__controls{position:absolute;left:50%;bottom:1rem;z-index:4;display:flex;align-items:center;justify-content:center;gap:.65rem;width:min(100% - 2rem,28rem);transform:translate(-50%)}.banner-slideshow__autoplay-toggle{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;padding:0;border:none;border-radius:999px;background:var(--color-accent);color:var(--color-button-text);cursor:pointer;box-shadow:0 8px 24px #00000029}.banner-slideshow__autoplay-toggle:hover{filter:brightness(1.04)}.banner-slideshow__autoplay-toggle:focus-visible{outline:3px solid var(--color-button-text);outline-offset:3px}.banner-slideshow__autoplay-icon{display:grid;place-items:center;width:100%;height:100%;font-size:.9rem;line-height:1}.banner-slideshow__autoplay-icon--play{display:none;font-size:1rem;transform:translate(.06em)}.banner-slideshow__autoplay-toggle[aria-pressed=true] .banner-slideshow__autoplay-icon--pause{display:none}.banner-slideshow__autoplay-toggle[aria-pressed=true] .banner-slideshow__autoplay-icon--play{display:grid}.banner-slideshow__autoplay-toggle .visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.banner-slideshow__dots{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:center;gap:.5rem}.banner-slideshow__dot{display:block;width:.75rem;height:.75rem;padding:0;border:1px solid color-mix(in srgb,var(--color-button-text),transparent 20%);border-radius:999px;background:color-mix(in srgb,var(--color-button-text),transparent 60%);cursor:pointer}.banner-slideshow__dot[aria-current=true]{width:1.8rem;background:var(--color-button-text)}@media screen and (min-width:750px){.banner-slideshow__viewport,.banner-slideshow__track,.banner-slideshow__slide,.banner-slideshow__content{min-height:var(--banner-slideshow-height-desktop)}.banner-slideshow__content{align-content:var(--banner-slide-content-vertical, center);justify-items:var(--banner-slide-content-horizontal, center);padding-block:4rem}.banner-slideshow__arrow--previous{left:1.5rem}.banner-slideshow__arrow--next{right:1.5rem}.banner-slideshow__autoplay-toggle{right:1.5rem;bottom:1.5rem}.banner-slideshow__controls{bottom:1.5rem}}@media screen and (max-width:749px){.banner-slideshow__arrow{width:38px;height:38px}.banner-slideshow__arrow--previous{left:.5rem}.banner-slideshow__arrow--next{right:.5rem}.banner-slideshow__content{width:min(100% - 1.5rem,var(--page-width, 1200px));padding-block:2.5rem 4rem}}@media(prefers-reduced-motion:reduce){.banner-slideshow__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/css-banner-slideshow.css.map */