html.studio-snap-native{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scroll-padding-top:var(--studio-header-offset, 0px)}html.studio-snap-native body{scroll-snap-type:y mandatory}html.studio-snap-native .studio-slider[data-studio-project]{scroll-snap-align:start;scroll-snap-stop:always}html.studio-snap-native .shopify-section-group-footer-group{scroll-snap-align:start}.studio-slider{position:relative;width:100%;min-height:100vh;background:#000;color:#fff;--studio-hover-left: 30%;--studio-hover-right: 30%;--studio-preview-left: 25%;--studio-preview-right: 25%;--studio-preview-fade: 15%}.studio-slider__viewport{position:relative;width:100%;height:100vh;overflow:hidden;cursor:pointer}@media screen and (max-width:749px){.studio-slider__viewport{height:100vh}}.studio-slider__slides{position:relative;height:100%;width:100%}.studio-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.studio-slider__slide.is-active{opacity:1;z-index:1}.studio-slider__media,.studio-slider__media-variant{position:absolute;top:0;right:0;bottom:0;left:0}.studio-slider__media-variant--mobile{display:none}@media screen and (max-width:749px){.studio-slider__media-variant--desktop{display:none}.studio-slider__media-variant--mobile{display:block}}.studio-slider__media img,.studio-slider__media svg,.studio-slider__media video{width:100%;height:100%;object-fit:cover;display:block}.studio-slider__video{background:#000}.studio-slider__hotspot{position:absolute;top:0;bottom:0;z-index:3;pointer-events:auto;background:transparent}.studio-slider__hotspot--left{left:0;width:var(--studio-hover-left)}.studio-slider__hotspot--right{right:0;width:var(--studio-hover-right)}.studio-slider__preview{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;opacity:0;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:2;transition:opacity .3s ease}.studio-slider__preview-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:none}.studio-slider__preview.has-video .studio-slider__preview-video{display:block}.studio-slider__preview--right{background-image:var(--preview-image-right, none);background-position:right center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,1)),color-stop(calc(var(--studio-preview-right) - var(--studio-preview-fade)),rgba(255,255,255,1)),color-stop(var(--studio-preview-right),rgba(255,255,255,0)),to(rgba(255,255,255,0)));-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) calc(var(--studio-preview-right) - var(--studio-preview-fade)),rgba(255,255,255,0) var(--studio-preview-right),rgba(255,255,255,0) 100%);mask-image:linear-gradient(270deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) calc(var(--studio-preview-right) - var(--studio-preview-fade)),rgba(255,255,255,0) var(--studio-preview-right),rgba(255,255,255,0) 100%)}.studio-slider__preview--left{background-image:var(--preview-image-left, none);background-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,1)),color-stop(calc(var(--studio-preview-left) - var(--studio-preview-fade)),rgba(255,255,255,1)),color-stop(var(--studio-preview-left),rgba(255,255,255,0)),to(rgba(255,255,255,0)));-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) calc(var(--studio-preview-left) - var(--studio-preview-fade)),rgba(255,255,255,0) var(--studio-preview-left),rgba(255,255,255,0) 100%);mask-image:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) calc(var(--studio-preview-left) - var(--studio-preview-fade)),rgba(255,255,255,0) var(--studio-preview-left),rgba(255,255,255,0) 100%)}.studio-slider__preview--left .studio-slider__preview-video{object-position:left center}.studio-slider__preview--right .studio-slider__preview-video{object-position:right center}.studio-slider.is-hovering-right .studio-slider__preview--right,.studio-slider.is-hovering-left .studio-slider__preview--left,.studio-slider.is-expanding-right .studio-slider__preview--right,.studio-slider.is-expanding-left .studio-slider__preview--left{opacity:1}.studio-slider.is-hovering-left .studio-slider__preview--right,.studio-slider.is-hovering-right .studio-slider__preview--left{opacity:0}.studio-slider.is-hover-suppressed .studio-slider__preview{opacity:0!important;transition:none!important}.studio-slider.is-static .studio-slider__preview,.studio-slider.is-static .studio-slider__hotspot{display:none}.studio-slider__description{position:absolute;left:20px;bottom:20px;z-index:4;color:#fff;font-family:APTWalterNeue-Light;font-weight:300;font-size:14px;line-height:1.6;max-width:420px;mix-blend-mode:exclusion}.studio-slider__description p.project-title{margin:0;font-family:TRJNDaVinci-Display;font-weight:400}.studio-slider__description p.project-sub-title{margin:0;font-family:APTWalterNeue-Light;font-weight:300}.studio-slider__description p.project-description{margin:0;font-family:TRJNDaVinci-Display;font-weight:400}.studio-slider__description p:nth-child(3){margin-top:10px}@media(hover:none){.studio-slider__preview{display:none}}.studio-slider__label{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);letter-spacing:.08em;font-size:.95rem;text-transform:uppercase;color:#ffffffd1;z-index:3}@media screen and (max-width:749px){.studio-slider__label{font-size:.85rem}}.studio-slider__progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:270px;height:5px;background:#f9f9f91a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:7px;overflow:hidden;z-index:4;pointer-events:none;opacity:0}.studio-slider.is-initialized .studio-slider__progress{opacity:1}.studio-slider__progress-fill{position:absolute;top:0;left:0;height:5px;width:0%;background:#f9f9f9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:width var(--studio-progress-duration, 5s) linear;border-radius:7px}.studio-slider__progress:before{content:none}@media screen and (max-width:749px){.studio-slider__progress{width:min(220px,80vw);height:3px;border-radius:3px}.studio-slider__progress-fill{border-radius:inherit}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/studio-slider.css.map */