.sp-compat-install{--sp-ci-text: #292929;--sp-ci-muted: rgba(41, 41, 41, .62);--sp-ci-soft-muted: rgba(41, 41, 41, .46);--sp-ci-line: rgba(41, 41, 41, .1);--sp-ci-line-strong: rgba(41, 41, 41, .16);--sp-ci-soft: #f5f5f5;--sp-ci-white: #fff;--sp-ci-mint: #00e676;--sp-ci-blue: #0a84ff;--sp-ci-grad: linear-gradient(100deg, var(--sp-ci-mint), var(--sp-ci-blue));--sp-ci-ease: cubic-bezier(.16, 1, .3, 1);width:100%;padding:var(--sp-ci-pt) 24px var(--sp-ci-pb);overflow:clip;color:var(--sp-ci-text);background:var(--sp-ci-white);scroll-margin-top:150px}.sp-compat-install *,.sp-compat-install *:before,.sp-compat-install *:after{box-sizing:border-box}.sp-compat-install__container{width:min(100%,var(--sp-ci-max));margin-inline:auto}.sp-compat-install__header{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(40px,7vw,100px);align-items:end;padding-bottom:clamp(48px,6vw,76px)}.sp-compat-install__heading,.sp-compat-install__step h3,.sp-compat-install__planning-copy h3,.sp-compat-install__market-copy h3{margin:0;color:var(--sp-ci-text);font-family:Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;text-transform:none}.sp-compat-install__heading{max-width:920px;font-size:clamp(38px,4.7vw,70px);line-height:.99;font-weight:700;letter-spacing:-.048em;text-wrap:balance}.sp-compat-install__intro{max-width:620px;justify-self:end;color:var(--sp-ci-muted);font:500 clamp(16px,1.4vw,19px)/1.62 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__intro p,.sp-compat-install__explain p,.sp-compat-install__planning-intro p,.sp-compat-install__market-copy p{margin:0}.sp-compat-install__journey{position:relative;padding-top:2px}.sp-compat-install__rail{position:absolute;z-index:0;top:21px;left:calc(12.5% + 18px);right:calc(12.5% + 18px);height:2px;overflow:hidden;border-radius:999px;background:#2929291f}.sp-compat-install__rail>i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--sp-ci-grad);transform:scaleX(0);transform-origin:left center;transition:transform 1.8s var(--sp-ci-ease)}.sp-compat-install.is-visible .sp-compat-install__rail>i{transform:scaleX(1)}.sp-compat-install__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3.5vw,52px);margin:0;padding:0;list-style:none}.sp-compat-install__step{min-width:0;opacity:1}.sp-compat-install--motion .sp-compat-install__step{opacity:0;transform:translateY(9px);transition:opacity .62s var(--sp-ci-ease) var(--sp-ci-delay, 0ms),transform .62s var(--sp-ci-ease) var(--sp-ci-delay, 0ms)}.sp-compat-install--motion.is-visible .sp-compat-install__step{opacity:1;transform:translateY(0)}.sp-compat-install__marker{position:relative;width:44px;height:44px;display:grid;place-items:center;margin:0 auto 26px;border:1px solid rgba(41,41,41,.12);border-radius:50%;background:#fff;box-shadow:0 1px #ffffffdb inset}.sp-compat-install__marker:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;border-radius:inherit;background:var(--sp-ci-grad);opacity:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .42s var(--sp-ci-ease) var(--sp-ci-delay, 0ms);pointer-events:none}.sp-compat-install.is-visible .sp-compat-install__marker:before{opacity:1}.sp-compat-install__marker span{color:var(--sp-ci-text);font:680 12px/1 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sp-compat-install__step-copy{text-align:left}.sp-compat-install__step h3{font-size:clamp(20px,1.75vw,25px);line-height:1.1;font-weight:680;letter-spacing:-.032em;text-wrap:balance}.sp-compat-install__result{position:relative;min-height:44px;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--sp-ci-line);color:var(--sp-ci-text);font:650 13px/1.46 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__result:before{content:"";position:absolute;top:-1px;left:0;width:42px;height:2px;border-radius:999px;background:var(--sp-ci-grad);transform:scaleX(0);transform-origin:left center;transition:transform .72s var(--sp-ci-ease) calc(var(--sp-ci-delay, 0ms) + .18s)}.sp-compat-install.is-visible .sp-compat-install__result:before{transform:scaleX(1)}.sp-compat-install__explain{margin-top:12px;color:var(--sp-ci-muted);font:500 13.5px/1.64 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__planning{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(48px,7vw,104px);align-items:start;margin-top:clamp(72px,8vw,112px);padding-top:clamp(42px,5vw,66px);border-top:1px solid var(--sp-ci-line)}.sp-compat-install__planning-copy h3{max-width:620px;font-size:clamp(30px,3.4vw,48px);line-height:1.03;font-weight:680;letter-spacing:-.04em;text-wrap:balance}.sp-compat-install__planning-intro{max-width:620px;margin-top:16px;color:var(--sp-ci-muted);font:500 14.5px/1.62 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--sp-ci-line)}.sp-compat-install__facts>div{min-width:0;padding:22px 22px 22px 0;border-bottom:1px solid var(--sp-ci-line)}.sp-compat-install__facts>div:nth-child(2n){padding-left:22px;border-left:1px solid var(--sp-ci-line)}.sp-compat-install__facts dd,.sp-compat-install__facts dt{margin:0}.sp-compat-install__facts dd{color:var(--sp-ci-text);font:700 clamp(20px,2vw,29px)/1.08 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}.sp-compat-install__facts dt{margin-top:8px;color:var(--sp-ci-muted);font:560 11.5px/1.44 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__market{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(40px,7vw,96px);align-items:end;margin-top:clamp(62px,7vw,94px);padding:clamp(34px,4.5vw,52px) 0;border-top:1px solid var(--sp-ci-line);border-bottom:1px solid var(--sp-ci-line)}.sp-compat-install__market:before{content:"";position:absolute;left:0;top:-1px;width:clamp(92px,12vw,156px);height:2px;border-radius:999px;background:var(--sp-ci-grad)}.sp-compat-install__market-copy h3{max-width:720px;font-size:clamp(26px,2.8vw,40px);line-height:1.04;font-weight:680;letter-spacing:-.038em;text-wrap:balance}.sp-compat-install__market-copy .rte{max-width:760px;margin-top:14px;color:var(--sp-ci-muted);font:500 14px/1.64 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__market-action{justify-self:end;width:min(100%,440px)}.sp-compat-install__market-action>p{margin:0 0 20px;color:var(--sp-ci-muted);font:560 12.5px/1.55 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-compat-install__cta{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--sp-ci-text);font:680 14px/1.2 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:none}.sp-compat-install__cta:after{content:"";position:absolute;left:0;right:42px;bottom:2px;height:1px;background:#29292938;transform-origin:left center;transition:transform .35s var(--sp-ci-ease),background .35s var(--sp-ci-ease)}.sp-compat-install__cta:hover:after,.sp-compat-install__cta:focus-visible:after{transform:scaleX(.72);background:var(--sp-ci-blue)}.sp-compat-install__cta:focus-visible{outline:2px solid var(--sp-ci-blue);outline-offset:5px}.sp-compat-install__cta-icon{position:relative;width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--sp-ci-line);border-radius:50%}.sp-compat-install__cta-icon svg{position:absolute;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .46s cubic-bezier(.34,1.56,.64,1),opacity .32s var(--sp-ci-ease)}.sp-compat-install__cta-icon svg:first-child{transform:translate(0);opacity:1}.sp-compat-install__cta-icon svg:last-child{transform:translate(-11px,11px);opacity:0}.sp-compat-install__cta:hover .sp-compat-install__cta-icon svg:first-child,.sp-compat-install__cta:focus-visible .sp-compat-install__cta-icon svg:first-child{transform:translate(11px,-11px);opacity:0}.sp-compat-install__cta:hover .sp-compat-install__cta-icon svg:last-child,.sp-compat-install__cta:focus-visible .sp-compat-install__cta-icon svg:last-child{transform:translate(0);opacity:1}.sp-compat-install__boundary{max-width:980px;margin:18px 0 0;color:var(--sp-ci-soft-muted);font:540 11.5px/1.54 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}@media(max-width:989px){.sp-compat-install{padding-inline:20px}.sp-compat-install__header,.sp-compat-install__planning,.sp-compat-install__market{grid-template-columns:1fr;gap:28px}.sp-compat-install__intro,.sp-compat-install__market-action{justify-self:start}.sp-compat-install__heading{max-width:760px}}@media(max-width:749px){.sp-compat-install{padding-inline:16px;scroll-margin-top:128px}.sp-compat-install__heading{font-size:clamp(34px,10.4vw,48px);line-height:1}.sp-compat-install__header{padding-bottom:42px}.sp-compat-install__journey{padding-left:4px}.sp-compat-install__rail{top:22px;bottom:22px;left:21px;right:auto;width:2px;height:auto}.sp-compat-install__rail>i{width:100%;height:100%;background:linear-gradient(180deg,var(--sp-ci-mint),var(--sp-ci-blue));transform:scaleY(0);transform-origin:top center}.sp-compat-install.is-visible .sp-compat-install__rail>i{transform:scaleY(1)}.sp-compat-install__steps{grid-template-columns:1fr;gap:34px}.sp-compat-install__step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}.sp-compat-install__marker{margin:0}.sp-compat-install__step h3{font-size:clamp(22px,6.5vw,27px)}.sp-compat-install__result{min-height:0}.sp-compat-install__planning{margin-top:64px;padding-top:38px}.sp-compat-install__planning-copy h3{font-size:clamp(28px,8vw,36px)}.sp-compat-install__facts{grid-template-columns:1fr}.sp-compat-install__facts>div,.sp-compat-install__facts>div:nth-child(2n){display:grid;grid-template-columns:minmax(150px,.92fr) minmax(0,1.08fr);gap:16px;align-items:baseline;padding:16px 0;border-left:0;border-bottom:1px solid var(--sp-ci-line)}.sp-compat-install__facts dt{margin:0;text-align:right}.sp-compat-install__facts dd{font-size:clamp(20px,6.1vw,27px)}.sp-compat-install__market{margin-top:56px;padding:32px 0}.sp-compat-install__market-copy h3{font-size:clamp(26px,7.8vw,35px)}}@media(max-width:390px){.sp-compat-install__facts>div,.sp-compat-install__facts>div:nth-child(2n){grid-template-columns:1fr;gap:4px}.sp-compat-install__facts dt{text-align:left}}@media(prefers-reduced-motion:reduce){.sp-compat-install *,.sp-compat-install *:before,.sp-compat-install *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.sp-compat-install__rail>i{transform:none!important}.sp-compat-install--motion .sp-compat-install__step{opacity:1;transform:none}.sp-compat-install__result:before{transform:scaleX(1)}}.sp-compat-install[data-motion=false] .sp-compat-install__rail>i{transform:none}.sp-compat-install[data-motion=false] .sp-compat-install__step{opacity:1;transform:none}.sp-compat-install[data-motion=false] .sp-compat-install__result:before{transform:scaleX(1)}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sunpura-pdp-compat-installation.css.map */