.hero-slideshow .slideshow{display:block;position:relative;overflow:hidden;color:rgba(var(--color-text))}.hero-slideshow .slideshow-control{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;color:rgba(var(--color-text));cursor:pointer;display:flex;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;transition:all .2s ease-in-out;z-index:2;opacity:1}.hero-slideshow [data-controls-style=outline] .slideshow-control{border:1px solid rgba(var(--color-text))}.hero-slideshow [data-controls-style=inverted] .slideshow-control{background:rgba(var(--color-background),.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:rgba(var(--color-text))}.hero-slideshow [data-controls-style=accent] .slideshow-control{background:rgba(var(--color-accent),1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:rgba(var(--color-background))}.hero-slideshow .slideshow-control svg{transition:all .2s ease-out}.hero-slideshow .slideshow-control[name=previous]{left:.5rem}.hero-slideshow .slideshow-control[name=previous]:hover svg{transform:translate(-1px)}.hero-slideshow .slideshow-control[name=next]{right:.5rem}.hero-slideshow .slideshow-control[name=next]:hover svg{transform:translate(1px)}.hero-slideshow .slideshow-pagination{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:1}.hero-slideshow .slideshow-pagination button{background-color:transparent;border:1px solid rgba(var(--color-text));cursor:pointer;width:.5rem;height:.5rem;padding:0;border-radius:50rem;transition:all .2s ease-in-out;position:relative}.hero-slideshow .slideshow-pagination button:after{content:"";position:absolute;left:-50%;top:-150%;width:200%;height:400%}.hero-slideshow .slideshow-pagination button.active{width:1.5rem;position:relative}.hero-slideshow .slideshow-pagination button.active:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(var(--color-text));border-radius:50rem;animation:slideshow-pagination-active var(--interval) linear both}.hero-slideshow .slideshow-pagination button:focus-visible{outline-color:rgba(var(--color-text))}.hero-slideshow [data-autoplay-stopped=true] .slideshow-pagination button.active{background-color:rgba(var(--color-text))}.hero-slideshow [data-autoplay-stopped=true] .slideshow-pagination button.active:after{animation-play-state:paused}@keyframes slideshow-pagination-active{to{width:100%}}.hero-slideshow .slideshow-pagination[data-pagination-type=fraction]{padding:.125rem .5rem;border-radius:var(--border-radius)}.hero-slideshow [data-controls-style=inverted] .slideshow-pagination[data-pagination-type=fraction]{background-color:rgba(var(--color-background),.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:rgba(var(--color-text))}.hero-slideshow [data-controls-style=accent] .slideshow-pagination[data-pagination-type=fraction]{background:rgba(var(--color-accent),1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:rgba(var(--color-background))}.hero-slideshow .slideshow-track{display:flex;transition:transform var(--speed) ease-in-out}.hero-slideshow .slideshow-slide{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-shrink:0}.hero-slideshow .slideshow-slide:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(var(--overlay-color),var(--overlay-opacity));-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur))}.hero-slideshow .slideshow-slide[aria-hidden=true] a,.hero-slideshow .slideshow-slide[aria-hidden=true] button{pointer-events:none}.hero-slideshow .slideshow-slide picture{display:flex;width:100%}.hero-slideshow .slideshow-slide img,.hero-slideshow .slideshow-slide video{width:100%;height:var(--height, auto);object-fit:cover;display:block}.hero-slideshow .slideshow-slide .placeholder-svg{width:100%;height:var(--height, auto);object-fit:cover}.hero-slideshow .slideshow-slide .video-wrapper{width:100%}.hero-slideshow [data-zoom-effect=true] .slideshow-slide.active img,.hero-slideshow [data-zoom-effect=true] .slideshow-slide.active video{animation:slideshow-image-zoom-in 1s ease-out both}@keyframes slideshow-image-zoom-in{0%{transform:scale(1.2)}to{transform:none}}.hero-slideshow .slideshow-slide-content{position:absolute;z-index:1;left:2rem;right:2rem;top:2rem;bottom:2rem;display:flex}[data-scroll-animations=true] .hero-slideshow .active .slideshow-slide-content-inner{animation:animate-fade-in-up .4s ease both;animation-delay:var(--speed)}.hero-slideshow .subheading{margin-bottom:.25rem}.hero-slideshow .heading{margin:0}.hero-slideshow .description{margin-top:.6rem}.hero-slideshow .description p{margin-top:0}.hero-slideshow .btn-wrapper{margin-top:1.75rem;display:inline-flex;justify-content:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 599px){.hero-slideshow{padding-top:calc(var(--padding-top) * .75);padding-bottom:calc(var(--padding-bottom) * .75)}.hero-slideshow .slideshow{--height: var(--height-mobile)}.hero-slideshow .slideshow-slide-content[data-position-mobile=top]{top:1rem;align-items:flex-start;text-align:center}.hero-slideshow .slideshow-slide-content[data-position-mobile=center]{align-items:center;text-align:center}.hero-slideshow .slideshow-slide-content[data-position-mobile=bottom]{align-items:flex-end;text-align:center;bottom:3rem}.hero-slideshow .btn-wrapper .btn{width:100%}}@media (min-width: 600px){.hero-slideshow{padding-top:calc(var(--padding-top) * 1);padding-bottom:calc(var(--padding-bottom) * 1)}.hero-slideshow .slideshow{--height: var(--height-desktop)}.hero-slideshow .slideshow-slide-content[data-position-desktop=left]{align-items:center;text-align:left}.hero-slideshow .slideshow-slide-content[data-position-desktop=center]{align-items:center;text-align:center}.hero-slideshow .slideshow-slide-content[data-position-desktop=right]{align-items:center;text-align:right}.hero-slideshow .slideshow-slide-content[data-position-desktop=bottom]{bottom:3rem;align-items:flex-end;text-align:center}.hero-slideshow .slideshow-control{width:2.8rem;height:2.8rem}.hero-slideshow .slideshow-control[name=previous]{left:1.5rem}.hero-slideshow .slideshow-control[name=next]{right:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-slideshow.css.map */