.gebied-groep{margin-top:var(--stap-1)}#suggesties:not(:empty)+.gebied-groep{display:none}.gebied-rij{justify-content:center;font-weight:600;color:var(--kleur-merk-donker)}.tekenlaag{position:fixed;inset:0;z-index:8;touch-action:none;cursor:crosshair;background:color-mix(in srgb,var(--kleur-merk) 6%,transparent);box-shadow:inset 0 0 0 3px var(--kleur-merk);-webkit-user-select:none;user-select:none;outline:0}.tekenlaag svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tekenlaag polygon{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.tekenlaag polygon.erbij{fill:color-mix(in srgb,var(--kleur-kans-lager) 14%,transparent);stroke:var(--kleur-kans-lager)}.tekenlaag polygon.eraf{fill:color-mix(in srgb,var(--kleur-fout-rand) 18%,transparent);stroke:var(--kleur-fout-rand);stroke-dasharray:8 6}.tekenlaag polygon.spoor{animation:spoor-weg .25s ease-out .4s forwards}@keyframes spoor-weg{to{opacity:0}}@media(prefers-reduced-motion:reduce){.tekenlaag polygon.spoor{animation:none}}.gebied-kruis{position:fixed;z-index:6;transform:translate(-50%,-50%);width:var(--maat-klein);height:var(--maat-klein);border-radius:50%;border:1.5px solid var(--capsule-gekozen-rand);background:var(--kleur-kaartje);color:var(--kleur-merk);box-shadow:var(--capsule-schaduw);font:700 var(--tekst-l)/1 var(--ios-letter);cursor:pointer;display:grid;place-items:center;padding:0}.gebied-potlood{position:relative}.gebied-kruis,.gebied-potlood{--rand: 1.5px}.gebied-kruis:after,.gebied-potlood:after{content:"";position:absolute;inset:calc((var(--maat-klein) - var(--maat)) / 2 - var(--rand, 0px))}.gebied-kruis:focus-visible,.gebied-terug:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}.gebied-terug{position:fixed;z-index:6;left:50%;translate:-50% 0;bottom:calc(var(--stap-4) + env(safe-area-inset-bottom,0px));min-width:var(--maat);padding:0 var(--stap-1);border-color:var(--capsule-gekozen-rand);animation:terug-in .2s ease-out}@keyframes terug-in{0%{opacity:0;transform:translateY(var(--stap-1))}}@media(prefers-reduced-motion:reduce){.gebied-terug{animation:none}}.teken-terugplek,.teken-spiegel{width:76px;height:var(--capsule-hoogte);flex:0 1 auto;min-width:56px}.teken-bediening .gebied-terug{position:static;width:100%;height:100%;translate:none}body.tekenen #boven{visibility:hidden}body.tekenen #lijstaanbod{visibility:hidden;pointer-events:none}.teken-klaar{position:absolute;top:var(--bovenrand);left:50%;transform:translate(-50%);flex:0 100 120px;min-width:56px;padding:0 var(--stap-1);cursor:pointer}.tekenlaag.schuift{cursor:grabbing}body.tekenen .gebied-terug{z-index:9}.gebied-keuze{position:fixed;z-index:6;transform:translate(-50%,-50%);display:flex;gap:var(--stap-1)}.gebied-keuze .gebied-kruis{position:static;transform:none}.gebied-potlood{width:var(--maat-klein);height:var(--maat-klein);border-radius:50%;padding:0;cursor:pointer;display:grid;place-items:center;border:1.5px solid var(--capsule-gekozen-rand);background:var(--kleur-kaartje);color:var(--kleur-merk);box-shadow:var(--capsule-schaduw);font:600 var(--tekst-m)/1 var(--ios-letter)}.gebied-potlood.gebied-bewerk{width:var(--maat);height:var(--maat);font-size:var(--tekst-l)}.gebied-potlood.gebied-bewerk:after{content:none}.gebied-keuze .gebied-bewerk-weg{width:var(--maat);height:var(--maat)}.gebied-keuze .gebied-bewerk-weg:after{content:none}.gebied-potlood:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}.kruimel-teken{border:0;background:transparent;padding:0;height:var(--maat-klein);color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.kruimel-teken:focus-visible{outline:2px solid var(--kleur-focus);border-radius:var(--hoek-rond)}body.tekenen .gebied-keuze{z-index:9}.teken-bediening{position:absolute;top:var(--bovenrand);left:calc(var(--stap-2) + env(safe-area-inset-left,0px));right:calc(var(--stap-2) + env(safe-area-inset-right,0px));display:flex;justify-content:center;gap:var(--stap-1);pointer-events:none}.teken-bediening>*{pointer-events:auto}.teken-bediening .teken-klaar{position:relative;top:auto;left:auto;transform:none}.teken-klaar:before{content:"";position:absolute;left:0;right:0;top:calc(var(--maat) - var(--maat-tik) - (var(--maat-klein) - var(--maat)) / 2 - var(--rand, 0px));bottom:calc((var(--maat-klein) - var(--maat)) / 2 - var(--rand, 0px))}.teken-keus{display:flex;height:var(--capsule-hoogte);border-radius:var(--capsule-hoek);background:var(--capsule-bg);border:1.5px solid var(--capsule-gekozen-rand);box-shadow:var(--capsule-schaduw);-webkit-backdrop-filter:var(--capsule-materiaal);backdrop-filter:var(--capsule-materiaal)}.teken-keus button{position:relative;width:var(--capsule-hoogte);height:100%;border:0;padding:0;background:transparent;color:var(--kleur-merk-donker);font:700 var(--tekst-l)/1 var(--ios-letter);cursor:pointer}.teken-keus button:after{content:"";position:absolute;inset:-1.5px 0}.teken-keus button:first-child{border-radius:var(--capsule-hoek) 0 0 var(--capsule-hoek)}.teken-keus button:last-child{border-radius:0 var(--capsule-hoek) var(--capsule-hoek) 0}.teken-keus button+button{border-left:1.5px solid var(--capsule-gekozen-rand)}.teken-keus button[aria-pressed=true]{background:var(--kleur-merk);color:var(--kleur-licht)}.teken-keus button[data-stand=min][aria-pressed=true]{background:var(--kleur-fout-rand)}.teken-keus button:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:-4px}.gebied-prullenbak svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.gebied-prullenbak{display:grid;place-items:center}.blokje .kruimel-teken{width:auto;margin-left:0;font:inherit;color:inherit}.mijn-gebieden{margin-top:var(--stap-2)}.mijn-gebieden:empty{display:none}#suggesties:not(:empty)~.mijn-gebieden{display:none}.mijn-kop{margin:0 0 var(--stap-1) var(--stap-2);font:600 var(--tekst-s)/1.2 var(--ios-letter);color:var(--kleur-tekst-zacht)}.mijn-rij{display:flex;align-items:center;min-height:var(--maat);padding-right:var(--stap-1)}.mijn-vink{flex:none;display:grid;place-items:center;width:var(--maat);height:var(--maat);cursor:pointer}.mijn-vink input{width:22px;height:22px;margin:0;accent-color:var(--kleur-merk);cursor:pointer}.mijn-naam{flex:1;min-width:0;height:var(--maat);border:0;background:none;padding:0;text-align:left;cursor:text;font:500 var(--tekst-m)/1.2 var(--ios-letter);color:var(--kleur-tekst);overflow:hidden;white-space:nowrap;display:flex;align-items:center;gap:var(--stap-1)}.mijn-naamtekst{min-width:0;overflow:hidden;text-overflow:ellipsis}.gebied-leeg{flex:none;font:500 var(--tekst-s)/1.2 var(--ios-letter);color:var(--kleur-tekst-zacht)}.gebied-naam .gebied-leeg{margin-left:var(--stap-1)}.mijn-knop{flex:none;width:var(--maat);height:var(--maat);border:0;background:none;padding:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--kleur-merk);font:600 var(--tekst-m)/1 var(--ios-letter)}.mijn-naam:focus-visible,.mijn-knop:focus-visible,.mijn-vink:focus-within{outline:2px solid var(--kleur-focus);outline-offset:-2px;border-radius:var(--stap-1)}.mijn-rij .gebied-naamveld{flex:1;min-width:0;height:40px}.gebied-naamveld{font:500 var(--tekst-m)/1.2 var(--ios-letter);color:var(--kleur-tekst);padding:0 var(--stap-1);border:1.5px solid var(--kleur-merk);border-radius:var(--stap-1);background:var(--kleur-kaartje);outline:0}.gebied-namen{position:absolute;inset:0;pointer-events:none}.gebied-naam,.gebied-namen .gebied-naamveld{position:absolute;transform:translate(-50%,calc(-100% - 6px));pointer-events:auto}.gebied-naam{height:var(--maat);padding:0 var(--stap-2);border-radius:var(--capsule-hoek);border:1.5px solid var(--capsule-gekozen-rand);background:var(--kleur-kaartje);color:var(--kleur-merk-donker);box-shadow:var(--capsule-schaduw);font:600 var(--tekst-s)/1 var(--ios-letter);white-space:nowrap;cursor:text}.gebied-namen .gebied-naamveld{height:var(--maat);width:180px}.gebied-naam-pen{margin-left:var(--stap-1)}.gebied-naam:focus-visible{outline:2px solid var(--kleur-focus);outline-offset:2px}