@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/IBMPlexSans-Regular-Latin1-BUjEsRx4.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/IBMPlexSans-Medium-Latin1-B2CuUu4P.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/IBMPlexSans-SemiBold-Latin1-CIhZjzyK.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/IBMPlexSans-Bold-Latin1-DZgTcuEb.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/IBMPlexMono-Regular-Latin1-DYPusg7z.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/IBMPlexMono-SemiBold-Latin1-ChfWfxA6.woff2)format("woff2")}:root{--font-tekst:"IBM Plex Sans", system-ui, sans-serif;--font-cijfers:"IBM Plex Mono", ui-monospace, monospace;--tekst-xs:.75rem;--tekst-s:.8125rem;--tekst-m:.875rem;--tekst-basis:.9375rem;--tekst-l:1.0625rem;--tekst-xl:1.25rem;--tekst-2xl:1.5rem;--tekst-3xl:1.625rem;--dekking-uit:.6;--gewicht-normaal:400;--gewicht-medium:500;--gewicht-halfvet:600;--gewicht-vet:700;--regelhoogte-strak:1.1;--regelhoogte-normaal:1.4;--spatiering-kapitalen:.06em;--ruimte-1:.25rem;--ruimte-2:.5rem;--ruimte-3:.75rem;--ruimte-4:1rem;--ruimte-5:1.25rem;--ruimte-6:1.5rem;--ruimte-8:2rem;--ruimte-10:2.5rem;--ruimte-12:3rem;--rond-s:6px;--rond-m:10px;--rond-l:12px;--rond-xl:16px;--rond-pil:999px;--aanraak-min:44px;--aanraak-station:48px;--aanraak-groot:56px;--aanraak-cijfer:72px;--paneel-breedte:420px;--menu-breedte:220px;--tegel-hoogte:120px;--balk-hoogte:52px;--stip-grootte:10px;--pil-hoogte:36px;--pil-hoogte-compact:30px;--breakpoint-tablet:768px;--breakpoint-desktop:1280px;--duur-kort:.12s;--duur-middel:.2s;--curve-uit:cubic-bezier(.2, 0, 0, 1);--kleur-focus:#2f6fde;--focus-ring:3px solid var(--kleur-focus);--status-online:#2e7d4f;--status-verbinden:#b5560b;--status-verbinden-vlak:#fbeee2;--status-verbinden-tekst:#7a3a07;--status-offline:#8a857c;--status-offline-vlak:#1b1b1a;--status-offline-tekst:#fff;--badge-nieuw-vlak:#b5560b;--badge-nieuw-tekst:#fff;--zitplaats-vrij-vlak:#fff;--zitplaats-vrij-tekst:#1b1b1a;--zitplaats-vrij-rand:#b9ac95;--zitplaats-bezet-vlak:#dce7f3;--zitplaats-bezet-tekst:#163152;--zitplaats-bezet-rand:#7f9dc2;--zitplaats-klaar-vlak:#f59e2e;--zitplaats-klaar-tekst:#1b1b1a;--zitplaats-klaar-rand:#c46f0a;--regel-wacht-vlak:#eceae5;--regel-wacht-tekst:#4a463f;--regel-wacht-rand:#cfcbc2;--regel-verstuurd-vlak:#dce7f3;--regel-verstuurd-tekst:#163152;--regel-verstuurd-rand:#9fb7d3;--regel-in-bereiding-vlak:#163152;--regel-in-bereiding-tekst:#fff;--regel-in-bereiding-rand:#163152;--regel-klaar-vlak:#f59e2e;--regel-klaar-tekst:#1b1b1a;--regel-klaar-rand:#c46f0a;--regel-geserveerd-vlak:#fff;--regel-geserveerd-tekst:#5e5a52;--regel-geserveerd-rand:#ddd8ce;--regel-vervallen-vlak:#f4f2ee;--regel-vervallen-tekst:#5e5a52;--regel-vervallen-rand:#cfcbc2;--wachttijd-op-tijd-vlak:#3a3a3a;--wachttijd-op-tijd-tekst:#f2f2f2;--wachttijd-op-tijd-bijschrift:#f2f2f2;--wachttijd-loopt-uit-vlak:#f5b041;--wachttijd-loopt-uit-tekst:#1a1a1a;--wachttijd-loopt-uit-bijschrift:#4a3a12;--wachttijd-te-laat-vlak:#c9372c;--wachttijd-te-laat-tekst:#fff;--wachttijd-te-laat-bijschrift:#fff;--vloer-binnen:#ede4d3;--vloer-binnen-rand:#3b3631;--vloer-buiten:#e4e8dc;--vloer-buiten-rand:#7d8771;--raster-lijn:#3b363117;--tafel-vlak:#fff;--tafel-tekst:#1b1b1a;--tafel-rand:#b9ac95;--stoel:#a88b6a;--barkruk-vlak:#6b4f35;--barkruk-tekst:#fff;--inrichting-donker:#3b3631;--inrichting-bar:#6b4f35;--inrichting-op-donker:#fff;--inrichting-plant:#6f9a63;--inrichting-plant-rand:#4c7444;--inrichting-raam:#cfe0ee;--inrichting-raam-rand:#8fb0cc;--inrichting-gangpad:#f5f0e6;--inrichting-gangpad-rand:#bfb29c;--inrichting-gangpad-tekst:#6b5e4e;--inrichting-stoep:#d6d1c6;--inrichting-stoep-tekst:#4a463f;--selectie:#2f6fde;--bon-vlak:#fff;--bon-tekst:#1b1b1a;--bon-regel-open:#f7f5f1;--bon-rand:#e7e3db;--bon-tekst-zacht:#4a463f;--bon-breedte:272px;--zijbalk-breedte:300px;--vink-maat:24px;--staal-maat:14px;--stations-kop-hoogte:64px;--bon-knop-rand:#cfcbc2;--bon-vink-rand:#8a857c;--bon-vink-aan:#2e7d4f;--bon-op-vink:#fff;--bon-vervallen-tekst:#b42318;--allergie-vlak:#f59e2e;--allergie-tekst:#1b1b1a}@media (prefers-reduced-motion:reduce){:root{--duur-kort:0s;--duur-middel:0s}}:root,[data-thema=licht]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kleur-achtergrond:#f4f2ee;--kleur-vlak:#fff;--kleur-vlak-zacht:#eceae5;--kleur-tekst:#1b1b1a;--kleur-tekst-zacht:#4a463f;--kleur-tekst-bijschrift:#5e5a52;--kleur-rand:#cfcbc2;--kleur-rand-zacht:#ddd8ce;--kleur-accent:#163152;--kleur-op-accent:#fff;--kleur-actie:#1b1b1a;--kleur-op-actie:#fff;--kleur-fout:#a3261c;--kleur-op-fout:#fff;--kleur-waarschuwing:#8a4b06;--kleur-link:#163152;--kleur-melding-vlak:#1b1b1a;--kleur-melding-tekst:#fff;--kleur-schaduw:#3b363133;--kleur-scrim:#14141373}[data-thema=station]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kleur-achtergrond:#121212;--kleur-vlak:#1e1e1e;--kleur-vlak-zacht:#171717;--kleur-tekst:#f2f2f2;--kleur-tekst-zacht:#b8b4aa;--kleur-tekst-bijschrift:#b8b4aa;--kleur-rand:#3a3a3a;--kleur-rand-zacht:#2e2e2e;--kleur-accent:#f2f2f2;--kleur-op-accent:#121212;--kleur-actie:#2f6fde;--kleur-op-actie:#fff;--kleur-fout:#ff8a80;--kleur-op-fout:#121212;--kleur-waarschuwing:#f5b041;--kleur-link:#9fc0f5;--kleur-melding-vlak:#f2f2f2;--kleur-melding-tekst:#121212;--kleur-schaduw:#00000073;--kleur-scrim:#0009}*,:before,:after{box-sizing:border-box}html,body{background:var(--kleur-achtergrond);min-height:100%;color:var(--kleur-tekst);font-family:var(--font-tekst);font-size:100%;line-height:var(--regelhoogte-normaal);margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cijfers{font-family:var(--font-cijfers)}.kapitalen{font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);letter-spacing:var(--spatiering-kapitalen);text-transform:uppercase;color:var(--kleur-tekst-bijschrift);margin:0}.knop{min-height:var(--aanraak-min);padding:0 var(--ruimte-4);border-radius:var(--rond-pil);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);color:var(--kleur-tekst);font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet);justify-content:center;align-items:center;gap:var(--ruimte-2);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);display:inline-flex}.knop:active{transform:scale(.97)}.knop:disabled{cursor:not-allowed;color:var(--kleur-tekst-bijschrift)}.knop-actie{background:var(--kleur-actie);color:var(--kleur-op-actie);border-color:var(--kleur-actie);border-radius:var(--rond-xl)}.knop-accent,.knop[aria-current=page],.knop[aria-pressed=true]{background:var(--kleur-accent);color:var(--kleur-op-accent);border-color:var(--kleur-accent)}.knop-stil{color:var(--kleur-link);background:0 0;border-color:#0000}.knop-gevaar{color:var(--kleur-fout);border-color:var(--kleur-fout)}.knop-groot{min-height:var(--aanraak-groot);font-size:var(--tekst-l);padding:0 var(--ruimte-6)}.knop-vierkant{width:var(--aanraak-min);border-radius:var(--rond-m);padding:0}.veld{gap:var(--ruimte-1);flex-direction:column;min-width:0;display:flex}.veld-label{font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);letter-spacing:var(--spatiering-kapitalen);text-transform:uppercase;color:var(--kleur-tekst-bijschrift)}.veld-invoer{min-height:var(--aanraak-min);padding:0 var(--ruimte-3);border:1px solid var(--kleur-rand);border-radius:var(--rond-m);background:var(--kleur-vlak);font-size:var(--tekst-basis);width:100%}.veld-invoer[aria-invalid=true]{border-color:var(--kleur-fout)}.veld-fout{font-size:var(--tekst-s);font-weight:var(--gewicht-halfvet);color:var(--kleur-fout);margin:0}.veld-uitleg{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift);margin:0}.segment{gap:var(--ruimte-1);padding:var(--ruimte-1);border-radius:var(--rond-l);background:var(--kleur-vlak-zacht);display:flex}.segment button{border-radius:var(--rond-m);min-height:36px;font-weight:var(--gewicht-halfvet);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:0;flex:1}.segment button[aria-pressed=true]{background:var(--kleur-vlak);color:var(--kleur-tekst);box-shadow:0 1px 2px var(--kleur-schaduw)}.schakelaar{min-height:var(--aanraak-min);align-items:center;gap:var(--ruimte-3);padding:0 var(--ruimte-4) 0 var(--ruimte-2);border-radius:var(--rond-pil);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);font-weight:var(--gewicht-halfvet);cursor:pointer;display:inline-flex}.schakelaar-baan{border-radius:var(--rond-pil);background:var(--kleur-rand);width:40px;height:24px;position:relative}.schakelaar-knop{border-radius:var(--rond-pil);background:var(--kleur-vlak);width:18px;height:18px;transition:transform var(--duur-kort) var(--curve-uit);position:absolute;top:3px;left:3px}.schakelaar[aria-checked=true] .schakelaar-baan{background:var(--kleur-accent)}.schakelaar[aria-checked=true] .schakelaar-knop{transform:translate(16px)}.vinkje{flex-direction:column;display:flex}.vinkje-label{min-height:var(--aanraak-min);align-items:center;gap:var(--ruimte-3);font-weight:var(--gewicht-halfvet);cursor:pointer;display:flex}.vinkje-vak{width:1.5rem;height:1.5rem;accent-color:var(--kleur-accent);cursor:inherit;flex:none;margin:0}.vinkje-vak:disabled,.schakelaar:disabled,.segment button:disabled,.chip:disabled{opacity:var(--dekking-uit);cursor:not-allowed}.chip{min-height:var(--aanraak-min);padding:0 var(--ruimte-4);border-radius:var(--rond-pil);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);font-size:var(--tekst-m);font-weight:var(--gewicht-medium);cursor:pointer}.chip[aria-pressed=true]{background:var(--kleur-accent);color:var(--kleur-op-accent);border-color:var(--kleur-accent)}.melding{border-radius:var(--rond-l);padding:var(--ruimte-3) var(--ruimte-4);align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.melding p{font-weight:var(--gewicht-halfvet);flex:200px;margin:0}.melding-fout{background:var(--kleur-vlak);border:1px solid var(--kleur-fout);color:var(--kleur-fout)}.bevestiging{min-height:1.4em;font-size:var(--tekst-s);font-weight:var(--gewicht-halfvet);color:var(--kleur-accent);margin:0}.laden{padding:var(--ruimte-4);color:var(--kleur-tekst-bijschrift);margin:0}.paneel{padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-4);background:var(--kleur-vlak);color:var(--kleur-tekst);border-radius:var(--rond-xl) var(--rond-xl) 0 0;border:0;width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0}.paneel::backdrop{background:var(--kleur-scrim)}.paneel-greep{border-radius:var(--rond-pil);background:var(--kleur-rand);width:40px;height:4px;margin:0 auto var(--ruimte-3)}.paneel-titel{margin:0 0 var(--ruimte-3);font-size:var(--tekst-xl);font-weight:var(--gewicht-vet)}.paneel-inhoud{gap:var(--ruimte-3);flex-direction:column;display:flex}.paneel-voet{gap:var(--ruimte-2);margin-top:var(--ruimte-4);justify-content:flex-end;display:flex}@media (width>=768px){.paneel{border-radius:var(--rond-xl);width:min(560px,90vw);margin:auto}.paneel-greep{display:none}}@media (hover:hover){.knop:hover:not(:disabled){border-color:var(--kleur-tekst-zacht)}}.cijferpad{align-items:center;gap:var(--ruimte-4);flex-direction:column;display:flex}.cijferpad-stippen{gap:var(--ruimte-3);height:var(--ruimte-4);align-items:center;display:flex}.cijferpad-stip{width:var(--ruimte-4);height:var(--ruimte-4);border-radius:var(--rond-pil);border:2px solid var(--kleur-tekst-zacht)}.cijferpad-stip-vol{background:var(--kleur-tekst);border-color:var(--kleur-tekst)}.cijferpad-knoppen{grid-template-columns:repeat(3, var(--aanraak-cijfer));gap:var(--ruimte-3);display:grid}.cijferpad-knop{width:var(--aanraak-cijfer);height:var(--aanraak-cijfer);border-radius:var(--rond-pil);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);font-size:var(--tekst-2xl);font-weight:var(--gewicht-halfvet);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit)}.cijferpad-knop:active:not(:disabled){transform:scale(.94)}.cijferpad-knop:disabled{cursor:not-allowed;color:var(--kleur-tekst-bijschrift)}.cijferpad-wissen{font-size:var(--tekst-basis);background:0 0;border-color:#0000}.cijferpad-ok{font-size:var(--tekst-l);background:var(--kleur-actie);border-color:var(--kleur-actie);color:var(--kleur-op-actie)}.cijferpad-ok:disabled{background:var(--kleur-vlak-zacht);border-color:var(--kleur-rand);color:var(--kleur-tekst-bijschrift)}@media (hover:hover){.cijferpad-knop:hover:not(:disabled){border-color:var(--kleur-tekst-zacht)}}.herbevestiging-uitleg{color:var(--kleur-tekst-zacht);text-align:center;margin:0}.herbevestiging-melding{text-align:center;min-height:1.5rem}.herbevestiging-melding p{font-weight:var(--gewicht-halfvet);color:var(--kleur-fout);margin:0}.herbevestiging-annuleren{align-self:center}.manager{flex-direction:column;flex:1;display:flex}.manager-kop{align-items:center;gap:var(--ruimte-3) var(--ruimte-6);padding:var(--ruimte-3) var(--ruimte-4);flex-wrap:wrap;display:flex}.manager-tabs{gap:var(--ruimte-2);display:flex;overflow-x:auto}.manager-tabs .knop{white-space:nowrap;text-decoration:none}@media (width>=768px){.manager-kop{padding:var(--ruimte-4) var(--ruimte-5)}}.lijst-en-formulier{gap:var(--ruimte-4);padding:0 var(--ruimte-4) var(--ruimte-4);flex:1;min-height:0;display:grid}.lijst,.detail{background:var(--kleur-vlak);border:1px solid var(--kleur-rand-zacht);border-radius:var(--rond-xl);padding:var(--ruimte-3);gap:var(--ruimte-2);flex-direction:column;min-width:0;display:flex}.lijst-en-formulier[data-gekozen=true] .lijst,.lijst-en-formulier[data-gekozen=false] .detail{display:none}.lijst ul{gap:var(--ruimte-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lijst-groep{margin-top:var(--ruimte-2)}.lijst-groep h2{margin-bottom:var(--ruimte-1)}.lijst-item{align-items:center;gap:var(--ruimte-2);width:100%;min-height:52px;padding:0 var(--ruimte-3);border-radius:var(--rond-l);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.lijst-item[aria-current=true]{background:var(--zitplaats-bezet-vlak);border-color:var(--regel-verstuurd-rand);color:var(--zitplaats-bezet-tekst)}.lijst-naam{font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet)}.lijst-opties{font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);color:var(--kleur-accent)}.lijst-prijs{font-size:var(--tekst-m);color:var(--kleur-tekst-bijschrift);margin-left:auto}.lijst-item[aria-current=true] .lijst-prijs{color:inherit}.label-op,.label-accent{padding:2px var(--ruimte-2);border-radius:var(--rond-s);font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet)}.label-op{background:var(--regel-wacht-vlak);color:var(--regel-wacht-tekst);border:1px solid var(--regel-wacht-rand)}.label-accent{background:var(--regel-verstuurd-vlak);color:var(--regel-verstuurd-tekst);border:1px solid var(--regel-verstuurd-rand)}.nieuw{margin-top:auto}.leeg{padding:var(--ruimte-4) var(--ruimte-1)}.leeg p{margin:0 0 var(--ruimte-2);color:var(--kleur-tekst-zacht)}.leeg .leeg-titel{font-weight:var(--gewicht-vet);color:var(--kleur-tekst)}.hint{color:var(--kleur-tekst-bijschrift);margin:0}.terug{align-self:flex-start;padding-left:0}.formulier{gap:var(--ruimte-4);flex-direction:column;display:flex}.formulier-kop{align-items:center;gap:var(--ruimte-2) var(--ruimte-3);flex-wrap:wrap;display:flex}.formulier-kop h2{font-size:var(--tekst-xl);font-weight:var(--gewicht-vet);margin:0}.volgorde{align-items:center;gap:var(--ruimte-1);margin-left:auto;display:flex}.volgorde-label{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift)}.label-stil{padding:2px var(--ruimte-2);border-radius:var(--rond-s);font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-zacht);border:1px solid var(--kleur-rand)}.lijst-tekst{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.lijst-bijschrift{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift)}.lijst-item[aria-current=true] .lijst-bijschrift{color:inherit}.lijst-item .label-stil,.lijst-item .label-accent{margin-left:auto}.lijst-pijl{color:var(--kleur-tekst-bijschrift);font-size:var(--tekst-xl)}.lijst-item .lijst-tekst+.lijst-pijl{margin-left:auto}.formulier-velden{gap:var(--ruimte-4);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.formulier-groep{gap:var(--ruimte-1);border:0;flex-direction:column;margin:0;padding:0;display:flex}.formulier-groep legend{margin-bottom:var(--ruimte-1);padding:0}.melding-info{background:var(--kleur-vlak);border:1px solid var(--kleur-accent);color:var(--kleur-accent)}.melding-info a{color:inherit;font-weight:var(--gewicht-halfvet)}.melding-uitleg{background:var(--kleur-vlak-zacht);border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht)}.code-groot{padding:var(--ruimte-4);border-radius:var(--rond-l);background:var(--kleur-vlak-zacht);text-align:center;font-size:var(--tekst-3xl);font-weight:var(--gewicht-vet);letter-spacing:.3em;padding-left:calc(var(--ruimte-4) + .3em);margin:0}.code-blok{align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.code-blok .veld-uitleg{flex:14rem}.chips{gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.formulier-voet{align-items:center;gap:var(--ruimte-3);padding-top:var(--ruimte-3);border-top:1px solid var(--kleur-vlak-zacht);flex-wrap:wrap;display:flex}.naar-rechts{margin-left:auto}.formulier-voet .knop-actie{flex:auto}@media (width>=768px){.lijst-en-formulier{padding:0 var(--ruimte-5) var(--ruimte-5);grid-template-columns:340px minmax(0,1fr)}.lijst-en-formulier[data-gekozen] .lijst,.lijst-en-formulier[data-gekozen] .detail{display:flex}.lijst,.detail{padding:var(--ruimte-4)}.terug,.lijst-pijl{display:none}.formulier-voet .knop-actie{flex:none}}.stations{background:var(--kleur-achtergrond);min-height:0;color:var(--kleur-tekst);flex-direction:column;flex:1;display:flex}.stations-kop{align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-4);border-bottom:1px solid var(--kleur-rand-zacht);flex-wrap:wrap;display:flex}.stations-titel{font-size:var(--tekst-xl);font-weight:var(--gewicht-vet);line-height:var(--regelhoogte-strak);flex:1;margin:0}.stations-open{font-size:var(--tekst-m);font-weight:var(--gewicht-medium);color:var(--kleur-tekst-zacht)}.stations-filters{gap:var(--ruimte-2);padding:var(--ruimte-1);margin:calc(-1 * var(--ruimte-1));flex:100%;display:flex;overflow-x:auto}.stations-filter{min-height:var(--aanraak-station);padding:0 var(--ruimte-3);border-radius:var(--rond-l);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);color:var(--kleur-tekst);align-items:center;gap:var(--ruimte-2);font-size:var(--tekst-basis);font-weight:var(--gewicht-medium);white-space:nowrap;cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);flex-shrink:0;display:inline-flex}.stations-filter[aria-pressed=true]{background:var(--kleur-accent);border-color:var(--kleur-accent);color:var(--kleur-op-accent)}.stations-teller{min-width:1.625rem;height:1.625rem;padding:0 var(--ruimte-2);border-radius:var(--rond-pil);background:var(--kleur-rand);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-halfvet);justify-content:center;align-items:center;display:inline-flex}.stations-filter[aria-pressed=true] .stations-teller{background:var(--kleur-op-accent);color:var(--kleur-accent)}.stations-legenda{gap:var(--ruimte-3);font-size:var(--tekst-s);color:var(--kleur-tekst-zacht);margin:0;padding:0;list-style:none;display:none}.stations-legenda li{white-space:nowrap;align-items:center;gap:var(--ruimte-2);display:flex}.stations-staal{width:var(--staal-maat);height:var(--staal-maat);border-radius:var(--rond-s);border:1px solid var(--kleur-rand)}.stations-staal.is-op-tijd{background:var(--wachttijd-op-tijd-vlak);border-color:var(--bon-vink-rand)}.stations-staal.is-loopt-uit{background:var(--wachttijd-loopt-uit-vlak)}.stations-staal.is-te-laat{background:var(--wachttijd-te-laat-vlak)}.stations-toon{align-items:center;gap:var(--ruimte-2);margin-left:auto;display:flex}.stations-toon-tik{font-size:var(--tekst-s);color:var(--kleur-tekst-zacht);max-width:11rem;line-height:var(--regelhoogte-strak)}.stations-toonknop{min-width:var(--aanraak-station);min-height:var(--aanraak-station);padding:0 var(--ruimte-3);border-radius:var(--rond-l);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);color:var(--kleur-tekst);justify-content:center;align-items:center;gap:var(--ruimte-2);font-size:var(--tekst-m);font-weight:var(--gewicht-medium);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);display:inline-flex}.stations-toonknop svg{flex-shrink:0}.stations-toonknop[aria-checked=false]{color:var(--kleur-tekst-zacht)}.stations-toon-tekst{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stations-alleen-lezen{padding:var(--ruimte-2) var(--ruimte-4);font-size:var(--tekst-m);color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand-zacht);margin:0}.stations-inhoud{flex-direction:column;flex:1;min-height:0;display:flex}.stations-bonnen{gap:var(--ruimte-3);min-height:0;padding:var(--ruimte-3) var(--ruimte-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stations-bonnen:focus-visible{outline-offset:-3px}.stations-leeg{padding:var(--ruimte-8) var(--ruimte-4);text-align:center;margin:auto}.stations-leeg-titel{margin:0 0 var(--ruimte-2);font-size:var(--tekst-l);font-weight:var(--gewicht-halfvet)}.stations-leeg-uitleg{color:var(--kleur-tekst-zacht);margin:0}.bon{background:var(--bon-vlak);color:var(--bon-tekst);border-radius:var(--rond-xl);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.bon-kop{padding:var(--ruimte-2) var(--ruimte-3);gap:var(--ruimte-1);flex-direction:column;display:flex}.bon-kop.is-op-tijd,.bon-kop.is-vervallen{background:var(--wachttijd-op-tijd-vlak);color:var(--wachttijd-op-tijd-tekst)}.bon-kop.is-loopt-uit{background:var(--wachttijd-loopt-uit-vlak);color:var(--wachttijd-loopt-uit-tekst)}.bon-kop.is-te-laat{background:var(--wachttijd-te-laat-vlak);color:var(--wachttijd-te-laat-tekst)}.bon-kop-rij{align-items:center;gap:var(--ruimte-2);display:flex}.bon-titel{min-width:0;font-size:var(--tekst-l);font-weight:var(--gewicht-vet);line-height:var(--regelhoogte-strak);overflow-wrap:anywhere;flex:1;margin:0}.bon-nieuw{padding:2px var(--ruimte-2);border-radius:var(--rond-pil);background:var(--kleur-actie);color:var(--kleur-op-actie);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet)}.bon-tijd{font-size:var(--tekst-l);font-weight:var(--gewicht-halfvet)}.bon-sub{font-size:var(--tekst-s)}.bon-sub-tekst{flex:1;min-width:0}.bon-kop.is-op-tijd .bon-sub,.bon-kop.is-vervallen .bon-sub{color:var(--wachttijd-op-tijd-bijschrift)}.bon-kop.is-loopt-uit .bon-sub{color:var(--wachttijd-loopt-uit-bijschrift)}.bon-kop.is-te-laat .bon-sub{color:var(--wachttijd-te-laat-bijschrift)}.bon-wachttekst{font-weight:var(--gewicht-vet)}.bon-begin{min-height:var(--aanraak-station);margin-top:var(--ruimte-1);border-radius:var(--rond-m);background:var(--bon-vlak);color:var(--bon-tekst);font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);border:0}.bon-stand{font-size:var(--tekst-s);font-weight:var(--gewicht-halfvet);margin:0}.bon-regels{margin:0;padding:0;list-style:none}.bonregel{width:100%;min-height:var(--aanraak-station);padding:var(--ruimte-2) var(--ruimte-3);border:0;border-bottom:1px solid var(--bon-rand);background:var(--bon-vlak);color:var(--bon-tekst);text-align:left;align-items:flex-start;gap:var(--ruimte-3);cursor:pointer;display:flex}.bonregel:disabled{cursor:default}.bonregel.is-vervallen{background:var(--regel-vervallen-vlak);color:var(--regel-vervallen-tekst)}.bonregel-vink{width:var(--vink-maat);height:var(--vink-maat);border-radius:var(--rond-s);border:2px solid var(--bon-vink-rand);color:var(--bon-op-vink);font-size:var(--tekst-basis);font-weight:var(--gewicht-vet);transition:transform var(--duur-kort) var(--curve-uit);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.bonregel.is-klaar .bonregel-vink{background:var(--bon-vink-aan);border-color:var(--bon-vink-aan)}.bonregel.is-vervallen .bonregel-vink{border-style:dashed}.bonregel-aantal{min-width:1.75rem;font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet)}.bonregel-tekst{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.bonregel-naam{font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet)}.bonregel.is-klaar .bonregel-naam,.bonregel.is-vervallen .bonregel-naam{text-decoration:line-through}.bonregel-modifiers{font-size:var(--tekst-s);color:var(--bon-tekst-zacht)}.bonregel-allergie{padding:2px var(--ruimte-2);border-radius:var(--rond-pil);background:var(--allergie-vlak);color:var(--allergie-tekst);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet);margin-top:2px}.bonregel-vervallen{font-size:var(--tekst-s);font-weight:var(--gewicht-vet);color:var(--bon-vervallen-tekst)}.bon-fout{padding:var(--ruimte-2) var(--ruimte-3);font-size:var(--tekst-m);font-weight:var(--gewicht-halfvet);color:var(--bon-vervallen-tekst);margin:0}.bon-voet{padding:var(--ruimte-3)}.bon-wegklikken{width:100%;min-height:var(--aanraak-groot);border-radius:var(--rond-l);border:1px solid var(--bon-knop-rand);background:var(--bon-vlak);color:var(--bon-tekst);font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit)}.bon-wegklikken.is-af{border-color:var(--kleur-actie);background:var(--kleur-actie);color:var(--kleur-op-actie)}.bon-wegklikken:disabled,.bon-begin:disabled{cursor:not-allowed;opacity:var(--dekking-uit)}.stations-filter:active,.stations-toonknop:active,.bon-begin:active,.bon-wegklikken:active:not(:disabled),.zij-terug:active,.zij-balkknop:active{transform:scale(.97)}.bonregel:active:not(:disabled) .bonregel-vink{transform:scale(.9)}.zijbalk{display:none}.zij-deel{background:var(--kleur-vlak);border-radius:var(--rond-xl);padding:var(--ruimte-3) var(--ruimte-4);gap:var(--ruimte-2);flex-direction:column;display:flex}.zij-lijst{gap:var(--ruimte-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.zij-totaal{font-size:var(--tekst-basis)}.zij-aantal{min-width:1.75rem;font-weight:var(--gewicht-halfvet);display:inline-block}.zij-item,.zij-weg-tekst{font-size:var(--tekst-basis);flex-direction:column;display:flex}.zij-bijschrift{font-size:var(--tekst-m);color:var(--kleur-tekst-zacht)}.zij-weg{align-items:center;gap:var(--ruimte-2);display:flex}.zij-weg-tekst{flex:1;min-width:0}.zij-terug{min-height:var(--aanraak-station);padding:0 var(--ruimte-3);border-radius:var(--rond-m);border:1px solid var(--kleur-rand);background:var(--kleur-rand-zacht);color:var(--kleur-tekst);font-size:var(--tekst-m);font-weight:var(--gewicht-medium);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit)}.zij-leeg{font-size:var(--tekst-m);color:var(--kleur-tekst-zacht);margin:0}.zijbalk-telefoon{border-top:1px solid var(--kleur-rand-zacht);background:var(--kleur-vlak);flex-shrink:0;display:flex}.zij-balkknop{min-height:var(--aanraak-groot);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-medium);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.zij-balkknop b{font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet)}.zij-balkknop[aria-expanded=true]{background:var(--kleur-rand-zacht)}.zij-sluiten{min-height:var(--aanraak-station);border-radius:var(--rond-l);flex:1}@media (width>=768px){.stations-kop{min-height:var(--stations-kop-hoogte);flex-wrap:nowrap}.stations-filters{flex:1 1 0;min-width:0}.stations-legenda{margin-left:auto;display:flex}.stations-toon{margin-left:0}.stations-titel{flex:0 auto}.stations-toon-tekst{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.stations-inhoud{flex-direction:row}.stations-bonnen{flex-direction:row;align-items:flex-start;min-width:0;overflow:auto hidden}.stations-bonnen>.bon{width:var(--bon-breedte);max-height:100%;overflow-y:auto}.zijbalk{width:var(--zijbalk-breedte);padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-3) 0;gap:var(--ruimte-3);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.zijbalk-telefoon{display:none}}@media (hover:hover){.stations-filter:hover:not([aria-pressed=true]),.stations-toonknop:hover,.zij-terug:hover{border-color:var(--kleur-tekst-zacht)}.bonregel:hover:not(:disabled){background:var(--bon-regel-open)}}.plattegrond-vak{width:100%;min-height:0;overflow:auto}.plattegrond-vak[data-vast=true]{height:100%}.plattegrond{background-color:var(--vloer-binnen);background-image:linear-gradient(var(--raster-lijn) 1px, transparent 1px), linear-gradient(90deg, var(--raster-lijn) 1px, transparent 1px);background-size:var(--cel) var(--cel);outline:4px solid var(--vloer-binnen-rand);margin:4px;position:relative}.plattegrond-buiten{background-color:var(--vloer-buiten);outline:2px dashed var(--vloer-buiten-rand)}.element{font:inherit;font-weight:var(--gewicht-vet);color:var(--tafel-tekst);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}button.element{cursor:pointer}.element-tekst{font-size:max(11px, calc(var(--cel) * .5));flex-direction:column;align-items:center;line-height:1;display:flex;position:relative}.tafelblad{inset:calc(var(--cel) * .3);background:var(--tafel-vlak);border:2px solid var(--tafel-rand);border-radius:calc(var(--cel) * .25);position:absolute}.element-rond .tafelblad{border-radius:50%}.stoel{background:var(--stoel);border-radius:3px;position:absolute}.element-barkruk{background:var(--barkruk-vlak);color:var(--barkruk-tekst);border-radius:50%;inset:auto}.element-barkruk .element-tekst{font-size:max(10px, calc(var(--cel) * .38))}.element-bar{background:var(--inrichting-bar);color:var(--inrichting-op-donker);writing-mode:vertical-rl;border-radius:8px}.element-keuken,.element-muur{background:var(--inrichting-donker);color:var(--inrichting-op-donker);border-radius:6px}.element-bar .element-tekst,.element-keuken .element-tekst,.element-ingang .element-tekst,.element-gangpad .element-tekst,.element-stoep .element-tekst{font-size:max(10px, calc(var(--cel) * .38));font-weight:var(--gewicht-halfvet);letter-spacing:.04em}.element-plant{background:var(--inrichting-plant);border:2px solid var(--inrichting-plant-rand);border-radius:50%}.element-plantenbak{background:var(--inrichting-plant);border:2px solid var(--inrichting-plant-rand);border-radius:6px}.element-raam{background:var(--inrichting-raam);border:2px solid var(--inrichting-raam-rand)}.element-ingang{background:var(--tafel-vlak);border:2px solid var(--inrichting-donker);color:var(--inrichting-donker);border-radius:4px}.element-gangpad{background:var(--inrichting-gangpad);border:2px dashed var(--inrichting-gangpad-rand);color:var(--inrichting-gangpad-tekst);border-radius:6px}.element-stoep{background:var(--inrichting-stoep);color:var(--inrichting-stoep-tekst)}.element-geselecteerd{outline:3px solid var(--selectie);outline-offset:2px;z-index:2}.element-gemarkeerd .tafelblad,.element-gemarkeerd.element-barkruk{background:var(--wachttijd-te-laat-vlak);border-color:var(--kleur-fout)}.element-gemarkeerd .element-tekst{color:var(--wachttijd-te-laat-tekst)}.element-sub{font-size:max(.625rem, calc(var(--cel) * .36));font-weight:var(--gewicht-medium);line-height:var(--regelhoogte-strak);white-space:nowrap}.element-status-vrij .tafelblad{background:var(--zitplaats-vrij-vlak);border-color:var(--zitplaats-vrij-rand)}.element-status-bezet .tafelblad{background:var(--zitplaats-bezet-vlak);border-color:var(--zitplaats-bezet-rand)}.element-status-klaar .tafelblad{background:var(--zitplaats-klaar-vlak);border-color:var(--zitplaats-klaar-rand)}.element-status-vrij .element-tekst{color:var(--zitplaats-vrij-tekst)}.element-status-bezet .element-tekst{color:var(--zitplaats-bezet-tekst)}.element-status-klaar .element-tekst{color:var(--zitplaats-klaar-tekst)}.element-barkruk.element-status-vrij{background:var(--zitplaats-vrij-vlak);box-shadow:inset 0 0 0 2px var(--zitplaats-vrij-rand)}.element-barkruk.element-status-bezet{background:var(--zitplaats-bezet-vlak);box-shadow:inset 0 0 0 2px var(--zitplaats-bezet-rand)}.element-barkruk.element-status-klaar{background:var(--zitplaats-klaar-vlak);box-shadow:inset 0 0 0 2px var(--zitplaats-klaar-rand)}.stoel-bezet{background:var(--zitplaats-bezet-rand)}.element-uit .tafelblad,.element-uit .stoel{opacity:var(--dekking-uit)}.element-kiesbaar .tafelblad,.element-kiesbaar.element-barkruk{border-style:dashed;border-color:var(--kleur-accent)}button.element:active{transform:scale(.97)}@media (hover:hover){button.element:hover .tafelblad{border-color:var(--kleur-accent)}}.menuknop{width:var(--aanraak-min);height:var(--aanraak-min);border-radius:var(--rond-m);color:var(--kleur-tekst-zacht);font-size:var(--tekst-xl);font-weight:var(--gewicht-halfvet);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);background:0 0;border:0;flex:none;line-height:1}.menuknop:active{transform:scale(.94)}.menuknop[aria-expanded=true]{background:var(--kleur-vlak-zacht)}.keuzemenu{z-index:20;width:var(--menu-breedte);max-width:calc(100vw - var(--ruimte-4));padding:var(--ruimte-1);background:var(--kleur-vlak);color:var(--kleur-tekst);border:1px solid var(--kleur-rand-zacht);border-radius:var(--rond-l);box-shadow:0 10px 28px var(--kleur-schaduw);flex-direction:column;display:flex;position:fixed}.keuzemenu-kop{padding:var(--ruimte-2) var(--ruimte-3) var(--ruimte-1)}.keuzemenu-item{min-height:var(--aanraak-min);justify-content:center;gap:var(--ruimte-1);padding:var(--ruimte-1) var(--ruimte-3);border-radius:var(--rond-s);text-align:left;font-size:var(--tekst-basis);cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.keuzemenu-item[aria-checked=true]{font-weight:var(--gewicht-halfvet);background:var(--kleur-vlak-zacht)}.keuzemenu-item:active{background:var(--kleur-vlak-zacht)}.keuzemenu-item-gevaar{color:var(--kleur-fout)}.keuzemenu-item[aria-disabled=true]{cursor:not-allowed;color:var(--kleur-tekst-bijschrift)}.keuzemenu-uitleg{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift)}@media (hover:hover){.keuzemenu-item:hover:not([aria-disabled=true]){background:var(--kleur-vlak-zacht)}}.wijk{flex:1;min-height:0;display:flex}.wijk-links{flex:1;min-width:0;overflow-y:auto}.wijk-paneel{width:var(--paneel-breedte);background:var(--kleur-vlak);border-left:1px solid var(--kleur-rand-zacht);flex-direction:column;flex:none;min-height:0;display:flex}.wijk-paneel-inhoud{flex-direction:column;flex:1;min-height:0;display:flex}.wijk-paneel-leeg{padding:var(--ruimte-8) var(--ruimte-6);align-items:flex-start;gap:var(--ruimte-2);color:var(--kleur-tekst-zacht);flex-direction:column;display:flex}.wijk-paneel-leeg h2{font-size:var(--tekst-xl);color:var(--kleur-tekst);margin:0}.wijk-paneel-leeg p{margin:0}@media (width<=767px){.wijk-paneel{border-left:0;width:100%}.wijk[data-paneel=open] .wijk-links,.wijk:not([data-paneel=open]) .wijk-paneel{display:none}}.wijk-kolom{gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-4);flex-direction:column;display:flex;position:relative}.wijk-ruimtes{gap:var(--ruimte-1);flex-wrap:wrap;display:flex}.wijk-ruimte{min-height:var(--aanraak-min);align-items:center;gap:var(--ruimte-2);padding:0 var(--ruimte-3);border-radius:var(--rond-m);color:var(--kleur-tekst-zacht);font-size:var(--tekst-m);font-weight:var(--gewicht-medium);cursor:pointer;background:0 0;border:1px solid #0000;display:inline-flex}.wijk-ruimte[aria-pressed=true]{background:var(--kleur-vlak);border-color:var(--kleur-rand);color:var(--kleur-tekst)}.wijk-ruimte-aantal{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift)}.wijk-plan{width:100%;max-width:30rem;margin:0 auto}.wijk-kiesbalk{align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-2) var(--ruimte-2) var(--ruimte-4);border-radius:var(--rond-l);background:var(--kleur-accent);color:var(--kleur-op-accent);font-weight:var(--gewicht-medium);box-shadow:0 6px 20px var(--kleur-schaduw);display:flex}.wijk-kiesbalk>span{flex:1}.wijk-legenda{justify-content:center;gap:var(--ruimte-1) var(--ruimte-4);font-size:var(--tekst-s);color:var(--kleur-tekst-zacht);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wijk-legenda li{align-items:center;gap:var(--ruimte-2);display:flex}.wijk-legenda-vlak{border:2px solid;border-radius:4px;width:.75rem;height:.75rem}.wijk-legenda-vlak[data-status=vrij]{background:var(--zitplaats-vrij-vlak);border-color:var(--zitplaats-vrij-rand)}.wijk-legenda-vlak[data-status=bezet]{background:var(--zitplaats-bezet-vlak);border-color:var(--zitplaats-bezet-rand)}.wijk-legenda-vlak[data-status=klaar]{background:var(--zitplaats-klaar-vlak);border-color:var(--zitplaats-klaar-rand)}.wijk-lijsten{gap:var(--ruimte-3);flex-direction:column;display:flex}@media (width>=768px){.wijk-lijsten{flex-direction:row;align-items:flex-start}}.wijk-kaart{gap:var(--ruimte-2);min-width:0;padding:var(--ruimte-3);background:var(--kleur-vlak);border:1px solid var(--kleur-rand-zacht);border-radius:var(--rond-l);flex-direction:column;flex:1;display:flex}.wijk-kaart h2{margin:0}.wijk-kaart-leeg{font-size:var(--tekst-m);color:var(--kleur-tekst-bijschrift);margin:0}.wijk-kaart-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wijk-kaart-rij{align-items:center;gap:var(--ruimte-2);min-height:var(--aanraak-min);font-size:var(--tekst-m);display:flex}.wijk-kaart-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.wijk-kaart-rij .wijk-kaart-tekst{display:block}.wijk-naam-rij{width:100%;min-height:var(--aanraak-min);align-items:center;gap:var(--ruimte-2);text-align:left;font-size:var(--tekst-m);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.wijk-naam-rij:active{background:var(--kleur-vlak-zacht)}.wijk-leeg{padding:var(--ruimte-3) var(--ruimte-4);color:var(--kleur-tekst-bijschrift);margin:0}.wijk-paneel-kop{align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-2) 0 var(--ruimte-4);flex-wrap:wrap;display:flex}.wijk-terug{min-height:var(--aanraak-min);margin-left:calc(-1 * var(--ruimte-2));padding:0 var(--ruimte-2);color:var(--kleur-link);font-size:var(--tekst-basis);font-weight:var(--gewicht-medium);text-align:left;cursor:pointer;background:0 0;border:0;flex-basis:100%;align-items:center;display:none}@media (width<=767px){.wijk-terug{display:inline-flex}}.wijk-paneel-titel{flex-direction:column;flex:1;min-width:8rem;display:flex}.wijk-paneel-titel h2{font-size:var(--tekst-xl);font-weight:var(--gewicht-vet);line-height:var(--regelhoogte-strak);overflow-wrap:anywhere;margin:0}.wijk-paneel-sub{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift)}.wijk-gasten{align-items:center;gap:var(--ruimte-1);display:flex}.wijk-gasten-aantal{min-width:var(--aanraak-min);font-size:var(--tekst-xs);line-height:var(--regelhoogte-strak);color:var(--kleur-tekst-bijschrift);flex-direction:column;align-items:center;display:flex}.wijk-gasten-aantal b{font-size:var(--tekst-l);color:var(--kleur-tekst)}.wijk-rond{width:var(--aanraak-min);height:var(--aanraak-min);border:1px solid var(--kleur-rand);border-radius:var(--rond-pil);background:var(--kleur-vlak);font-size:var(--tekst-xl);font-weight:var(--gewicht-halfvet);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);flex:none;padding:0;line-height:1;position:relative}.wijk-rond:active:not(:disabled){transform:scale(.94)}.wijk-rond:disabled{opacity:var(--dekking-uit);cursor:not-allowed}.wijk-rond-klein{width:2.25rem;height:2.25rem;font-size:var(--tekst-basis)}.wijk-rond-klein:after{content:"";inset:calc((var(--aanraak-min) - 2.25rem) / -2);position:absolute}.wijk-tabs{margin-top:var(--ruimte-2);padding:0 var(--ruimte-2);border-bottom:1px solid var(--kleur-rand-zacht);display:flex}.wijk-tab{min-height:var(--aanraak-min);color:var(--kleur-tekst-bijschrift);font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1}.wijk-tab[aria-selected=true]{color:var(--kleur-accent);border-bottom-color:var(--kleur-accent)}.wijk-tab:disabled{opacity:var(--dekking-uit);cursor:not-allowed}.wijk-bericht{margin:var(--ruimte-2) var(--ruimte-4) 0;padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--rond-m);background:var(--kleur-melding-vlak);color:var(--kleur-melding-tekst);font-size:var(--tekst-m);font-weight:var(--gewicht-medium)}.wijk-bericht:empty{height:0;margin:0;padding:0;overflow:hidden}.wijk-tabinhoud{flex-direction:column;flex:1;min-height:0;display:flex}.wijk-tabinhoud>.melding{margin:var(--ruimte-3) var(--ruimte-4) 0}.wijk-bestellen{flex-direction:column;flex:1;min-height:0;display:flex}.wijk-bestellen-keuze{flex:1;min-height:0;overflow-y:auto}.wijk-categorieen{gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-2);display:flex;overflow-x:auto}@media (width>=768px){.wijk-categorieen{flex-wrap:wrap;overflow-x:visible}}.wijk-categorieen .chip{flex:none}.wijk-producten{padding:0 var(--ruimte-4) var(--ruimte-3);gap:var(--ruimte-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}@media (width>=768px){.wijk-producten{grid-template-columns:repeat(3,minmax(0,1fr))}}.wijk-product{justify-content:space-between;gap:var(--ruimte-1);width:100%;height:100%;min-height:4.5rem;padding:var(--ruimte-3) var(--ruimte-2) var(--ruimte-2) var(--ruimte-3);border:1px solid var(--kleur-rand-zacht);border-radius:var(--rond-l);background:var(--kleur-vlak);text-align:left;cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);flex-direction:column;display:flex}.wijk-product:active:not(:disabled){transform:scale(.97)}.wijk-product:disabled{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-bijschrift);cursor:not-allowed}.wijk-product-naam{font-size:var(--tekst-m);font-weight:var(--gewicht-halfvet);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.wijk-product-prijs{font-size:var(--tekst-s);color:var(--kleur-tekst-zacht)}.wijk-product:disabled .wijk-product-prijs{font-weight:var(--gewicht-halfvet)}@media (hover:hover){.wijk-product:hover:not(:disabled){border-color:var(--kleur-rand)}}.wijk-concept{gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-4);border-top:1px solid var(--kleur-rand-zacht);background:var(--kleur-achtergrond);flex-direction:column;display:flex}.wijk-concept h3{margin:0}.wijk-concept-leeg,.wijk-concept-uitleg{padding:var(--ruimte-1) 0;font-size:var(--tekst-m);color:var(--kleur-tekst-bijschrift);margin:0}.wijk-concept-lijst{gap:var(--ruimte-1);flex-direction:column;max-height:30dvh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.wijk-concept-regel{align-items:center;gap:var(--ruimte-2);min-height:var(--aanraak-min);display:flex}.wijk-concept-regel[data-op=true] .wijk-regel-naam{color:var(--kleur-fout)}.wijk-aantal{text-align:center;min-width:1.5rem;font-weight:var(--gewicht-medium)}.wijk-regel-tekst{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.wijk-regel-naam{font-size:var(--tekst-m);font-weight:var(--gewicht-halfvet);overflow-wrap:anywhere}.wijk-regel-sub{font-size:var(--tekst-xs);color:var(--kleur-tekst-bijschrift)}.wijk-regel-fout{font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);color:var(--kleur-fout)}.wijk-verstuur{width:100%}.wijk-concept .schakelaar{align-self:flex-start}.wijk-pil{padding:.125rem var(--ruimte-2);border:1px solid var(--regel-wacht-rand);border-radius:var(--rond-pil);background:var(--regel-wacht-vlak);color:var(--regel-wacht-tekst);font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);white-space:nowrap;flex:none}.wijk-status{margin-top:var(--ruimte-1)}.wijk-status[data-status=nietVerstuurd]{border-style:dashed}.wijk-status[data-status=verstuurd]{background:var(--regel-verstuurd-vlak);color:var(--regel-verstuurd-tekst);border-color:var(--regel-verstuurd-rand)}.wijk-status[data-status=in_bereiding]{background:var(--regel-in-bereiding-vlak);color:var(--regel-in-bereiding-tekst);border-color:var(--regel-in-bereiding-rand)}.wijk-status[data-status=klaar]{background:var(--regel-klaar-vlak);color:var(--regel-klaar-tekst);border-color:var(--regel-klaar-rand)}.wijk-status[data-status=geserveerd]{background:var(--regel-geserveerd-vlak);color:var(--regel-geserveerd-tekst);border-color:var(--regel-geserveerd-rand)}.wijk-status[data-status=vervallen]{background:var(--regel-vervallen-vlak);color:var(--regel-vervallen-tekst);border-color:var(--regel-vervallen-rand);border-style:dashed}.wijk-pil-allergie{background:var(--status-verbinden-vlak);color:var(--status-verbinden-tekst);border-color:var(--zitplaats-klaar-rand);margin-left:auto}.wijk-rekening{flex-direction:column;flex:1;min-height:0;display:flex}.wijk-rekening-lijst{min-height:0;padding:var(--ruimte-3) var(--ruimte-4);gap:var(--ruimte-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wijk-gang{gap:var(--ruimte-1);flex-direction:column;display:flex}.wijk-gang-kop{align-items:center;gap:var(--ruimte-2);min-height:2rem;display:flex}.wijk-gang-kop h3{flex:1;margin:0}.wijk-rekening-regels{margin:0;padding:0;list-style:none}.wijk-rekening-regel{align-items:center;gap:var(--ruimte-2);min-height:3rem;padding:var(--ruimte-1) 0;border-bottom:1px solid var(--kleur-rand-zacht);display:flex}.wijk-rekening-regel .wijk-aantal{text-align:left;min-width:2rem}.wijk-regel-bedrag{font-size:var(--tekst-s);color:var(--kleur-tekst-zacht);white-space:nowrap}.wijk-uitgeserveerd{padding:0 var(--ruimte-3);border-radius:var(--rond-l);font-size:var(--tekst-m);flex:none}.wijk-tegenregel .wijk-regel-naam{color:var(--kleur-tekst-bijschrift);text-decoration:line-through}.wijk-tegenregel .wijk-aantal{color:var(--kleur-fout)}.wijk-totaal{padding:var(--ruimte-3) var(--ruimte-4);border-top:1px solid var(--kleur-rand-zacht);background:var(--kleur-achtergrond);justify-content:space-between;align-items:baseline;display:flex}.wijk-totaal-label{font-weight:var(--gewicht-halfvet)}.wijk-totaal-bedrag{font-size:var(--tekst-xl);font-weight:var(--gewicht-medium)}.wijk-keuze-prijs{color:var(--kleur-tekst-zacht);margin:0}.wijk-keuze-groep,.wijk-storno-reden{gap:var(--ruimte-1);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.wijk-keuze-groep legend,.wijk-storno-reden legend{margin-bottom:var(--ruimte-1);padding:0}.wijk-keuze-rij{align-items:center;gap:var(--ruimte-3);min-height:var(--aanraak-min);padding:0 var(--ruimte-3);border:1px solid var(--kleur-rand-zacht);border-radius:var(--rond-m);font-size:var(--tekst-basis);cursor:pointer;display:flex}.wijk-keuze-rij[data-aan=true]{border-color:var(--kleur-accent);box-shadow:inset 0 0 0 1px var(--kleur-accent)}.wijk-keuze-rij input{width:1.25rem;height:1.25rem;accent-color:var(--kleur-accent);flex:none;margin:0}.wijk-keuze-naam{overflow-wrap:anywhere;flex:1;min-width:0}.wijk-keuze-bijschrift{font-size:var(--tekst-xs);color:var(--kleur-tekst-bijschrift)}.wijk-storno-aantal{align-items:center;gap:var(--ruimte-3);display:flex}.wijk-storno-aantal>span{flex:1}.wijk-storno-getal{text-align:center;min-width:1.5rem;font-size:var(--tekst-l);font-weight:var(--gewicht-medium)}@media (width>=768px){.wijk-storno-reden{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wijk-storno-reden legend{grid-column:1/-1}}.wijk-storno-uitleg{padding:var(--ruimte-3);border-radius:var(--rond-m);background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-zacht);font-size:var(--tekst-m);margin:0}.wijk-voet-annuleren{flex:1}.wijk-voet-actie{flex:2}.wijk-rekening-acties{padding:var(--ruimte-3) var(--ruimte-4);background:var(--kleur-achtergrond);flex-direction:column;display:flex}.wijk-afrekenen-terug{min-height:var(--aanraak-min);margin-left:calc(-1 * var(--ruimte-2));padding:0 var(--ruimte-2);color:var(--kleur-link);font-size:var(--tekst-basis);font-weight:var(--gewicht-medium);cursor:pointer;background:0 0;border:0;flex-basis:100%;align-items:center;display:inline-flex}.wijk-afrekenen-terug:active{transform:scale(.97)}.wijk-afrekenen-inhoud{min-height:0;padding:var(--ruimte-3) var(--ruimte-4);gap:var(--ruimte-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.wijk-afrekenen-voet{gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);border-top:1px solid var(--kleur-rand-zacht);background:var(--kleur-achtergrond);display:flex}.wijk-afrekenen-voet .knop{flex:1}.wijk-afrekenen-bedrag{justify-content:space-between;align-items:baseline;gap:var(--ruimte-2);display:flex}.wijk-afrekenen-bedrag b{font-size:var(--tekst-3xl);font-weight:var(--gewicht-vet)}.wijk-afrekenen-btw,.wijk-afrekenen-betalingen,.kassabon-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wijk-afrekenen-btw li,.kassabon-lijst li,.kassabon-rij{justify-content:space-between;gap:var(--ruimte-2);font-size:var(--tekst-m);color:var(--kleur-tekst-zacht);display:flex}.wijk-afrekenen-groep h3{margin:0 0 var(--ruimte-1)}.wijk-afrekenen-betaling{align-items:center;gap:var(--ruimte-2);min-height:var(--aanraak-min);border-bottom:1px solid var(--kleur-rand-zacht);display:flex}.wijk-afrekenen-betaling[data-status=geannuleerd] .wijk-kaart-tekst,.wijk-afrekenen-betaling[data-status=geannuleerd] .wijk-afrekenen-som{color:var(--kleur-tekst-bijschrift);text-decoration:line-through}.wijk-opties{gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.wijk-afrekenen-wissel,.wijk-afrekenen-voldaan{font-size:var(--tekst-l);font-weight:var(--gewicht-halfvet);margin:0}.kassabon{gap:var(--ruimte-3);padding:var(--ruimte-4);border:1px solid var(--kleur-rand-zacht);border-radius:var(--rond-m);background:var(--kleur-vlak);color:var(--kleur-tekst);flex-direction:column;display:flex}.kassabon-kop{text-align:center;font-size:var(--tekst-m);flex-direction:column;align-items:center;display:flex}.kassabon-lijst{gap:var(--ruimte-1);padding-top:var(--ruimte-2);border-top:1px dashed var(--kleur-rand)}.kassabon-lijst li{color:var(--kleur-tekst)}.kassabon-lijst li[data-storno=true]{color:var(--kleur-fout)}.kassabon-totaal{font-size:var(--tekst-l);color:var(--kleur-tekst);margin:0}@media print{body *{visibility:hidden}.kassabon,.kassabon *{visibility:visible}.kassabon{border:0;width:100%;position:absolute;inset:0 auto auto 0}}.toegang{min-height:100dvh;padding:var(--ruimte-4);justify-content:center;align-items:center;display:flex}.toegang-kaart{gap:var(--ruimte-4);flex-direction:column;width:min(420px,100%);display:flex}.toegang-titel{font-size:var(--tekst-2xl);font-weight:var(--gewicht-vet);line-height:var(--regelhoogte-strak);margin:0}.toegang-uitleg{color:var(--kleur-tekst-zacht);margin:0}.code-kaart{text-align:center;align-items:center;gap:var(--ruimte-3)}.code-kop{gap:var(--ruimte-1);flex-direction:column;min-height:3rem;display:flex}.code-apparaat{font-weight:var(--gewicht-halfvet);color:var(--kleur-tekst-zacht);margin:0}.code-melding{flex-direction:column;justify-content:center;min-height:3.5rem;display:flex}.code-fout{font-weight:var(--gewicht-halfvet);color:var(--kleur-fout);margin:0}@media (width>=768px){.toegang-titel{font-size:var(--tekst-3xl)}}.code-kop p{min-height:1.4em}.moduskeuze{width:min(960px,100%);padding:var(--ruimte-6) var(--ruimte-4);gap:var(--ruimte-3);flex-direction:column;margin:0 auto;display:flex}.moduskeuze-titel{font-size:var(--tekst-2xl);font-weight:var(--gewicht-vet);line-height:var(--regelhoogte-strak);margin:0}.moduskeuze-vraag{margin:0 0 var(--ruimte-3);font-size:var(--tekst-l);color:var(--kleur-tekst-zacht)}.moduskeuze-raster{gap:var(--ruimte-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.modus-tegel{width:100%;min-height:var(--aanraak-cijfer);height:100%;padding:var(--ruimte-4);justify-content:center;align-items:flex-start;gap:var(--ruimte-1);text-align:left;border-radius:var(--rond-xl);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);flex-direction:column;display:flex}.modus-tegel:active:not(:disabled){transform:scale(.98)}.modus-tegel[data-laatste]{border-color:var(--kleur-accent);box-shadow:0 0 0 2px var(--kleur-accent)}.modus-tegel-naam{font-size:var(--tekst-xl);font-weight:var(--gewicht-vet)}.modus-tegel-uitleg{font-size:var(--tekst-m);color:var(--kleur-tekst-zacht)}.modus-tegel-laatste{margin-top:var(--ruimte-1);font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);letter-spacing:var(--spatiering-kapitalen);text-transform:uppercase;color:var(--kleur-accent)}@media (width>=768px){.moduskeuze{padding:var(--ruimte-10) var(--ruimte-6)}.moduskeuze-titel{font-size:var(--tekst-3xl)}.moduskeuze-raster{grid-template-columns:repeat(3,minmax(0,1fr))}.modus-tegel{min-height:var(--tegel-hoogte)}}@media (hover:hover){.modus-tegel:hover:not(:disabled){border-color:var(--kleur-tekst-zacht)}}.schil{flex-direction:column;height:100dvh;display:flex}.werkgebied{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.balk{align-items:center;column-gap:var(--ruimte-3);padding:0 var(--ruimte-4);background:var(--kleur-vlak);border-bottom:1px solid var(--kleur-rand);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"links gebruiker""status status""tabs tabs";display:grid}.balk-links{min-height:var(--balk-hoogte);align-items:center;gap:var(--ruimte-2);grid-area:links;min-width:0;display:flex}.balk-naam{flex-direction:column;justify-content:center;min-width:0;display:flex}.balk-zaak,.balk-apparaat,.balk-terug{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.balk-zaak{font-weight:var(--gewicht-vet);line-height:var(--regelhoogte-strak)}.balk-apparaat{font-size:var(--tekst-s);color:var(--kleur-tekst-bijschrift);display:none}.balk-terug{min-height:var(--aanraak-min);font-weight:var(--gewicht-halfvet);color:var(--kleur-link);align-items:center;text-decoration:none;display:inline-flex}.balk-tabs{gap:var(--ruimte-2);padding-bottom:var(--ruimte-2);grid-area:tabs;display:flex;overflow-x:auto}.balk-tab{white-space:nowrap;flex:none}.balk-nieuw{height:1.375rem;padding:0 var(--ruimte-2);border-radius:var(--rond-pil);background:var(--badge-nieuw-vlak);color:var(--badge-nieuw-tekst);font-size:var(--tekst-xs);font-weight:var(--gewicht-halfvet);align-items:center;line-height:1;display:inline-flex}.balk-status{margin:0 calc(-1 * var(--ruimte-4));grid-area:status}.status-pil{align-items:center;gap:var(--ruimte-2);min-height:var(--pil-hoogte);padding:0 var(--ruimte-4);font-size:var(--tekst-m);font-weight:var(--gewicht-medium);display:flex}.status-pil-stil{display:contents}.status-pil-stil .status-stip-pil{display:none}.balk-status[data-weergave=verbinden] .status-pil{background:var(--status-verbinden-vlak);color:var(--status-verbinden-tekst)}.balk-status[data-weergave=offline] .status-pil{background:var(--status-offline-vlak);color:var(--status-offline-tekst)}.balk-status[data-weergave=wachten] .status-pil{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.status-stip{width:var(--stip-grootte);height:var(--stip-grootte);border-radius:var(--rond-pil);background:var(--status-offline);flex:none}.status-stip-naam[data-weergave=online],.balk-status[data-weergave=online] .status-stip-pil{background:var(--status-online)}.status-stip-naam[data-weergave=verbinden],.status-stip-naam[data-weergave=wachten]{background:var(--status-verbinden)}.balk-status[data-weergave=verbinden] .status-stip-pil{border:2px solid var(--status-verbinden);background:0 0;border-right-color:#0000}.balk-status[data-weergave=offline] .status-stip-pil{background:var(--status-offline-tekst);opacity:.5}.balk-status[data-weergave=wachten] .status-stip-pil{background:var(--kleur-accent)}@media (prefers-reduced-motion:no-preference){.balk-status[data-weergave=verbinden] .status-stip-pil{animation:1s linear infinite status-draai}}@keyframes status-draai{to{transform:rotate(360deg)}}.balk-gebruiker{min-height:var(--aanraak-min);min-width:var(--aanraak-min);border:1px solid var(--kleur-rand);border-radius:var(--rond-pil);background:var(--kleur-vlak);font-weight:var(--gewicht-halfvet);cursor:pointer;transition:transform var(--duur-kort) var(--curve-uit);grid-area:gebruiker;padding:0}.balk-gebruiker:active{transform:scale(.97)}.balk-gebruiker-tekst{padding:0 var(--ruimte-4);white-space:nowrap;display:none}.balk-initiaal{width:calc(var(--aanraak-min) - 2px);height:calc(var(--aanraak-min) - 2px);border-radius:var(--rond-pil);background:var(--kleur-accent);color:var(--kleur-op-accent);justify-content:center;align-items:center;display:inline-flex}.schil>.melding{margin:var(--ruimte-3) var(--ruimte-4) 0}@media (width>=768px){.balk{grid-template-columns:fit-content(14rem) minmax(0,1fr) auto;grid-template-areas:"links tabs gebruiker""status status status";grid-template-rows:var(--balk-hoogte);padding:0 var(--ruimte-5)}.balk-status{margin:0 calc(-1 * var(--ruimte-5))}.balk-tabs{justify-self:end;max-width:100%;padding-bottom:0}.balk-apparaat{display:block}.balk-zaak{font-size:var(--tekst-m)}.balk-gebruiker-tekst{display:inline}.balk-initiaal{display:none}}@media (width>=1280px){.balk{height:var(--balk-hoogte);grid-template-rows:none;grid-template-columns:fit-content(14rem) minmax(0,1fr) minmax(0,auto) auto;grid-template-areas:"links status tabs gebruiker"}.balk-status{justify-content:center;min-width:0;margin:0;display:flex}.status-stip-naam{display:none}.status-pil{min-height:var(--pil-hoogte-compact);padding:0 var(--ruimte-4);border-radius:var(--rond-pil)}.balk-status[data-weergave=offline] .status-pil{border:1px solid var(--kleur-rand)}.status-pil-stil{padding:0 var(--ruimte-3);display:flex}.status-pil-stil .status-stip-pil{display:block}.balk-tabs{justify-self:end}}.gebruikersmenu{padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-4);background:var(--kleur-vlak);color:var(--kleur-tekst);border-radius:var(--rond-xl) var(--rond-xl) 0 0;width:100%;max-width:100%;max-height:90dvh;animation:menu-onder var(--duur-middel) var(--curve-uit);border:0;margin:auto 0 0}.gebruikersmenu::backdrop{background:var(--kleur-scrim)}.gebruikersmenu-greep{width:2.5rem;height:var(--ruimte-1);border-radius:var(--rond-pil);background:var(--kleur-rand);margin:0 auto var(--ruimte-3)}.gebruikersmenu-naam{margin:0 0 var(--ruimte-3);font-weight:var(--gewicht-vet);font-size:var(--tekst-l)}.gebruikersmenu-groep{padding-top:var(--ruimte-2);border-top:1px solid var(--kleur-rand-zacht);flex-direction:column;display:flex}.gebruikersmenu-groep+.gebruikersmenu-groep{margin-top:var(--ruimte-2)}.gebruikersmenu-groep .kapitalen{padding:var(--ruimte-1) var(--ruimte-3)}.gebruikersmenu-item{min-height:var(--aanraak-min);padding:0 var(--ruimte-3);border-radius:var(--rond-m);color:var(--kleur-tekst);font-size:var(--tekst-basis);font-weight:var(--gewicht-halfvet);cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;text-decoration:none;display:flex}.gebruikersmenu-item:active,.gebruikersmenu-item[aria-current=page]{background:var(--kleur-vlak-zacht)}@keyframes menu-onder{0%{transform:translateY(var(--ruimte-6));opacity:0}}@keyframes menu-uitklap{0%{transform:translateY(calc(-1 * var(--ruimte-2)));opacity:0}}@media (width>=768px){.gebruikersmenu{width:17.5rem;margin:var(--balk-hoogte) var(--ruimte-3) 0 auto;border-radius:var(--rond-l);border:1px solid var(--kleur-rand);box-shadow:0 8px 24px var(--kleur-schaduw);animation-name:menu-uitklap}.gebruikersmenu::backdrop{background:0 0}.gebruikersmenu-greep{display:none}}@media (hover:hover){.gebruikersmenu-item:hover{background:var(--kleur-vlak-zacht)}.balk-terug:hover{text-decoration:underline}}