.rekenaar.svelte-uo7eif{display:flex;flex-direction:column;align-items:center;gap:var(--sp-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-32);box-shadow:var(--shadow)}.billing-toggle.svelte-uo7eif{display:flex;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill)}.billing-toggle.svelte-uo7eif button:where(.svelte-uo7eif){display:inline-flex;align-items:center;gap:var(--sp-8);min-height:44px;padding:var(--sp-8) var(--sp-24);border:none;background:none;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.billing-toggle.svelte-uo7eif button.on:where(.svelte-uo7eif){background:var(--surface);color:var(--text)}.billing-toggle.svelte-uo7eif button.on:where(.svelte-uo7eif):not(:focus-visible){box-shadow:var(--shadow)}.billing-toggle.svelte-uo7eif .save:where(.svelte-uo7eif){font-size:var(--fs-eyebrow);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-deep-text)}.vraag.svelte-uo7eif{margin-top:var(--sp-8);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);text-align:center;cursor:pointer}.teller.svelte-uo7eif{display:flex;align-items:center;justify-content:center;gap:var(--sp-16);width:100%}.stap.svelte-uo7eif{flex:none;width:48px;height:48px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--text);background:var(--surface-2);border:1px solid var(--border-input);border-radius:50%;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}@media(hover:hover){.stap.svelte-uo7eif:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}}.stap.svelte-uo7eif:disabled{opacity:.4;cursor:not-allowed}.teller-waarde.svelte-uo7eif{display:flex;flex-direction:column;align-items:center;min-width:140px}.teller-getal.svelte-uo7eif{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:44px;line-height:1.1;color:var(--text)}.teller-woord.svelte-uo7eif{font-size:var(--fs-xs);color:var(--text-dim)}.slider.svelte-uo7eif{width:100%;max-width:420px;height:44px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}.slider.svelte-uo7eif::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border)}.slider.svelte-uo7eif::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-6px;border:none;border-radius:50%;background:var(--accent)}.slider.svelte-uo7eif::-moz-range-track{height:6px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border)}.slider.svelte-uo7eif::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--accent)}.uitkomst.svelte-uo7eif{display:block;text-align:center;padding-top:var(--sp-8);border-top:1px solid var(--border);width:100%}.totaal.svelte-uo7eif{font-family:var(--font-heading);font-weight:400;font-size:56px;line-height:1.05;font-variant-numeric:lining-nums;color:var(--text)}.periode.svelte-uo7eif{font-size:var(--fs-sm);color:var(--text-2)}.per-woning.svelte-uo7eif{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--text-dim)}.staffel.svelte-uo7eif{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8);list-style:none;margin:0;padding:0;width:100%}.staffel.svelte-uo7eif li:where(.svelte-uo7eif){display:grid;grid-template-columns:1fr;justify-items:center;gap:2px;padding:var(--sp-12) var(--sp-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.staffel.svelte-uo7eif li.on:where(.svelte-uo7eif){background:var(--accent-soft);border-color:var(--accent)}.staffel-bereik.svelte-uo7eif{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--text-dim);text-align:center}.staffel.svelte-uo7eif li.on:where(.svelte-uo7eif) .staffel-bereik:where(.svelte-uo7eif){color:var(--accent-deep-text)}.staffel-prijs.svelte-uo7eif{font-family:var(--font-heading);font-size:var(--fs-h4);font-variant-numeric:tabular-nums;color:var(--text)}.staffel-unit.svelte-uo7eif{font-size:var(--fs-eyebrow);color:var(--text-dim);text-align:center}.sr-only.svelte-uo7eif{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.rekenaar.svelte-uo7eif{padding:var(--sp-24) var(--sp-16)}.teller-getal.svelte-uo7eif{font-size:36px}.totaal.svelte-uo7eif{font-size:44px}.teller-waarde.svelte-uo7eif{min-width:100px}.staffel.svelte-uo7eif{grid-template-columns:1fr}.staffel.svelte-uo7eif li:where(.svelte-uo7eif){grid-template-columns:minmax(0,1fr) max-content max-content;align-items:baseline;justify-items:start;gap:var(--sp-8)}.staffel.svelte-uo7eif li:where(.svelte-uo7eif) .staffel-prijs:where(.svelte-uo7eif){justify-self:end}}@media(prefers-reduced-motion:reduce){.billing-toggle.svelte-uo7eif button:where(.svelte-uo7eif),.stap.svelte-uo7eif,.staffel.svelte-uo7eif li:where(.svelte-uo7eif){transition:none}}