html:has(.pss),html:has(.pss) body{overflow-anchor:none}.pss{--pss-bar-w: 25px;--pss-bar-h: 3px;--pss-bar-gap: 32px;--pss-copy-w: 515px;--pss-max-w: 1352px;--pss-fill-1: #99afe9;--pss-fill-2: #b2c3ee;--pss-fill-3: #ccd7f4;--pss-track: #e0e0e0;--pss-ink: #000;--pss-body: #5e6366;--pss-muted: #939799;display:block;background:var(--page-surface, var(--pss-surface, #f8f8f8));padding-bottom:var(--pss-space-after, 240px)}.pss__track{position:relative}.pss__stage{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:visible;padding-top:var(--pss-nav-clear, 144px);padding-bottom:var(--pss-bottom-gap, 64px)}.pss__frame{position:relative;z-index:1;display:flex;align-items:center;width:100%;height:calc(100svh - (2 * var(--pss-frame-inset, 40px)));margin:var(--pss-frame-inset, 40px);border-radius:var(--pss-frame-radius, 32px);background:var(--pss-frame-bg, #f9f9f9);overflow:hidden}.pss.is-animated .pss__frame{opacity:0;transform:scale(.99);transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.pss.is-animated.is-in-view .pss__frame{opacity:1;transform:none}.pss--frameless .pss__frame{height:100%;margin:0;border-radius:0;background:transparent}.pss.is-animated .pss__copy>*{opacity:0;transform:translateY(28px);transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-delay:var(--d, 0ms)}.pss.is-entered .pss__copy>*{opacity:1;transform:none}.pss__steps{--d: 60ms}.pss__note{--d: .22s}.pss.is-animated .pss__bar{opacity:0;transition:opacity .7s cubic-bezier(.165,.84,.44,1)}.pss.is-entered .pss__bar{opacity:1}.pss__media{opacity:var(--pss-enter, 1);transform:translateY(var(--pss-parallax, 0px))}.pss__media--sequence{transform:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 80px);mask-image:linear-gradient(to bottom,transparent 0,black 80px)}.pss__inner{position:relative;z-index:1;display:grid;grid-template-columns:var(--pss-bar-w) minmax(0,var(--pss-copy-w));column-gap:var(--pss-bar-gap);justify-content:start;align-items:stretch;width:100%;max-width:var(--pss-max-w);margin-inline:auto;padding-inline:40px;height:100%}@media screen and (min-width:1440px){.pss__inner{padding-inline:0}}.pss__bar{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;width:var(--pss-bar-w)}.pss__tick{display:block;height:var(--pss-bar-h);width:7px;border-radius:999px;background:var(--pss-track);transition:width .18s ease,background-color .18s ease}.pss__tick[data-state=full]{width:25px;background:var(--pss-fill-1)}.pss__tick[data-state=lead-1]{width:18px;background:var(--pss-fill-2)}.pss__tick[data-state=lead-2]{width:12px;background:var(--pss-fill-3)}.pss__copy{position:relative;will-change:transform;display:flex;flex-direction:column;justify-content:space-between;height:100%}.pss__steps{position:relative;flex:1 1 auto}.pss__step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .42s cubic-bezier(.215,.61,.355,1),transform .42s cubic-bezier(.215,.61,.355,1)}.pss__step[data-active=true]{opacity:1;transform:none;pointer-events:auto}.pss__step-copy{display:contents}.pss__title{margin:0;font-family:TT_Hoves_Pro_Thin,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:clamp(40px,6.35vw,96px);line-height:.9;letter-spacing:-.03em;color:var(--pss-ink)}.pss__title p{margin:0;white-space:nowrap}.pss__body{margin:0;font-family:TT_Hoves_Pro_Regular,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.3;color:var(--pss-body)}.pss__body p{margin:0 0 1.3em}.pss__body p:last-child{margin-bottom:0}.pss__cta{margin-top:clamp(12px,3vh,36px);display:inline-flex;align-items:center;width:fit-content;padding:12px 20px;border-radius:16px;background:#0038c7;border:none;font-family:TT_Hoves_Pro_Regular,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.2;color:#fff;text-decoration:none;transition:opacity .15s ease}.pss__cta:hover{opacity:.8}.pss__note{display:flex;flex-direction:column;align-items:flex-start;gap:16px;opacity:.6;flex-shrink:0}.pss__note img{display:block;width:24px;height:24px}.pss__note p{margin:0;font-family:TT_Hoves_Pro_Regular,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.3;color:var(--pss-muted)}.pss__step-media{display:none}.pss__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.pss__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pss-media-position, center top);display:block}@media(min-width:1024px){.pss__media img{object-position:right top}}.pss__media--static img:not([data-step="1"]){top:var(--pss-nav-clear, 144px)}.pss__media img.pss__img--contain{object-fit:contain;object-position:center center}.pss__media img.pss__img--bottom{object-fit:contain;object-position:center bottom}@media(min-width:1024px){.pss__media img.pss__img--contain{object-position:120% center}.pss__media img.pss__img--bottom{object-position:right bottom}}.pss__media--static img{opacity:0;transform:scale(.98);transition:opacity .42s cubic-bezier(.215,.61,.355,1),transform .42s cubic-bezier(.215,.61,.355,1)}.pss__media--static img[data-active=true]{opacity:1;transform:none}@media(min-width:1024px){.pss__media img.pss__img--bottom{transform-origin:center bottom}.pss__media--static img.pss__img--bottom{transform:translate(80px,40px) scale(1.078)}.pss__media--static img.pss__img--bottom[data-active=true]{transform:translate(80px,40px) scale(1.1)}}.pss__media--sequence img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.pss__media--sequence img.is-active{opacity:1}@media(max-width:1023px){.pss__frame{margin:12px;height:calc(100svh - 24px)}.pss__stage{padding-top:64px;padding-bottom:24px;height:100lvh;padding-bottom:calc(24px + 100lvh - 100svh);padding-bottom:calc(24px + 100lvh - 100dvh);background:linear-gradient(to bottom,#fff 0%,#fff 52%,var(--pss-stage-fade, #e9e9e9) 100%)}.pss{padding-bottom:0}.pss__inner{grid-template-columns:minmax(0,1fr);padding-inline:20px 20px;padding-left:44px;position:relative}.pss__bar{display:flex;position:absolute;left:16px;top:24px;bottom:24px;height:auto;width:8px;justify-content:flex-start;gap:10px;overflow:hidden}.pss__tick{width:3px;flex-shrink:0}.pss__tick[data-state=full]{width:8px}.pss__tick[data-state=lead-1]{width:6px}.pss__tick[data-state=lead-2]{width:4.5px}.pss__title{font-size:40px}.pss__title p{display:inline;white-space:normal}.pss__title p:not(:last-child):after{content:" "}.pss__body{font-size:16px}.pss__media--static{display:none}product-scroll-story[data-mode=sequence] .pss__step-media{display:none}.pss__media--sequence img{object-position:80% top}.pss__media--sequence{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 80px,black calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 80px,black calc(100% - 48px),transparent 100%);top:0;right:0;left:0;bottom:auto;height:calc(100svh - 300px)}@supports (height: 100lvh){.pss__media--sequence{height:calc(100lvh - 300px)}}.pss__step-media{display:block;position:absolute;top:0;left:0;right:0;height:56vh;width:100%;transform:translateY(var(--pss-parallax, 0px))}.pss__step-copy{display:flex;flex-direction:column;gap:16px;position:absolute;z-index:1;left:0;right:0;bottom:24px;padding:24px 16px 16px;border-radius:24px;background:transparent}.pss__frost{position:absolute;z-index:0;left:0;right:0;bottom:24px;height:0;border-radius:24px;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:height .52s cubic-bezier(.16,1,.3,1);pointer-events:none}.pss__cta{margin-top:8px}.pss__step-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% top;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 32px,black calc(100% - 440px),transparent calc(100% - 80px));mask-image:linear-gradient(to bottom,transparent 0,black 32px,black calc(100% - 440px),transparent calc(100% - 80px));transform-origin:80% top;transform:scale(1.372);transition:transform .42s cubic-bezier(.215,.61,.355,1)}.pss__step[data-active=true] .pss__step-media img{transform:scale(1.4)}.pss__step[data-step="1"] .pss__step-media img{object-position:75% top;transform-origin:75% top}.pss__step[data-step="0"] .pss__step-media img{object-position:60% top;transform-origin:60% top}.pss__note{flex-direction:row;align-items:center;gap:8px;width:fit-content;padding:10px 16px;border-radius:999px;background:#fff;opacity:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.pss__note img{width:16px;height:16px;flex-shrink:0}.pss__note p{display:none}.pss__note:after{content:"Disclaimer";font-family:TT_Hoves_Pro_Regular,ui-sans-serif,system-ui,sans-serif;font-size:12px;color:#5e6366}.pss__note.is-open{align-items:flex-start;width:100%;border-radius:16px;padding:16px}.pss__note.is-open p{display:block;font-size:12px;line-height:1.35}.pss__note.is-open:after{content:none}}.pss__step[data-active=true] .pss__title,.pss__step[data-active=true] .pss__body,.pss__step[data-active=true] .pss__cta{animation:pss-copy-in .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--pss-copy-d, 0ms)}.pss__step .pss__body{--pss-copy-d: .1s}.pss__step .pss__cta{--pss-copy-d: .19s}.pss__step.is-leaving .pss__title,.pss__step.is-leaving .pss__body,.pss__step.is-leaving .pss__cta{animation:pss-copy-out .43s cubic-bezier(.5,0,.75,0) both;animation-delay:calc(var(--pss-copy-d, 0ms) * .4)}@keyframes pss-copy-in{0%{opacity:0;transform:translateY(28px)}}@keyframes pss-copy-out{to{opacity:0;transform:translateY(-20px)}}@media(prefers-reduced-motion:reduce){.pss__step .pss__title,.pss__step .pss__body,.pss__step .pss__cta{animation:none!important}.pss__copy>*,.pss__bar{opacity:1;transform:none;transition:none}.pss__track{height:auto!important}.pss__stage{position:static;height:auto;display:block}.pss__frame{height:auto;display:block}.pss.is-animated .pss__frame{opacity:1;transform:none;transition:none}.pss__inner{height:auto;padding-block:64px}.pss__steps{position:static;display:flex;flex-direction:column;gap:64px}.pss__step{position:static;opacity:1;transform:none;transition:none;pointer-events:auto}.pss__tick,.pss__media--static img{transition:none}}.pss__hint{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:5;display:grid;place-items:center;width:40px;height:40px;margin-left:-20px;border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000014;color:#111;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.pss__hint.is-visible{opacity:1;transform:none;pointer-events:auto}@media(prefers-reduced-motion:reduce){.pss__hint{transition:none}}.pss__media--sequence .pss__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right top;display:block}.pss__media--sequence .pss__video{visibility:hidden}.pss--video .pss__media--sequence .pss__video.is-shown{visibility:visible}.pss--video .pss__media--sequence img{display:none}@media(max-width:1023px){.pss__media--sequence .pss__video{object-position:80% top}}.pss__frost{display:none}@media(max-width:1023px){.pss__frost{display:block}}@media(prefers-reduced-motion:reduce){.pss__frost{display:none}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/component-product-scroll-story.css.map */