.os-venster{overflow:hidden}.os-dia{opacity:0}.os-dia.os-heen{transform:translate(48px)}.os-dia.os-terug{transform:translate(-48px)}.os-dia.os-heen.os-in,.os-dia.os-terug.os-in{opacity:1;transition:opacity .35s,transform .35s;transform:none}@media (prefers-reduced-motion:reduce){.os-dia{opacity:1!important;transition:none!important;transform:none!important}}.os-puntjes{gap:.4rem;margin-bottom:1.4rem;display:flex}.os-puntjes span{background:var(--border);border-radius:999px;flex:1;height:5px;transition:background .3s}.os-puntjes span.os-gedaan{background:color-mix(in oklch, var(--brand) 55%, var(--border))}.os-puntjes span.os-nu{background:var(--brand)}.os-vraag{margin:0 0 .4rem;font-size:clamp(1.3rem,3.5vw,1.7rem)}.os-sub{color:var(--text-muted);margin:0 0 1.1rem;font-size:.95rem}.os-tegels{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;display:grid}.os-tegel{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:block}.os-tegel:hover,.os-tegel.os-aan{border-color:var(--brand)}.os-tegel.os-aan{background:color-mix(in oklch, var(--brand) 10%, transparent)}.os-tegel b{display:block}.os-tegel small{color:var(--text-muted);font-size:.85rem}.os-knop{cursor:pointer;font:inherit;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);text-align:center;border:0;padding:.8rem 1.3rem;font-weight:700;transition:background .15s;display:inline-block}.os-knop:hover{background:var(--accent-hover)}.os-knop:disabled{opacity:.6;cursor:wait}.os-knop.os-breed{width:100%;display:block}.os-link{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.os-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.6rem;display:flex}.os-nav-rechts{align-items:center;gap:1rem;margin-left:auto;display:flex}.os-schuifrij{align-items:center;gap:1rem;display:flex}.os-schuifrij input[type=range]{min-width:0;accent-color:var(--brand);flex:1;height:2rem}.os-veld,.os-getal{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.7rem .9rem}.os-veld:focus,.os-getal:focus{border-color:var(--brand);outline:none}.os-getal{text-align:center;width:5.5rem;font-size:1.1rem;font-weight:700}.os-pc{letter-spacing:.1em;max-width:12rem;font-size:1.2rem}.os-label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.os-hint{color:var(--text-muted);font-size:.8rem}.os-tip{color:var(--text-muted);margin-top:.8rem;font-size:.9rem}.os-tip b{color:var(--text)}.os-goud{color:var(--brand);font-weight:700}.os-bedrag{color:var(--brand);font-size:clamp(2.2rem,7vw,3rem);font-weight:800;line-height:1}.os-regels{gap:.45rem;margin:1rem 0 0;font-size:.92rem;display:grid}.os-regel{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.45rem;display:flex}.os-regel:last-child{border-bottom:0}.os-regel dt{color:var(--text-muted)}.os-regel dd{text-align:right;margin:0;font-weight:600}.os-regel.os-groot dt,.os-regel.os-groot dd{color:var(--text);font-weight:800}.os-chips{flex-wrap:wrap;gap:.4rem;display:flex}.os-chip{border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;font-size:.85rem}.os-melding{border-radius:var(--radius);background:var(--surface-muted);margin-top:.9rem;padding:.8rem 1rem;font-size:.9rem}.os-klein{color:var(--text-muted);margin-top:.8rem;font-size:.8rem}.os-velden{gap:1rem;display:grid}.os-pillen{flex-wrap:wrap;gap:.45rem;display:flex}.os-pil{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .95rem;font-size:.92rem;transition:border-color .15s,background .15s}.os-pil:hover{border-color:var(--brand)}.os-pil.os-aan{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:700}.os-bevat{color:var(--text-muted);gap:.5rem;margin:1rem 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.os-bevat li{gap:.6rem;display:flex}.os-bevat li:before{content:"";background:var(--brand);border-radius:50%;flex:none;width:.4rem;height:.4rem;margin-top:.55rem}.os-waarom{color:var(--text-muted);gap:.7rem;margin:1rem 0 0;padding:0;line-height:1.6;list-style:none;display:grid}.os-waarom b{color:var(--text)}.os-verschil{margin:0;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800;line-height:1.2}