.sp-expansion{--sp-exp-text: #292929;--sp-exp-muted: rgba(41, 41, 41, .64);--sp-exp-subtle: rgba(41, 41, 41, .48);--sp-exp-line: rgba(41, 41, 41, .1);--sp-exp-line-strong: rgba(41, 41, 41, .16);--sp-exp-dark: #292929;--sp-exp-mint: #00e676;--sp-exp-blue: #0a84ff;--sp-exp-grad: linear-gradient(100deg, var(--sp-exp-mint) 0%, var(--sp-exp-blue) 100%);--sp-exp-ease: cubic-bezier(.16, 1, .3, 1);color:var(--sp-exp-text);background:#fff;padding:var(--sp-exp-pt, 96px) 24px var(--sp-exp-pb, 96px)}.sp-expansion *,.sp-expansion *:before,.sp-expansion *:after{box-sizing:border-box}.sp-expansion [hidden]{display:none!important}.sp-expansion__container{width:min(100%,var(--sp-exp-max, 1280px));margin:0 auto}.sp-expansion__header{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(42px,7vw,104px);align-items:start}.sp-expansion__heading{max-width:820px;margin:0;font:700 clamp(38px,4.3vw,68px)/.96 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.055em;text-wrap:balance}.sp-expansion__intro{max-width:520px;padding-top:7px;color:var(--sp-exp-muted);font:500 15px/1.66 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__intro p{margin:0}.sp-expansion__handoff{display:grid;grid-template-columns:minmax(0,.82fr) 92px minmax(0,1.18fr);align-items:stretch;margin-top:clamp(48px,6vw,78px);border-top:1px solid var(--sp-exp-line);border-bottom:1px solid var(--sp-exp-line)}.sp-expansion__handoff-state{min-width:0;padding:25px 0 27px}.sp-expansion__handoff-state>span,.sp-expansion__panel-label,.sp-expansion__parallel-label,.sp-expansion__box-kicker{display:block;color:var(--sp-exp-subtle);font:650 11px/1.2 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.065em;text-transform:uppercase}.sp-expansion__handoff-state strong{display:block;margin-top:7px;font:680 clamp(23px,2.2vw,32px)/1.08 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.036em}.sp-expansion__handoff-state small{display:block;margin-top:7px;color:var(--sp-exp-muted);font:520 12.5px/1.4 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__handoff-state--system{padding-left:clamp(8px,2vw,28px)}.sp-expansion__handoff-arrow{position:relative;display:grid;place-items:center;min-width:0}.sp-expansion__handoff-arrow span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--sp-exp-grad)}.sp-expansion__handoff-arrow svg{position:relative;width:28px;height:18px;margin-left:auto;color:var(--sp-exp-blue);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp-expansion__selector{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,620px);margin:clamp(44px,5vw,66px) 0 0 auto;padding:4px;border:1px solid rgba(41,41,41,.09);border-radius:999px;background:#f6f6f6}.sp-expansion__tab{position:relative;min-width:0;min-height:58px;padding:8px 18px;border:1px solid transparent;border-radius:999px;background:transparent;color:#29292994;cursor:pointer;text-align:center;font-family:Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;transition:color .25s var(--sp-exp-ease),background .3s var(--sp-exp-ease),box-shadow .3s var(--sp-exp-ease)}.sp-expansion__tab:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;padding:1.5px;border-radius:inherit;background:var(--sp-exp-grad);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .3s var(--sp-exp-ease)}.sp-expansion__tab span,.sp-expansion__tab strong{display:block}.sp-expansion__tab span{font-size:12px;line-height:1.1;font-weight:650}.sp-expansion__tab strong{margin-top:4px;font-size:15px;line-height:1.1;font-weight:680;letter-spacing:-.018em}.sp-expansion__tab.is-active{color:var(--sp-exp-text);background:#fff;box-shadow:0 5px 18px #181a1e0e}.sp-expansion__tab.is-active:after{opacity:1}.sp-expansion__tab:focus-visible{outline:2px solid var(--sp-exp-blue);outline-offset:3px}.sp-expansion__stage-shell{margin-top:24px}.sp-expansion__panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:clamp(52px,7vw,104px);align-items:center;min-height:520px;padding-top:clamp(34px,4vw,54px);border-top:1px solid var(--sp-exp-line)}.sp-expansion__visual{position:relative;min-width:0;min-height:430px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--sp-exp-line);border-radius:24px;background:#fff}.sp-expansion__parallel-label,.sp-expansion__box-kicker{position:absolute;top:24px;left:26px;z-index:3}.sp-expansion__parallel-units{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,26px);width:min(92%,720px);padding:64px 24px 88px}.sp-expansion__unit{position:relative;z-index:2;width:min(34vw,260px);margin:0}.sp-expansion__unit img{display:block;width:100%;height:auto;object-fit:contain}.sp-expansion__unit--secondary{opacity:.72;transform:scale(.9)}.sp-expansion__plus,.sp-expansion__ellipsis{flex:0 0 auto;color:#29292975;font:500 clamp(28px,3vw,42px)/1 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__ellipsis{letter-spacing:.12em}.sp-expansion__parallel-rail{position:absolute;left:13%;right:13%;bottom:52px;height:20px}.sp-expansion__parallel-rail-line{position:absolute;top:9px;left:0;right:0;height:2px;background:var(--sp-exp-grad)}.sp-expansion__parallel-rail-node{position:absolute;top:5px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--sp-exp-blue);box-shadow:0 0 0 1px #0a84ff3d}.sp-expansion__parallel-rail-node:nth-child(2){left:14%;background:var(--sp-exp-mint);box-shadow:0 0 0 1px #00e6763d}.sp-expansion__parallel-rail-node:nth-child(3){right:14%}.sp-expansion__unit-text{display:grid;place-items:center;min-height:220px;border:1px solid var(--sp-exp-line-strong);color:var(--sp-exp-text);font:680 16px/1 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__box-architecture{display:grid;grid-template-columns:minmax(150px,1fr) 58px minmax(136px,.72fr) 58px minmax(150px,1fr);align-items:center;width:min(92%,820px);padding:72px 18px 44px}.sp-expansion__unit-cluster{position:relative;min-height:270px}.sp-expansion__unit-cluster .sp-expansion__unit{position:absolute;width:min(100%,210px)}.sp-expansion__unit--cluster-a{left:0;top:12px;z-index:2}.sp-expansion__unit--cluster-b{right:0;bottom:10px;z-index:1;opacity:.6;transform:scale(.88)}.sp-expansion__cluster-more{position:absolute;right:2px;top:48%;z-index:3;color:#29292975;font:500 30px/1 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}.sp-expansion__parallel-box-node{position:relative;z-index:4;display:grid;place-items:center;min-height:150px;padding:18px;border-radius:18px;background:var(--sp-exp-dark);color:#fff;text-align:center}.sp-expansion__parallel-box-node img{display:block;width:100%;max-height:170px;object-fit:contain}.sp-expansion__parallel-box-node small{color:#ffffff8a;font:650 9.5px/1.2 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.065em;text-transform:uppercase}.sp-expansion__parallel-box-node strong{margin-top:8px;font:680 15px/1.12 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.sp-expansion__box-link{position:relative;height:24px}.sp-expansion__box-link span{position:absolute;top:11px;left:0;right:8px;height:1.5px;background:var(--sp-exp-grad)}.sp-expansion__box-link svg{position:absolute;right:0;top:4px;width:24px;height:16px;fill:none;stroke:var(--sp-exp-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp-expansion__panel-copy{min-width:0}.sp-expansion__panel-copy h3{max-width:520px;margin:12px 0 0;font:690 clamp(29px,3vw,44px)/1.04 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;text-wrap:balance}.sp-expansion__panel-copy>p{max-width:570px;margin:16px 0 0;color:var(--sp-exp-muted);font:500 14.5px/1.65 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0 0;padding:0;border-top:1px solid var(--sp-exp-line);border-bottom:1px solid var(--sp-exp-line)}.sp-expansion__facts>div{min-width:0;padding:18px 18px 18px 0}.sp-expansion__facts>div+div{padding-left:18px;border-left:1px solid var(--sp-exp-line)}.sp-expansion__facts dt{color:var(--sp-exp-subtle);font:560 11px/1.3 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__facts dd{display:flex;align-items:baseline;gap:6px;margin:8px 0 0}.sp-expansion__facts dd strong{font:710 clamp(28px,3vw,42px)/.95 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em}.sp-expansion__facts dd span{color:var(--sp-exp-muted);font:650 13px/1 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__type-row{display:flex;justify-content:space-between;gap:18px;margin-top:18px;color:var(--sp-exp-muted);font:520 12px/1.45 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__type-row strong{color:var(--sp-exp-text);font-weight:650;text-align:right}.sp-expansion__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:clamp(36px,4vw,54px);padding-top:20px;border-top:1px solid var(--sp-exp-line)}.sp-expansion__boundary{max-width:900px;margin:0;color:var(--sp-exp-subtle);font:520 11.5px/1.58 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__cta{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;min-height:46px;padding:7px 7px 7px 18px;border-radius:999px;background:var(--sp-exp-dark);color:#fff;text-decoration:none;white-space:nowrap;font:660 13px/1 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-expansion__cta:focus-visible{outline:2px solid var(--sp-exp-blue);outline-offset:4px}.sp-expansion__cta-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:50%;background:#ffffff1f}.sp-expansion__cta-icon svg{position:absolute;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .42s var(--sp-exp-ease),opacity .28s ease}.sp-expansion__cta-icon svg:first-child{opacity:1;transform:none}.sp-expansion__cta-icon svg:last-child{opacity:0;transform:translate(-10px)}.sp-expansion__cta:hover .sp-expansion__cta-icon svg:first-child{opacity:0;transform:translate(10px)}.sp-expansion__cta:hover .sp-expansion__cta-icon svg:last-child{opacity:1;transform:none}.sp-expansion--motion .sp-expansion__panel.is-entering .sp-expansion__visual,.sp-expansion--motion .sp-expansion__panel.is-entering .sp-expansion__panel-copy{animation:spExpansionPanelIn .46s var(--sp-exp-ease) both}.sp-expansion--motion .sp-expansion__panel.is-entering .sp-expansion__panel-copy{animation-delay:.04s}@keyframes spExpansionPanelIn{0%{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:989px){.sp-expansion{padding-left:20px;padding-right:20px}.sp-expansion__header{grid-template-columns:1fr;gap:22px}.sp-expansion__intro{max-width:760px;padding-top:0}.sp-expansion__panel{grid-template-columns:1fr;gap:34px;min-height:0}.sp-expansion__visual{min-height:390px}.sp-expansion__panel-copy{max-width:760px}.sp-expansion__selector{margin-left:0}.sp-expansion__box-architecture{grid-template-columns:minmax(120px,1fr) 46px minmax(120px,.72fr) 46px minmax(120px,1fr)}}@media(max-width:699px){.sp-expansion{padding-left:16px;padding-right:16px}.sp-expansion__heading{font-size:clamp(34px,10vw,48px)}.sp-expansion__handoff{grid-template-columns:1fr;border-bottom:0}.sp-expansion__handoff-state{padding:20px 0;border-bottom:1px solid var(--sp-exp-line)}.sp-expansion__handoff-state--system{padding-left:0}.sp-expansion__handoff-arrow{width:36px;height:42px;margin:-1px 0;justify-self:start;transform:rotate(90deg);transform-origin:center}.sp-expansion__handoff-arrow span{left:3px;right:3px}.sp-expansion__selector{grid-template-columns:1fr;width:100%;border-radius:22px}.sp-expansion__tab{border-radius:18px}.sp-expansion__visual{min-height:340px;border-radius:18px}.sp-expansion__parallel-units{gap:10px;width:100%;padding:68px 14px 82px}.sp-expansion__unit{width:min(38vw,190px)}.sp-expansion__plus,.sp-expansion__ellipsis{font-size:28px}.sp-expansion__parallel-rail{left:10%;right:10%;bottom:46px}.sp-expansion__box-architecture{grid-template-columns:1fr;gap:14px;width:100%;padding:70px 18px 30px}.sp-expansion__unit-cluster{width:min(100%,320px);min-height:210px;margin-inline:auto}.sp-expansion__unit-cluster .sp-expansion__unit{width:min(54vw,180px)}.sp-expansion__box-link{width:48px;height:44px;margin:0 auto;transform:rotate(90deg)}.sp-expansion__parallel-box-node{width:min(100%,210px);min-height:116px;margin-inline:auto}.sp-expansion__facts{grid-template-columns:1fr}.sp-expansion__facts>div{padding:17px 0}.sp-expansion__facts>div+div{padding-left:0;border-left:0;border-top:1px solid var(--sp-exp-line)}.sp-expansion__type-row{flex-direction:column;gap:5px}.sp-expansion__type-row strong{text-align:left}.sp-expansion__footer{flex-direction:column;align-items:stretch}.sp-expansion__cta{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.sp-expansion *,.sp-expansion *:before,.sp-expansion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sp-expansion__parallel-grid{width:min(92%,760px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:end;justify-items:center;padding:74px 24px 26px}.sp-expansion__parallel-system{width:min(100%,170px);margin:0}.sp-expansion__parallel-system img,.sp-expansion__system-bank-unit img{display:block;width:100%;height:auto;object-fit:contain}.sp-expansion__visual-note{margin:0;padding:0 24px 28px;color:var(--sp-exp-muted);font:560 12px/1.45 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;text-align:center}.sp-expansion__box-architecture{display:grid;grid-template-columns:minmax(170px,1fr) 58px minmax(136px,.72fr) 58px minmax(170px,1fr);align-items:center;width:min(92%,860px);padding:78px 18px 22px}.sp-expansion__system-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;justify-items:center}.sp-expansion__system-bank-unit{width:min(100%,86px);margin:0}.sp-expansion__parallel-box-node{width:min(100%,210px);margin-inline:auto}@media(max-width:989px){.sp-expansion__parallel-grid{width:min(100%,640px)}.sp-expansion__box-architecture{grid-template-columns:minmax(150px,1fr) 46px minmax(120px,.72fr) 46px minmax(150px,1fr)}.sp-expansion__system-bank-unit{width:min(100%,74px)}}@media(max-width:699px){.sp-expansion__parallel-grid{width:100%;gap:10px;padding:68px 14px 20px}.sp-expansion__parallel-system{width:min(100%,110px)}.sp-expansion__visual-note{padding:0 14px 22px;font-size:11.5px}.sp-expansion__box-architecture{grid-template-columns:1fr;gap:14px;width:100%;padding:70px 18px 16px}.sp-expansion__system-bank{width:min(100%,320px);margin-inline:auto;gap:8px}.sp-expansion__system-bank-unit{width:min(100%,72px)}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sunpura-pdp-expansion-architecture.css.map */