.pe-builder-head{margin-bottom:var(--pe-space-xl)}.pe-builder{gap:var(--pe-space-l);display:grid}.pe-builder__steps,.pe-builder__summary{padding:var(--pe-space-m);border:var(--pe-border-hair) solid color-mix(in oklab, var(--pe-paper) 10%, transparent);background:color-mix(in oklab, var(--pe-paper) 3%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1rem}@media (min-width:40rem){.pe-builder__steps,.pe-builder__summary{padding:var(--pe-space-l)}}@media (min-width:64rem){.pe-builder{align-items:start;gap:var(--pe-space-l) var(--pe-space-xl);grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"steps summary""lead summary"}.pe-builder__steps{grid-area:steps}.pe-builder__summary{grid-area:summary;position:sticky;top:7rem}.pe-builder__lead{grid-area:lead}}.pe-builder__step{padding:var(--pe-space-m) 0;border:0;border-top:var(--pe-border-hair) solid color-mix(in oklab, var(--pe-paper) 10%, transparent);margin:0}.pe-builder__step:first-child{border-top:0;padding-top:0}.pe-builder__step:last-child{padding-bottom:0}.pe-builder__legend{align-items:baseline;gap:var(--pe-space-s);float:left;width:100%;margin-bottom:var(--pe-space-s);font-family:var(--pe-font-display);letter-spacing:var(--pe-tracking-title);padding:0;font-size:1.25rem;line-height:1.3;display:flex}.pe-builder__legend+*{clear:both}.pe-builder__number{font-variant-numeric:tabular-nums;color:var(--pe-accent);font-size:1rem}.pe .pe-builder__hint{max-width:36rem;margin:0 0 var(--pe-space-s);color:color-mix(in oklab, var(--pe-paper) 60%, transparent);font-size:.875rem;line-height:1.55}.pe-builder__options{gap:var(--pe-space-xs);display:grid}.pe-builder__options[data-count="2"],.pe-builder__options[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:40rem){.pe-builder__options{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-builder__options[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-builder__options[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.pe-builder__option{border:var(--pe-border-hair) solid color-mix(in oklab, var(--pe-paper) 20%, transparent);background:color-mix(in oklab, var(--pe-paper) 10%, transparent);cursor:pointer;transition:border-color .15s var(--pe-ease), background-color .15s var(--pe-ease);border-radius:.75rem;align-content:start;gap:.125rem;padding:.875rem 1rem;display:grid;position:relative}.pe-builder__option:hover{border-color:color-mix(in oklab, var(--pe-paper) 40%, transparent);background:color-mix(in oklab, var(--pe-paper) 15%, transparent)}.pe-builder__option:has(input:checked){border-color:var(--pe-accent);background:color-mix(in oklab, var(--pe-accent) 12%, transparent)}.pe-builder__option:has(input:focus-visible){outline:var(--pe-border-thin) solid var(--pe-accent);outline-offset:2px}.pe-builder__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pe-builder__option-label{font-size:.9375rem;line-height:1.35}.pe-builder__option-detail{color:color-mix(in oklab, var(--pe-paper) 60%, transparent);font-size:.8125rem;line-height:1.4}.pe-builder__slider{gap:var(--pe-space-xs);display:grid}.pe-builder__value{align-items:baseline;gap:0 var(--pe-space-xs);font-family:var(--pe-font-display);font-size:var(--pe-type-figure);letter-spacing:var(--pe-tracking-title);font-variant-numeric:tabular-nums;flex-wrap:wrap;line-height:1;display:flex}.pe-builder__value span{color:var(--pe-accent);font-size:.45em}.pe-builder__value small{font-family:var(--pe-font-body);letter-spacing:var(--pe-tracking-body);color:color-mix(in oklab, var(--pe-paper) 60%, transparent);font-size:.875rem}.pe-builder__slider input{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem;margin:0}.pe-builder__slider input::-webkit-slider-runnable-track{border-radius:var(--pe-radius-pill);background:linear-gradient(to right, var(--pe-accent) var(--fill), color-mix(in oklab, var(--pe-paper) 15%, transparent) var(--fill));height:.375rem}.pe-builder__slider input::-moz-range-track{border-radius:var(--pe-radius-pill);background:color-mix(in oklab, var(--pe-paper) 15%, transparent);height:.375rem}.pe-builder__slider input::-moz-range-progress{border-radius:var(--pe-radius-pill);background:var(--pe-accent);height:.375rem}.pe-builder__slider input::-webkit-slider-thumb{background:var(--pe-accent);width:1.25rem;height:1.25rem;box-shadow:0 0 0 .375rem color-mix(in oklab, var(--pe-accent) 20%, transparent);appearance:none;border:0;border-radius:50%;margin-top:-.4375rem}.pe-builder__slider input::-moz-range-thumb{background:var(--pe-accent);width:1.25rem;height:1.25rem;box-shadow:0 0 0 .375rem color-mix(in oklab, var(--pe-accent) 20%, transparent);border:0;border-radius:50%}.pe-builder__slider input:focus-visible{outline:var(--pe-border-thin) solid var(--pe-accent);outline-offset:4px;border-radius:var(--pe-radius-pill)}.pe-builder__scale{color:color-mix(in oklab, var(--pe-paper) 50%, transparent);justify-content:space-between;font-size:.75rem;display:flex}.pe-builder__summary-title{margin:0 0 var(--pe-space-m);font-family:var(--pe-font-display);letter-spacing:var(--pe-tracking-title);font-size:1.5rem;font-weight:400}.pe .pe-builder__label{margin:var(--pe-space-m) 0 var(--pe-space-3xs);color:color-mix(in oklab, var(--pe-paper) 60%, transparent);font-size:.75rem}.pe-builder__summary>.pe-builder__label:first-of-type{margin-top:0}.pe .pe-builder__figure{font-family:var(--pe-font-display);letter-spacing:var(--pe-tracking-title);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.75rem,1.25rem + 1.4vw,2.5rem);line-height:1.1}.pe-builder__figure span{color:var(--pe-accent)}.pe .pe-builder__figure--small{font-size:1.5rem}.pe-builder__figure--small span{color:color-mix(in oklab, var(--pe-paper) 60%, transparent);font-size:.875rem}.pe .pe-builder__small{margin:var(--pe-space-2xs) 0 0;color:color-mix(in oklab, var(--pe-paper) 50%, transparent);font-size:.75rem;line-height:1.5}.pe-builder__rebates{gap:var(--pe-space-3xs);margin:var(--pe-space-s) 0 0;padding:var(--pe-space-s);background:color-mix(in oklab, var(--pe-paper) 6%, transparent);font-variant-numeric:tabular-nums;border-radius:.75rem;font-size:.8125rem;display:grid}.pe-builder__rebates div{justify-content:space-between;gap:var(--pe-space-s);display:flex}.pe-builder__rebates dt{color:color-mix(in oklab, var(--pe-paper) 65%, transparent)}.pe-builder__rebates dd{text-align:right;margin:0}.pe-builder__rebates div+div dd{color:var(--pe-accent)}.pe-builder__savings{gap:var(--pe-space-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pe-builder__products{gap:var(--pe-space-3xs);margin:0;padding:0;list-style:none;display:grid}.pe-builder__products a{background:color-mix(in oklab, var(--pe-paper) 6%, transparent);color:var(--pe-paper);transition:background-color .15s var(--pe-ease);border-radius:.75rem;padding:.625rem .875rem;text-decoration:none;display:grid}.pe-builder__products a:hover,.pe-builder__products a:focus-visible{background:color-mix(in oklab, var(--pe-paper) 12%, transparent)}.pe-builder__product-name{transition:color .2s var(--pe-ease);font-size:.9375rem}.pe-builder__products a:hover .pe-builder__product-name,.pe-builder__products a:focus-visible .pe-builder__product-name{color:var(--pe-accent)}.pe-builder__product-kind{color:color-mix(in oklab, var(--pe-paper) 60%, transparent);font-size:.75rem}.pe-builder__pick{margin-left:var(--pe-space-2xs);border-radius:var(--pe-radius-pill);background:color-mix(in oklab, var(--pe-accent) 15%, transparent);color:var(--pe-accent);padding:.0625rem .5rem}.pe-builder__gaps ul{gap:var(--pe-space-2xs);margin:0;padding:0;list-style:none;display:grid}.pe-builder__gaps li{gap:var(--pe-space-2xs);color:color-mix(in oklab, var(--pe-paper) 75%, transparent);grid-template-columns:1rem minmax(0,1fr);font-size:.8125rem;line-height:1.5;display:grid}.pe-builder__gaps svg{width:1rem;height:1rem;color:var(--pe-accent);margin-top:.125rem}.pe-builder__lead .pe-form{max-width:none}.pe-builder__lead-title{margin:0 0 var(--pe-space-2xs);font-family:var(--pe-font-display);font-size:var(--pe-type-section);font-weight:400;line-height:var(--pe-type-section-leading);letter-spacing:var(--pe-tracking-title)}
