panel-calculator{display:block;width:100%;min-width:0}.panel-calc{padding-block-start:var(--pc-padding-top, 80px);padding-block-end:var(--pc-padding-bottom, 80px)}.panel-calc__lede{max-width:62ch;margin-block-end:4.8rem}.panel-calc__lede--split{max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4.8rem 8rem;align-items:start}.panel-calc__lede--split .panel-calc__lede-copy h1{margin-block-start:.4rem}.panel-calc__lede--split .panel-calc__lede-copy{max-width:62ch}.panel-calc__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.panel-calc__step{display:flex;gap:1.6rem;align-items:baseline;padding-block:1.2rem;border-block-start:1px solid rgba(var(--color-foreground)/.12)}.panel-calc__step:last-child{padding-block-end:0}.panel-calc__step-number{font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 300);font-size:var(--text-size-h5);color:rgb(var(--btn-solid-bg));font-variant-numeric:tabular-nums}.panel-calc__step-title{display:block;font-size:var(--text-size-base)}.panel-calc__step-text{display:block;font-size:var(--text-size-small);opacity:.6}.panel-calc__lede h1{margin:0 0 1.6rem}.panel-calc__lede p{margin:0 0 .8rem}.panel-calc__tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid rgba(var(--color-foreground)/.12);margin-block-end:5.6rem}.panel-calc__controls{background:rgb(var(--color-background-card, 255 255 255));padding:4rem;display:flex;flex-direction:column;gap:3.2rem;justify-content:center}.panel-calc__pickers{display:flex;flex-direction:column;gap:2.4rem}.panel-calc__field{display:flex;flex-direction:column;gap:.6rem;min-width:0}.panel-calc__field label{font-size:var(--text-size-small);letter-spacing:.04em;opacity:.6}.panel-calc__field select{width:100%;padding:1rem 3.2rem 1rem 0;font-size:var(--text-size-base);border:0;border-block-end:1px solid rgba(var(--color-foreground)/.25);border-radius:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;color:rgb(var(--color-foreground));appearance:none;-webkit-appearance:none;cursor:pointer}.panel-calc__field select:focus-visible{outline:none;border-block-end-color:rgb(var(--color-foreground))}.panel-calc__fields{display:flex;align-items:flex-end;gap:2.4rem;flex-wrap:wrap}.panel-calc__inputwrap{display:inline-flex;align-items:baseline;gap:.6rem;border-block-end:1px solid rgba(var(--color-foreground)/.25)}.panel-calc__inputwrap:focus-within{border-block-end-color:rgb(var(--color-foreground))}.panel-calc__field input{width:10rem;padding:.4rem 0;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 300);font-size:3.2rem;font-variant-numeric:tabular-nums;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground));-moz-appearance:textfield}.panel-calc__field input::-webkit-outer-spin-button,.panel-calc__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.panel-calc__field input:focus-visible{outline:none}.panel-calc__field input::placeholder{color:rgba(var(--color-foreground)/.25)}.panel-calc__unit{font-size:var(--text-size-base);opacity:.5}.panel-calc__multiply{padding-block-end:1.2rem;font-size:var(--text-size-h6);opacity:.35}.panel-calc__formats{border:0;margin:0;padding:0}.panel-calc__formats legend{font-size:var(--text-size-small);letter-spacing:.04em;opacity:.6;margin-block-end:1.2rem;padding:0}.panel-calc__format-list{display:flex;flex-wrap:wrap;gap:.8rem}.panel-calc__format input{position:absolute;opacity:0;pointer-events:none}.panel-calc__format label{display:inline-block;padding:.8rem 1.6rem;border:1px solid rgba(var(--color-foreground)/.25);border-radius:var(--buttons-radius, 0);font-size:var(--text-size-small);cursor:pointer;transition:border-color .2s ease}.panel-calc__format input:checked+label{border-color:rgb(var(--btn-solid-bg));box-shadow:inset 0 0 0 1px rgb(var(--btn-solid-bg))}.panel-calc__format input:focus-visible+label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.panel-calc__answer{position:relative;background-color:rgb(var(--btn-solid-bg));color:rgb(var(--btn-solid-text, 255 255 255));padding:4.8rem 4rem;display:flex;flex-direction:column;justify-content:center;min-height:32rem}.panel-calc__answer p,.panel-calc__answer a,.panel-calc__answer span,.panel-calc__answer strong{color:inherit}.panel-calc__placeholder{margin:0;max-width:30ch;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 300);font-size:var(--text-size-h5);line-height:1.4;opacity:.75;transition:opacity .3s ease}.panel-calc__result{display:none}panel-calculator .is-live .panel-calc__placeholder{display:none}panel-calculator .is-live .panel-calc__result{display:block;animation:panel-calc-reveal .35s ease}@keyframes panel-calc-reveal{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.panel-calc__answer-eyebrow{margin:0 0 .4rem;font-size:var(--text-size-small);letter-spacing:.06em;opacity:.65}.panel-calc__answer-count{margin:0 0 1.6rem;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 300);font-size:clamp(7.2rem,10vw,12.4rem);line-height:1;font-variant-numeric:tabular-nums}.panel-calc__result-sub{margin:0 0 1.2rem;max-width:34ch;font-size:var(--text-size-small);opacity:.8}.panel-calc__cost{margin:0;font-size:var(--text-size-base)}.panel-calc__link{margin:2.4rem 0 0}.panel-calc__cta{display:inline-block;padding:1.2rem 2.4rem;border:1px solid rgba(255,255,255,.55);border-radius:var(--buttons-radius, 0);color:inherit;font-size:var(--text-size-small);font-weight:500;letter-spacing:.02em;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.panel-calc__cta:hover{background:#fff;border-color:#fff;color:rgb(var(--btn-solid-bg))}.panel-calc__cta:focus-visible{outline:2px solid rgb(255 255 255);outline-offset:3px}.panel-calc__body{max-width:62ch}.panel-calc__body--split{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:4.8rem;border-block-start:1px solid rgba(var(--color-foreground)/.12);padding-block-start:3.2rem}.panel-calc__body--split .panel-calc__body-col{max-width:58ch}.panel-calc__body--split .panel-calc__body-col+.panel-calc__body-col{border-inline-start:1px solid rgba(var(--color-foreground)/.12);padding-inline-start:4.8rem}.panel-calc__body h2{margin:0 0 1.2rem}.panel-calc__body p{margin:0 0 .8rem}@media screen and (max-width:899px){.panel-calc__lede--split{grid-template-columns:1fr;gap:3.2rem;align-items:start}.panel-calc__body--split{grid-template-columns:1fr;gap:2.4rem}.panel-calc__body--split .panel-calc__body-col+.panel-calc__body-col{border-inline-start:0;padding-inline-start:0}.panel-calc__tool{grid-template-columns:1fr}.panel-calc__controls{padding:2.4rem 2rem 3.2rem;gap:2.4rem}.panel-calc__answer{padding:3.2rem 2rem;min-height:24rem}.panel-calc__field input{font-size:2.6rem;width:8.5rem}}@media(prefers-reduced-motion:reduce){panel-calculator .is-live .panel-calc__result{animation:none}.panel-calc__format label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/component-panel-calculator.css.map */