.pw{width:var(--name-w);max-width:calc(100% - var(--gut) * 2);padding:var(--gap) 0;text-align:center;margin:0 auto}.pw__title{font-variation-settings:"wdth" 112, "wght" 750;text-wrap:balance;letter-spacing:-.015em;margin:0;font-size:clamp(40px,4.4vw,84px);font-weight:400;line-height:.95}.pw__lede{margin:14px calc(var(--gut) - (100vw - 100%) / 2) 0;text-wrap:pretty;color:var(--fg-dim);font-size:clamp(16px,1.1vw,19px);line-height:1.5}.pw__panel{width:min(760px,100%);margin:clamp(48px,8vh,96px) auto 0}.pw__readout{animation:pw-in .45s var(--ease-out)}@keyframes pw-in{0%{opacity:0;transform:translateY(10px)}}.pw__watts{font-variation-settings:"wdth" 108, "wght" 700;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:clamp(56px,6vw,112px);line-height:1}.pw__watts small{font-variation-settings:"wdth" 100, "wght" 500;color:var(--fg-dim);margin-left:.12em;font-size:.4em}.pw__hold{min-height:1.5em;color:var(--fg-dim);margin:16px 0 0;font-size:clamp(17px,1.3vw,22px);line-height:1.5}.pw__hold strong{font-variation-settings:"wdth" 104, "wght" 650;color:var(--volt);font-weight:400}.pw__slider{--thumb:22px;margin-top:12px;position:relative}.pw__label{color:var(--fg);margin-top:clamp(40px,6vh,64px);display:block}.pw__slider input{appearance:none;width:100%;height:var(--thumb);cursor:pointer;background:0 0;margin:0;display:block}.pw__slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--volt) 0 calc(var(--p) * 100%), var(--seam-lit) calc(var(--p) * 100%) 100%);height:2px}.pw__slider input::-moz-range-track{background:var(--seam-lit);height:2px}.pw__slider input::-moz-range-progress{background:var(--volt);height:2px}.pw__slider input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc(1px - var(--thumb) / 2);border:2px solid var(--volt);background:var(--earth);transition:transform .2s var(--ease-out);border-radius:50%}.pw__slider input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;border:2px solid var(--volt);background:var(--earth);border-radius:50%}.pw__slider input:hover::-webkit-slider-thumb{transform:scale(1.15)}.pw__slider input:active::-webkit-slider-thumb{transform:scale(1.15)}.pw__slider input:focus-visible{outline:none}.pw__slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ffec1940}.pw__slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #ffec1940}.pw__stops{height:56px;margin-top:4px;position:relative}.pw__stop{top:0;left:calc(var(--s) * (100% - var(--thumb)) + var(--thumb) / 2);color:var(--fg-dim);white-space:nowrap;transition:color .25s var(--ease-out);flex-direction:column;align-items:center;gap:4px;padding:12px 8px 4px;display:flex;position:absolute;transform:translate(-50%)}.pw__stop small{color:var(--fg-faint);font-size:.85em}.pw__stop:before{content:"";background:var(--seam-lit);width:1px;height:6px;position:absolute;top:0;left:50%}.pw__stop:hover,.pw__stop[data-on=true]{color:var(--fg)}.pw__note{margin:clamp(32px,5vh,48px) 0 0}@media (prefers-reduced-motion:reduce){.pw__readout{animation:none}}@media (width<=860px){.pw__slider{--thumb:28px}}@media (width<=520px){.pw__watts{font-size:min(48px,11.6vw)}.pw__hold{min-height:3em}}
