.hero-slideshow-item,.hero-slideshow-item-mobile,.hero-slideshow-item-desktop{position:relative}.hero-slideshow-item-mobile:before,.hero-slideshow-item-desktop:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--overlay-color, 0 0 0) / var(--overlay-opacity, 0));-webkit-backdrop-filter:blur(var(--overlay-blur, 0));backdrop-filter:blur(var(--overlay-blur, 0));pointer-events:none;z-index:1}.hero-slideshow-item-asset{display:block;width:100%;height:var(--media-height, auto);object-fit:cover}.hero-slideshow-slider[data-zoom-effect=true] .active .hero-slideshow-item-asset{animation:hero-slideshow-zoom-effect 3s ease-out both}@keyframes hero-slideshow-zoom-effect{0%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:599px){.hero-slideshow-item-desktop{display:none}.hero-slideshow-item-mobile{--media-height: var(--media-height-mobile, auto);--overlay-color: var(--mobile-overlay-color);--overlay-opacity: var(--mobile-overlay-opacity);--overlay-blur: var(--mobile-overlay-blur)}}@media(min-width:600px){.hero-slideshow-item-mobile{display:none}.hero-slideshow-item-desktop{--media-height: var(--media-height-desktop, auto);--overlay-color: var(--desktop-overlay-color);--overlay-opacity: var(--desktop-overlay-opacity);--overlay-blur: var(--desktop-overlay-blur)}}.hero-slideshow-content{background-color:transparent;color:rgb(var(--content-text-color));position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;z-index:2}.hero-slideshow-content-inner{max-width:var(--content-max-width, 600px);margin-left:auto;margin-right:auto}.has-background-overlay .hero-slideshow-content-inner{background-color:rgb(var(--content-background-color) / .75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--border-radius)}.active .hero-slideshow-content-inner{animation:hero-slideshow-content-animation .3s cubic-bezier(.4,.2,.2,1.4) both;animation-delay:var(--speed)}@keyframes hero-slideshow-content-animation{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:599px){.hero-slideshow-content{--content-color: var(--content-color-mobile)}.has-background-overlay .hero-slideshow-content-inner{padding:1rem}.hero-slideshow-content[data-mobile-content-position=top]{align-items:flex-start;margin-top:2rem}.hero-slideshow-content[data-mobile-content-position=center]{align-items:center}.hero-slideshow-content[data-mobile-content-position=bottom]{position:relative;margin-top:-2rem;margin-bottom:1rem}.hero-slideshow-content[data-mobile-content-position=bottom] .hero-slideshow-content-inner{padding-top:1.25rem;padding-bottom:1.25rem;animation:none}.hero-slideshow:has([data-mobile-content-position=bottom]) .hero-slideshow-slider-controls-pagination{bottom:auto;top:calc(var(--media-height-mobile) - 3.5rem);transform:translate(-50%,-100%)}}@media(min-width:600px){.hero-slideshow-content{--content-color: var(--content-color-desktop)}.has-background-overlay .hero-slideshow-content-inner{padding:2rem}.hero-slideshow-content[data-desktop-content-position=left] .hero-slideshow-content-inner{margin-left:0;margin-right:auto}.hero-slideshow-content[data-desktop-content-position=center] .hero-slideshow-content-inner{margin-left:auto;margin-right:auto;text-align:center}.hero-slideshow-content[data-desktop-content-position=right] .hero-slideshow-content-inner{margin-left:auto;margin-right:0}}.hero-slideshow-slider{--control-size: 2rem;display:block;position:relative;overflow:hidden}.hero-slideshow-slider-track{display:flex;flex-direction:row;transition:transform var(--speed) ease-in-out;will-change:transform}.hero-slideshow-slider-slide{width:100%;flex-shrink:0}@media(prefers-reduced-motion:reduce){.hero-slideshow-slider-track{transition:none}.hero-slideshow-slider[data-zoom-effect=true] .active .hero-slideshow-item-asset,.active .hero-slideshow-content-inner{animation:none}}.hero-slideshow-slider-controls-pagination{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);padding:0 .125rem;display:flex;justify-content:center;align-items:center;gap:.5rem;z-index:2;background-color:rgb(var(--color-background) / .75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50rem;min-width:60px;min-height:24px}.hero-slideshow-slider-control{background-color:transparent;border:none;color:rgb(var(--color-text) / .75);cursor:pointer;display:flex;justify-content:center;align-items:center;width:var(--control-size);height:var(--control-size);padding:0;border-radius:50%;transition:all .2s ease-in-out;outline-offset:-2px}.hero-slideshow-slider-control:hover{color:rgb(var(--color-text) / 1)}.hero-slideshow-slider-control:focus-visible{outline-color:rgb(var(--color-text))}.hero-slideshow-slider-control svg{transition:all .2s ease-out}.hero-slideshow-slider-control[name=previous]{left:0}.hero-slideshow-slider-control[name=previous]:hover svg{transform:translate(-1px)}.hero-slideshow-slider-control[name=next]{right:0}.hero-slideshow-slider-control[name=next]:hover svg{transform:translate(1px)}.hero-slideshow-slider-pagination-dots{display:flex;gap:.5rem;z-index:1}.hero-slideshow-slider-pagination-dots button{background-color:transparent;border:1px solid rgb(var(--color-text));cursor:pointer;width:.5rem;height:.5rem;padding:0;border-radius:50rem;transition:all .2s ease-in-out;position:relative}.hero-slideshow-slider-pagination-dots button:after{content:"";position:absolute;left:-50%;top:-150%;width:200%;height:400%}.hero-slideshow-slider-pagination-dots button.active{width:1.5rem;position:relative}.hero-slideshow-slider-pagination-dots button.active:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgb(var(--color-text));border-radius:50rem;animation:hero-slideshow-slider-pagination-active var(--interval) linear both}.hero-slideshow-slider-pagination-dots button:focus-visible{outline-color:rgb(var(--color-text))}.hero-slideshow [data-autoplay-stopped=true] .hero-slideshow-slider-pagination-dots button.active{background-color:rgb(var(--color-text))}.hero-slideshow [data-autoplay-stopped=true] .hero-slideshow-slider-pagination-dots button.active:after{animation-play-state:paused}@keyframes hero-slideshow-slider-pagination-active{to{width:100%}}.hero-slideshow-slider-pagination-fraction{padding:0;font-size:.875rem;color:rgb(var(--color-text) / .75)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-slideshow.css.map */