.vss{--vss-transition-duration: .9s;--vss-ease: cubic-bezier(.76, 0, .24, 1);--vss-dot-size: 6px;--vss-counter-font-size: 11px;position:relative;width:100%;height:var(--vss-height, 100svh);background:var(--vss-background, #000)}.vss__track{width:100%;height:100%}.vss__slide{position:relative;width:100%;height:100%;overflow:hidden}.vss__media{position:absolute;top:0;right:0;bottom:0;left:0}.vss__media img,.vss__media video,.vss__media svg{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:900px){.vss__media .desktop-only{display:none}.vss__media .mobile-only{display:block}}@media screen and (min-width:901px){.vss__media .desktop-only{display:block}.vss__media .mobile-only{display:none}}.vss__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vss__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;--vss-gutter: clamp(2rem, 5vw, 5rem);padding:var(--vss-gutter);align-items:flex-end;justify-content:flex-start;z-index:4;pointer-events:none}.vss__content-inner{pointer-events:auto;max-width:var(--vss-content-max-width, 680px);width:100%}.vss__content{align-items:var(--vss-content-align-v, flex-end);justify-content:var(--vss-content-align-h, flex-start);text-align:var(--vss-content-text-align, left)}@media screen and (min-width:901px){.vss:has(.vss__controls) .vss__content{padding-right:clamp(5rem,10vw,10rem)}.vss:has(.vss__controls)[style*="--vss-content-align-h: center"] .vss__content{padding-right:var(--vss-gutter);padding-left:var(--vss-gutter)}}.vss__slide:first-child .vss__content-inner{margin-bottom:2.2rem}.vss__eyebrow,.vss__heading,.vss__button-group{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--vss-ease)}.swiper-slide-active .vss__eyebrow{opacity:1;transform:translateY(0);transition-delay:.2s}.swiper-slide-active .vss__heading{opacity:1;transform:translateY(0);transition-delay:.34s}.swiper-slide-active .vss__button-group{opacity:1;transform:translateY(0);transition-delay:.48s}.vss__eyebrow{display:block;font-size:clamp(10px,1.1vw,13px);letter-spacing:.22em;text-transform:uppercase;color:var(--vss-text-color, #fff);margin-bottom:1rem}.vss__heading{font-size:var(--text-h3);font-weight:300;letter-spacing:-.01em;line-height:1;text-transform:uppercase;color:var(--vss-text-color, #fff);margin:0 0 2rem}.vss__button-group{display:flex;flex-wrap:wrap;gap:1rem}.vss__btn{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:.9em 2.2em;border:1px solid currentColor;transition:background .3s ease,color .3s ease;cursor:pointer}.vss__btn--solid{background:var(--vss-btn1-bg, #fff);color:var(--vss-btn1-color, #000);border-color:var(--vss-btn1-bg, #fff)}.vss__btn--solid:hover{background:transparent;color:var(--vss-btn1-bg, #fff)}.vss__btn--outline{background:transparent;color:var(--vss-btn2-color, #fff);border-color:var(--vss-btn2-color, #fff)}.vss__btn--outline:hover{background:var(--vss-btn2-color, #fff);color:#000}.vss__btn--link{background:transparent;color:var(--vss-text-color, #fff);border-color:transparent;padding-left:0;padding-right:0;border-bottom:1px solid currentColor;padding-bottom:.1em}.vss__controls{position:absolute;right:clamp(1.5rem,3vw,3rem);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--vss-controls-color, #fff)}.vss__dots{display:flex;flex-direction:column;align-items:center;gap:10px;list-style:none;margin:0;padding:0}.vss__dot-btn{-webkit-appearance:none;appearance:none;border:none;background:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.vss__dot-inner{display:block;width:var(--vss-dot-size, 6px);height:var(--vss-dot-size, 6px);border-radius:50%;background:currentColor;opacity:.35;transition:opacity .3s ease,transform .3s ease}.vss__dot-btn[aria-current=true] .vss__dot-inner,.vss__dot-btn:hover .vss__dot-inner{opacity:1;transform:scale(1.5)}.vss__counter{font-size:var(--vss-counter-font-size, 11px);letter-spacing:.12em;color:currentColor;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.vss__arrow{-webkit-appearance:none;appearance:none;background:none;border:none;padding:8px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.vss__arrow:hover{opacity:1}.vss__arrow:disabled{opacity:.2;cursor:default}.vss__arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.vss__progress-line{position:absolute;left:0;bottom:0;height:2px;width:0%;background:var(--vss-controls-color, #fff);z-index:10;transition:width linear}.vss.is-playing .vss__progress-line{transition-duration:var(--vss-autoplay-duration, 6s);width:100%}.vss.is-resetting .vss__progress-line{transition:none;width:0%}.vss__volume{position:absolute;left:clamp(1.5rem,3vw,3rem);bottom:clamp(1.5rem,3vw,3rem);z-index:10;color:var(--vss-controls-color, #fff)}.vss__volume button{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;color:inherit;padding:0;display:flex}.vss__volume button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.vss__scroll-hint{position:absolute;bottom:clamp(1.5rem,3vw,3rem);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--vss-controls-color, #fff);opacity:.7;font-size:10px;letter-spacing:.2em;text-transform:uppercase;transition:opacity .4s ease-in-out;pointer-events:none}.vss__scroll-hint-line{width:1px;height:40px;background:currentColor;animation:vss-scroll-hint 1.6s ease infinite;transform-origin:top center}@keyframes vss-scroll-hint{0%{transform:scaleY(0);opacity:0}40%{opacity:1}to{transform:scaleY(1);opacity:0}}@media(prefers-reduced-motion:reduce){.vss__eyebrow,.vss__heading,.vss__button-group{transition:none;animation:none}}.vss .swiper,.vss .swiper-wrapper{width:100%;height:100%;perspective:1200px}.vss .swiper-slide{height:100%;width:100%;transition-property:transform,opacity}.vss .swiper-slide-active{z-index:5}.vss .swiper-slide-prev{z-index:3}.vss .swiper-slide-next{z-index:4}
/*# sourceMappingURL=/cdn/shop/t/30/assets/vertical-slideshow.css.map */