.install-scroll{background:var(--bg);color:var(--ink);padding-top:var(--is-pt);padding-bottom:var(--is-pb)}.install-scroll--white{background:var(--white)}.install-scroll__title{margin:0;max-width:16ch;font-size:var(--text-h2, clamp(30px,4vw,48px));font-weight:var(--pu-title-weight,600);letter-spacing:-.025em;line-height:1.1;color:inherit;text-wrap:balance}.install-scroll__text{margin:10px 0 0;max-width:40ch;color:var(--ink-2);font-size:17px;line-height:1.55;text-wrap:pretty}.install-scroll__track{display:block;position:relative;height:calc(100svh * (1 + var(--is-steps) * .6))}.install-scroll__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid}.install-scroll__media{position:absolute;top:0;right:0;bottom:0;left:0;background:#edeef0;overflow:hidden}.install-scroll__poster,.install-scroll__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.install-scroll__canvas{opacity:0;transition:opacity .3s ease}.install-scroll__track.is-ready .install-scroll__canvas{opacity:1}.install-scroll__steps{list-style:none;margin:0;padding:0;position:absolute;left:20px;right:20px;top:calc(112px + env(safe-area-inset-top));display:grid;max-width:360px}.install-scroll__step.install-scroll__step.install-scroll__step{grid-area:1/1;align-self:start;display:flex;gap:10px;align-items:baseline;padding:0;border-radius:0;color:var(--navy,#0B1638);background:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;opacity:0;filter:blur(10px);transform:translate3d(0,14px,0);visibility:hidden;transition:opacity .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),visibility 0s linear .62s}.install-scroll__step.install-scroll__step.install-scroll__step.is-active{opacity:1;filter:blur(0);transform:none;visibility:visible;transition-delay:0s;z-index:3}.install-scroll__step.install-scroll__step.install-scroll__step.is-past{opacity:0;filter:blur(10px);transform:translate3d(0,-14px,0);visibility:hidden}.install-scroll__num{flex:none;color:var(--blue,#2764FF);font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1;font-variant-numeric:tabular-nums}.install-scroll__step-title{margin:0;font-size:22px;font-weight:600;line-height:1.2;color:var(--navy,#0B1638);letter-spacing:-.02em;text-wrap:balance}.install-scroll__step-text{display:none;margin:4px 0 0;font-size:14px;line-height:1.45;color:#6e6e73;max-width:36ch}.install-scroll__step--intro{display:block}.install-scroll__step--intro .install-scroll__title{font-size:26px;line-height:1.15;max-width:none;color:var(--navy,#0B1638)}.install-scroll__step--intro .install-scroll__text{display:none;margin-top:4px;font-size:14px;line-height:1.45;color:#6e6e73}.install-scroll__progress{position:absolute;top:calc(86px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:5px}.install-scroll__bar{width:22px;height:2px;border-radius:2px;background:#2764ff38;overflow:hidden}.install-scroll__bar i{display:block;height:100%;width:100%;background:var(--blue,#2764FF);transform:scaleX(var(--p,0));transform-origin:left}.install-scroll__still{display:none}@media(min-width:721px){.install-scroll__steps{left:max(var(--pad),(100% - var(--max)) / 2);right:auto;top:50%;transform:translateY(-50%);width:min(420px,40%);max-width:none}.install-scroll__step.install-scroll__step.install-scroll__step{flex-direction:column;gap:14px;align-items:flex-start;transform-origin:0 50%}.install-scroll__num{font-size:72px;letter-spacing:-.04em;line-height:.9;color:var(--blue,#2764FF);opacity:.9}.install-scroll__step-title{font-size:clamp(28px,2.6vw,36px)}.install-scroll__step-text{display:block;margin-top:8px;font-size:17px;line-height:1.5;max-width:40ch}.install-scroll__step--intro .install-scroll__title{font-size:var(--text-h2, clamp(30px,4vw,48px));line-height:1.1;max-width:16ch}.install-scroll__step--intro .install-scroll__text{display:block;margin-top:10px;font-size:17px;line-height:1.55}.install-scroll__bar{width:36px;height:4px;border-radius:4px}.install-scroll__progress{top:auto;bottom:48px}}@media(min-width:1025px){.install-scroll__num{font-size:88px}}@media(prefers-reduced-motion:reduce){.install-scroll__track{height:auto}.install-scroll__stage{position:static;height:auto;display:block;padding:0 var(--pad)}.install-scroll__media,.install-scroll__progress{display:none}.install-scroll:not(:has(.install-scroll__still)) .install-scroll__media{display:block;position:relative;aspect-ratio:9/16;max-height:80svh;margin:0 auto 24px;border-radius:var(--r-lg)}.install-scroll__steps{position:static;transform:none;width:auto;max-width:640px;margin:24px auto 0;gap:20px}.install-scroll__step.install-scroll__step.install-scroll__step{grid-area:auto;opacity:1;filter:none;transform:none;visibility:visible;transition:none;color:var(--ink);padding:0;flex-direction:row}.install-scroll__step-title,.install-scroll__step-text,.install-scroll__num{color:var(--ink)}.install-scroll__num{font-size:44px;color:var(--blue,#2764FF)}.install-scroll__still{display:block;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}.install-scroll__video{width:100%;height:auto;border-radius:var(--r-lg);display:block}}.install-scroll__step-text.install-scroll__step-text{display:none!important}@media(min-width:721px){.install-scroll__num.install-scroll__num{font-weight:300!important}}@media(max-width:720px){.install-scroll__steps.install-scroll__steps{left:20px;right:20px;max-width:none;justify-items:end}.install-scroll__step.install-scroll__step.install-scroll__step{max-width:min(300px,62vw);text-align:right;justify-content:flex-end}.install-scroll__step--intro.install-scroll__step--intro{text-align:right}}.install-scroll .install-scroll__num,.install-scroll .install-scroll__progress{display:none!important}@media(min-width:721px){.shopify-section:has(>.install-scroll--mobile-only),.install-scroll--mobile-only{display:none!important}}@media(max-width:720px){body:has(.install-scroll--mobile-only) #main>.shopify-section:has(.pis-title){display:none!important}}.install-scroll--f-undersink .install-scroll__steps{z-index:2}body:has(.install-scroll--f-undersink:not(.install-scroll--mobile-only)) #main>.shopify-section:has(.pis-title){display:none!important}@media(max-width:720px){.install-scroll--f-tap2 .install-scroll__step-title,.install-scroll--f-tap .install-scroll__step-title{max-width:8.5em;margin-left:auto}}@media(min-width:721px){.install-scroll--f-undersink .install-scroll__step-title{color:#fff!important;max-width:6.5em;text-shadow:0 2px 18px rgba(12,22,57,.45),0 1px 3px rgba(12,22,57,.35)}}@media(max-width:720px){.install-scroll--f-undersink .install-scroll__step-title{color:#fff!important;max-width:8em;margin-left:auto;text-shadow:0 2px 16px rgba(12,22,57,.5),0 1px 3px rgba(12,22,57,.4)}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/section-install-scroll.css.map */