.vsph{--vsph-ink: rgb(35, 31, 32);--vsph-dark: rgb(35, 31, 32);--vsph-gray: rgb(188, 190, 191);--vsph-line: rgba(188, 190, 191, .55);--vsph-fade: .7s;--vsph-ease: cubic-bezier(.22, .61, .36, 1);--vsph-drift: 26px;--vsph-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;padding:0rem!important;position:relative;height:100vh;max-height:810px;color:var(--vsph-ink);font-family:var(--vsph-sans);-webkit-font-smoothing:antialiased}.vsph *{box-sizing:border-box}.vsph img{display:block}.vsph__stage{position:relative;height:100%;width:100%;overflow:hidden;background:#fff}.section-vertical-scroll-product{padding:0rem!important}.vsph__slides{position:absolute;top:0;right:0;bottom:0;left:0}.vsph__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(var(--off, 0));will-change:opacity,transform;transition:opacity var(--vsph-fade) var(--vsph-ease),transform var(--vsph-fade) var(--vsph-ease)}.vsph__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(to right,#fff 0 52%,var(--vsph-dark) 52% 100%)}.vsph__bg-cotton{position:absolute;top:0;right:0;bottom:0;width:50%;z-index:1;background-color:var(--vsph-dark);background-position:top left;background-size:150px 150px;background-repeat:repeat;pointer-events:none}.vsph__snow{position:absolute;left:0;bottom:0%;width:100%;height:50%;z-index:1;background-position:top left;background-size:280px 210px;background-repeat:repeat;opacity:.9;pointer-events:none}.vsph__darktop{position:absolute;left:0;top:0%;width:65%;height:10%;z-index:1;background-position:top left;background-size:280px 210px;background-repeat:repeat;opacity:1;pointer-events:none;z-index:0}.vsph__counter{position:absolute;z-index:6;top:18%;left:38%;font-weight:700;font-size:12px;letter-spacing:.42em;color:var(--vsph-gray);font-variant-numeric:tabular-nums}.vsph__nav{position:absolute;z-index:6;right:4.2%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px}.vsph__nav-btn{-webkit-appearance:none;appearance:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--vsph-gray);opacity:.65;transition:opacity .22s var(--vsph-ease),transform .22s var(--vsph-ease)}.vsph__nav-btn:hover{opacity:1}.vsph__nav-btn:active{transform:scale(.9)}.vsph__nav-btn svg{display:block;width:26px;height:26px}.vsph__nav-btn[disabled]{opacity:.18;cursor:default}.vsph__card{position:absolute;left:0%;top:50%;transform:translateY(-50%);width:56%;aspect-ratio:3 / 2;background:#fff;display:flex;padding:0;z-index:2;height:377px;justify-content:end}.vsph__card-img{width:auto;height:100%;object-fit:contain;box-shadow:155px 0 15px #00000029}.vsph__copy{position:absolute;left:60%;top:50%;transform:translateY(-50%);width:31%;z-index:3;color:#fff}.vsph__eyebrow{font-weight:700;font-size:10px;letter-spacing:.42em;color:#fff;margin:0 0 22px}.vsph__title{font-weight:700;font-size:clamp(22px,2.2vw,34px);letter-spacing:.18em;line-height:1.05;color:var(--vsph-gray);margin:0;text-transform:uppercase}.vsph__cta:hover{text-decoration:none;color:#769bad}.vsph__cta{display:inline-block;margin-top:34px;padding-bottom:10px;border-bottom:1px solid var(--vsph-line);font-weight:700;font-size:10px;letter-spacing:.42em;color:var(--vsph-gray);text-decoration:none!important}.vsph.no-textures .vsph__bg-cotton,.vsph.no-textures .vsph__snow{display:none}@media(max-width:749px){.vsph{height:90svh}.vsph__stage{background:var(--vsph-dark);height:100%}.vsph__nav-btn{padding:0}.vsph__slide{transform:translate(var(--off, 0))}.vsph__bg{background:var(--vsph-dark)}.vsph__bg-cotton{left:0;width:100%;height:57%;top:43%}.vsph__snow{display:none}.vsph__counter{top:2%;left:auto;right:8%}.vsph__card{left:50%;top:10%;transform:translate(-50%);width:88%;aspect-ratio:4 / 3;padding:0}.vsph__copy{left:6%;right:8%;top:auto;bottom:21%;width:fit-content;transform:none}.vsph__eyebrow{margin-bottom:16px}.vsph__cta{display:block;width:100%;border-bottom:none;position:relative}.vsph__cta:after{content:"";position:absolute;left:0%;bottom:0;width:20rem;height:1px;background:var(--vsph-line);transform:translate(-50%)}.vsph__nav{flex-direction:row;gap:0;left:0;right:0;top:88%;bottom:0%;transform:none;justify-content:space-between;padding:0 6%}.vsph__nav-btn svg{transform:rotate(-90deg)}}@media(max-width:749px)and (max-height:700px){.vsph{height:120svh}}@media(prefers-reduced-motion:reduce){.vsph__slide{transition:opacity .2s linear;height:800px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/vertical-scroll-product-highlight-section.css.map */