@layer components{.calc .calc__core{display: grid;gap: var(--space-l);padding: var(--space-m)}@container (min-width: 44rem){.calc .calc__core{padding: var(--space-l)}}.calc__head{display: grid;gap: var(--space-2xs)}.calc__kicker{color: var(--c-lilac);max-inline-size: none}.calc__title{font-size: var(--step-2)}.calc__lede{color: var(--c-bone-2)}.calc__body{display: grid;gap: var(--space-l)}@container (min-width: 50rem){.calc__body{grid-template-columns: minmax(0,6fr) minmax(0,5fr);column-gap: var(--space-xl);align-items: start}}.calc__inputs{display: grid;gap: var(--space-m)}.calc__in{display: grid;gap: 0.375rem}.calc__row{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-s)}.calc__row label{font-family: var(--font-ui);font-size: var(--step--1);line-height: 1.4;color: var(--c-bone-2)}.calc__val{flex: none;font-family: var(--font-ui);font-weight: var(--weight-medium);font-size: var(--step-0);font-variant-numeric: tabular-nums;color: var(--c-bone)}.calc__range{-webkit-appearance: none;appearance: none;inline-size: 100%;block-size: 2.75rem;margin: 0;background: transparent;cursor: pointer}.calc__range::-webkit-slider-runnable-track{block-size: 0.375rem;border-radius: var(--radius-pill);background: var(--c-raised-3);box-shadow: inset 0 0 0 1px var(--edge)}.calc__range::-moz-range-track{block-size: 0.375rem;border-radius: var(--radius-pill);background: var(--c-raised-3);box-shadow: inset 0 0 0 1px var(--edge)}.calc__range::-moz-range-progress{block-size: 0.375rem;border-radius: var(--radius-pill);background: var(--c-violet)}.calc__range::-webkit-slider-thumb{-webkit-appearance: none;inline-size: 1.375rem;block-size: 1.375rem;margin-block-start: -0.5rem;border-radius: 50%;background: var(--c-bone);box-shadow: 0 0 0 4px var(--c-violet-glow)}.calc__range::-moz-range-thumb{inline-size: 1.375rem;block-size: 1.375rem;border: 0;border-radius: 50%;background: var(--c-bone);box-shadow: 0 0 0 4px var(--c-violet-glow)}.calc__range:focus-visible{outline: none}.calc__range:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 2px var(--c-ground),0 0 0 4px var(--c-lilac)}.calc__range:focus-visible::-moz-range-thumb{box-shadow: 0 0 0 2px var(--c-ground),0 0 0 4px var(--c-lilac)}.no-js .calc__range{display: none}.calc__out{display: grid;gap: var(--space-s);align-content: start;padding: var(--space-m);border-radius: var(--radius-l);background: radial-gradient(90% 80% at 100% 0%,var(--c-violet-wash),transparent 70%),var(--c-sunken);box-shadow: inset 0 0 0 1px var(--edge-faint)}.calc__big{display: grid;gap: 0.375rem;max-inline-size: none}.calc__big-k{font-family: var(--font-mono);font-size: var(--step--2);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-lilac)}.calc__big-v{font-family: var(--font-display);font-size: var(--step-5);line-height: 1;letter-spacing: -0.03em;font-variant-numeric: tabular-nums lining-nums;color: var(--c-bone)}.calc__res{display: grid;gap: 0;margin: 0}.calc__res > div{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-s);padding-block: 0.625rem;box-shadow: inset 0 1px 0 var(--edge-faint)}.calc__res dt{font-size: var(--step--1);color: var(--c-bone-2)}.calc__res dd{margin: 0;font-family: var(--font-ui);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--c-bone)}.calc__vs{font-size: var(--step--1);line-height: 1.55;color: var(--c-bone-2)}.calc__vs a{color: var(--c-bone);text-decoration: underline;text-decoration-color: color-mix(in oklch,var(--c-lilac) 45%,transparent);text-underline-offset: 0.2em}.calc__vs a:hover{color: var(--c-lilac)}.calc__vs strong{color: var(--c-bone)}.calc__note{font-size: var(--step--2);line-height: 1.55;color: var(--c-bone-3);max-inline-size: calc(70 * var(--ch-body))}}