.pin.svelte-566dvq{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}label.svelte-566dvq{align-self:flex-start;font-size:15px;font-weight:800}.verborgen-invoer.svelte-566dvq{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.pin.svelte-566dvq:focus-within .bolletjes:where(.svelte-566dvq){outline:3px solid var(--blauw-licht);outline-offset:6px;border-radius:12px}.bolletjes.svelte-566dvq{gap:14px;display:flex}.bolletjes.svelte-566dvq span:where(.svelte-566dvq){border:2px solid var(--blauw);border-radius:50%;width:18px;height:18px}.bolletjes.svelte-566dvq span.vol:where(.svelte-566dvq){background:var(--blauw)}.toetsen.svelte-566dvq{grid-template-columns:repeat(3,76px);gap:10px;display:grid}.toetsen.svelte-566dvq button:where(.svelte-566dvq){border:2px solid var(--rand);background:var(--achter);cursor:pointer;touch-action:manipulation;border-radius:16px;height:60px;font-size:24px;font-weight:900}@media (hover:hover){.toetsen.svelte-566dvq button:where(.svelte-566dvq):not(:disabled):hover{background:var(--blauw-licht);border-color:var(--blauw)}}.toetsen.svelte-566dvq button:where(.svelte-566dvq):active{background:var(--blauw-licht)}.toetsen.svelte-566dvq .wis:where(.svelte-566dvq){font-size:22px}.toetsen.svelte-566dvq .wis:where(.svelte-566dvq):disabled{opacity:.35;cursor:default}