.PercentageCalculator_calculator__Hy6S7{color:var(--site-ink);background:var(--site-surface);border:1px solid var(--site-line);border-radius:16px;box-shadow:var(--site-shadow);overflow:hidden}.PercentageCalculator_calculator__Hy6S7 .percentage-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0}.PercentageCalculator_calculator__Hy6S7 .percentage-inputs{display:flex;flex-direction:column;gap:14px;padding:24px;min-width:0}.PercentageCalculator_calculator__Hy6S7 .percentage-input-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:0}.PercentageCalculator_calculator__Hy6S7 .percentage-input-heading h2{font-size:17px;letter-spacing:-.02em;line-height:1.4;margin:0}.PercentageCalculator_calculator__Hy6S7 .percentage-reset{border:1px solid var(--site-line);border-radius:10px;background:var(--site-surface);color:var(--site-ink);min-height:44px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none}.PercentageCalculator_modeGroups__x_UVe{display:grid;gap:10px}.PercentageCalculator_groupLabel__btloO{display:block;color:var(--site-muted);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.PercentageCalculator_modeButtons__ozZOs{display:flex;flex-wrap:wrap;gap:6px}.PercentageCalculator_modeButtons__ozZOs button{min-height:44px;padding:6px 12px;border:1px solid var(--site-line);border-radius:99px;background:var(--site-surface);color:var(--site-ink);font-size:13px;font-weight:600}.PercentageCalculator_modeButtons__ozZOs button[aria-pressed=true]{background:var(--site-accent);color:var(--site-action-ink);border-color:var(--site-accent)}.PercentageCalculator_modeButtons__ozZOs button:hover{border-color:var(--site-accent)}.PercentageCalculator_calculator__Hy6S7 .field{margin:0;gap:4px;font-size:13px}.PercentageCalculator_calculator__Hy6S7 .field input{min-height:44px;border-radius:10px}.PercentageCalculator_calculator__Hy6S7 .muted{margin-top:auto;font-size:12.5px;color:var(--site-muted)}.PercentageCalculator_calculator__Hy6S7 .percentage-result{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;min-width:0;padding:24px;border:0;border-left:1px solid var(--site-line);border-radius:0;background:var(--site-soft);box-shadow:none;text-align:left}.PercentageCalculator_calculator__Hy6S7 .percentage-result .eyebrow{font-size:12px;font-weight:600;letter-spacing:.07em;color:var(--site-muted)}.PercentageCalculator_calculator__Hy6S7 .percentage-value{margin:0;font-size:clamp(36px,4.5vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--site-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;animation:none}.PercentageCalculator_calculator__Hy6S7 .percentage-result p{font-size:14px;color:var(--site-ink);margin:0;overflow-wrap:anywhere}.PercentageCalculator_whole___Fyli{height:32px;overflow:hidden;border:1px solid var(--site-line);border-radius:8px;background:var(--site-surface)}.PercentageCalculator_whole___Fyli span{display:block;height:100%;background:var(--site-accent)}.PercentageCalculator_extra__8j4Qc{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--site-surface);border:1px solid var(--site-line);border-radius:10px;font-size:14px}.PercentageCalculator_extra__8j4Qc dt{color:var(--site-muted)}.PercentageCalculator_extra__8j4Qc dd{margin:0;font-weight:600;overflow-wrap:anywhere}.PercentageCalculator_calculator__Hy6S7 .percentage-result details{border:1px solid var(--site-line);border-radius:10px;background:var(--site-surface);margin:0;padding:0 14px}.PercentageCalculator_calculator__Hy6S7 .percentage-result summary{min-height:44px;padding:11px 0;font-size:14px;font-weight:600;color:var(--site-ink)}.PercentageCalculator_calculator__Hy6S7 .percentage-result details p{padding:0 0 14px;color:var(--site-muted)}.PercentageCalculator_calculator__Hy6S7 .error{padding:10px 12px;border:1px solid;border-radius:10px;font-size:13px}@media (max-width:700px){.PercentageCalculator_calculator__Hy6S7 .percentage-layout{grid-template-columns:minmax(0,1fr)}.PercentageCalculator_calculator__Hy6S7 .percentage-inputs,.PercentageCalculator_calculator__Hy6S7 .percentage-result{padding:16px}.PercentageCalculator_calculator__Hy6S7 .percentage-result{border-left:0;border-top:1px solid var(--site-line)}.PercentageCalculator_calculator__Hy6S7 .percentage-value{font-size:44px}}