:where(:root){--gr-gap:18px;--gr-max:1080px;--gr-form-max:760px;--gr-side:340px;--gr-svc-min:220px;--gr-sticky-top:88px;--gr-plate-bg:#f7c600;--gr-plate-ink:#111;--gr-plate-eu:#039;--gr-plate-star:#f7c600;--gr-plate-nl:#fff;--gr-plate-h:60px;--gr-plate-max:340px}.gr{max-width:var(--gr-max)}.gr-layout{gap:var(--gr-gap);align-items:start;display:grid}.gr-form{gap:var(--gr-gap);max-width:var(--gr-form-max);min-width:0;display:grid}.gr-block{padding:var(--card-pad);gap:16px;min-width:0;display:grid}.gr-block-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.gr-block-head h2{font-size:var(--card-title);align-items:center;gap:10px;margin:0;display:flex}.gr-block-aside{color:var(--muted);font-size:var(--fs-sm)}.gr-n{background:var(--soft);width:28px;height:28px;color:var(--primary);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.gr-label{margin:0;font-size:.95rem;font-weight:600;display:block}.gr-help{color:var(--muted);font-size:var(--fs-sm);margin:0;font-weight:400;display:block}.gr-err{color:var(--bad);font-size:var(--fs-sm);margin:0;font-weight:600;display:block}.gr-small{color:var(--muted);font-size:var(--fs-sm);margin:0}.gr-small.is-bad{color:var(--bad)}.gr-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gr-group{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.gr-group>legend{margin-bottom:10px;padding:0}.gr-form [aria-invalid=true]{border-color:var(--bad)}.gr-tag{background:var(--soft);color:var(--text);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;margin-inline-start:8px;padding:1px 8px;font-weight:600;display:inline-block}.gr-icon-btn{border:1px solid var(--line-2);background:var(--panel);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.gr-icon-btn:hover:not(:disabled){border-color:var(--primary);background:var(--soft)}.gr-icon-btn:focus-visible{box-shadow:var(--focus);outline:none}.gr-icon-btn:disabled{opacity:.35;cursor:not-allowed}.gr-link{color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.gr-link:focus-visible{box-shadow:var(--focus);border-radius:4px;outline:none}.gr-note{border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-sm);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.gr-note svg{flex:none;margin-top:1px}.gr-note p{margin:0}.gr-note.is-warn{background:var(--warn-bg);color:var(--warn)}.gr-note.is-bad{background:var(--bad-bg);color:var(--bad)}.gr-plate-field{gap:8px;min-width:0;display:grid}.gr-plate-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gr-plate{width:100%;max-width:var(--gr-plate-max);height:var(--gr-plate-h);border:2px solid var(--gr-plate-ink);background:var(--gr-plate-bg);color:var(--gr-plate-ink);box-shadow:inset 0 0 0 2px var(--gr-plate-bg), inset 0 0 0 3px color-mix(in srgb, var(--gr-plate-ink) 55%, transparent), var(--shadow-sm);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.gr-plate:focus-within{box-shadow:inset 0 0 0 2px var(--gr-plate-bg), inset 0 0 0 3px color-mix(in srgb, var(--gr-plate-ink) 55%, transparent), var(--focus)}.gr-plate-field.is-bad .gr-plate{border-color:var(--bad)}.gr-plate-eu{background:var(--gr-plate-eu);width:36px;color:var(--gr-plate-star);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.gr-plate-eu b{color:var(--gr-plate-nl);letter-spacing:.02em;font-size:.8rem;line-height:1}.gr-form .gr-plate input[type=text]{min-width:0;height:100%;box-shadow:none;color:var(--gr-plate-ink);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;flex:1;padding:0 10px;font-family:inherit;font-size:clamp(1.5rem,6vw,2rem);font-weight:800}.gr-form .gr-plate input[type=text]:focus{box-shadow:none;outline:none}.gr-form .gr-plate input::placeholder{color:color-mix(in srgb, var(--gr-plate-ink) 35%, transparent)}.gr-form .btn.gr-plate-go{min-height:var(--gr-plate-h);align-items:center;gap:8px;display:inline-flex}.gr-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite gr-spin}@keyframes gr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.gr-spin{animation-duration:2s}}.gr-plate-mini{border:1.5px solid var(--gr-plate-ink);border-left:6px solid var(--gr-plate-eu);background:var(--gr-plate-bg);color:var(--gr-plate-ink);font-size:var(--fs-xs);letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 7px;font-weight:800;display:inline-block}.gr-car{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:12px;padding:14px 16px;display:grid}.gr-car-head{align-items:center;gap:12px;display:flex}.gr-car-icon{background:var(--soft);width:40px;height:40px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.gr-car-name{gap:1px;min-width:0;display:grid}.gr-car-name b{overflow-wrap:anywhere;font-size:1.05rem}.gr-car-name small{color:var(--muted);font-size:var(--fs-xs)}.gr-car-facts{grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr));gap:8px 16px;margin:0;display:grid}.gr-car-facts>div{gap:1px;display:grid}.gr-car-facts dt{color:var(--muted);font-size:var(--fs-xs)}.gr-car-facts dd{font-weight:600;font-size:var(--fs-sm);margin:0}.gr-apk.is-binnenkort{color:var(--warn)}.gr-apk.is-verlopen{color:var(--bad)}.gr-manual{gap:12px;display:grid}.gr-km{max-width:260px}.gr-km-box{display:block;position:relative}.gr-form .gr-km-box input{font-variant-numeric:tabular-nums;width:100%;padding-inline-end:44px}.gr-km-unit{inset-inline-end:14px;color:var(--muted);font-size:var(--fs-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.gr-svc-group{gap:10px;display:grid}.gr-svc-group+.gr-svc-group{margin-top:6px}.gr-svc-group-title{color:var(--muted);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:600}.gr-svcs{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--gr-svc-min)), 1fr));gap:10px;display:grid}.gr-svcs[data-cols]{grid-template-columns:repeat(var(--gr-cols), minmax(0, 1fr))}.gr-form label.gr-svc{cursor:pointer;font-weight:400;display:block;position:relative}.gr-svc input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.gr-svc-body{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);align-content:start;gap:6px;height:100%;padding:14px 16px;line-height:1.35;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.gr-svc:hover .gr-svc-body{border-color:var(--primary)}.gr-svc input:checked+.gr-svc-body{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--soft)}.gr-svc input:focus-visible+.gr-svc-body{box-shadow:var(--focus);border-color:var(--primary)}.gr-svc input[aria-invalid=true]+.gr-svc-body{border-color:var(--bad)}.gr-svc-head{flex-wrap:wrap;align-items:flex-start;gap:6px 10px;display:flex}.gr-svc-mark{border:2px solid var(--line-2);background:var(--panel);border-radius:5px;flex:none;width:20px;height:20px;margin-top:1px;position:relative}.gr-svc input:checked+.gr-svc-body .gr-svc-mark{border-color:var(--primary);background:var(--primary)}.gr-svc input:checked+.gr-svc-body .gr-svc-mark:after{content:"";border:solid var(--primary-text);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.gr-svc-name{overflow-wrap:anywhere;flex:1;min-width:8ch;font-size:1rem}.gr-svc-price{font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto;font-weight:700}.gr-svc-price.is-soft{color:var(--muted);font-size:var(--fs-sm);font-weight:600}.gr-svc-desc,.gr-svc-time{color:var(--muted);font-size:var(--fs-sm);padding-inline-start:30px}.gr-svc-desc{color:var(--text)}.gr-svc-time{font-size:var(--fs-xs)}.gr-modes{gap:8px;display:grid}.gr-form label.gr-mode{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;font-weight:400;display:flex;position:relative}.gr-mode input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:2px 0 0}.gr-mode>span{gap:2px;min-width:0;display:grid}.gr-mode small{color:var(--muted);font-size:var(--fs-sm)}.gr-mode:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--soft)}.gr-mode:has(input:focus-visible){box-shadow:var(--focus)}.gr-form label.gr-mode.is-off{cursor:not-allowed;opacity:.65}.gr-pickup{border:1px dashed var(--line-2);border-radius:var(--radius-sm);gap:12px;padding:14px 16px;display:grid}.gr-how:not(:has(input[name=mode][value=halen]:checked)) .gr-pickup{display:none}.gr-how:has(input[name=mode][value=wachten]:checked) .gr-loan{display:none}.gr-form label.gr-opt{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;font-weight:400;display:flex}.gr-opt input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:0}.gr-opt:has(input:checked){border-color:var(--primary);background:var(--soft)}.gr-opt:has(input:focus-visible){box-shadow:var(--focus)}.gr-opt-text{flex:1;min-width:10ch}.gr-opt-price{color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}.gr-when{gap:12px;min-width:0;display:grid}.gr-week{justify-content:space-between;align-items:center;gap:10px;display:flex}.gr-week-text{font-variant-numeric:tabular-nums;text-align:center}.gr-when-status{border-radius:var(--radius-sm);background:var(--surface);padding:10px 12px}.gr-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;transition:opacity .15s;display:grid}.gr-days:focus{outline:none}.gr-days.is-loading{opacity:.55}.gr-day{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);min-width:0;color:var(--text);font:inherit;cursor:pointer;justify-items:center;gap:1px;padding:8px 2px;line-height:1.15;display:grid}.gr-day:hover:not(:disabled){border-color:var(--primary)}.gr-day:focus-visible{box-shadow:var(--focus);outline:none}.gr-day-wd,.gr-day-mo{color:var(--muted);font-size:var(--fs-2xs)}.gr-day-wd{text-transform:capitalize}.gr-day-nr{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.gr-day.is-on{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.gr-day.is-on .gr-day-wd,.gr-day.is-on .gr-day-mo{color:inherit;opacity:.85}.gr-day.is-off{background:var(--surface);cursor:not-allowed;border-style:dashed}.gr-day.is-off .gr-day-nr{color:var(--muted);font-weight:500;text-decoration:line-through;text-decoration-thickness:1px}.gr-times{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.gr-times:focus,.gr-parts:focus{outline:none}.gr-time{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);min-height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;padding:8px 6px}.gr-time b{font-weight:600}.gr-parts{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;display:grid}.gr-part{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;text-align:start;cursor:pointer;justify-items:start;gap:2px;padding:12px 14px;display:grid}.gr-part small{color:var(--muted);font-size:var(--fs-sm)}.gr-time:hover,.gr-part:hover{border-color:var(--primary)}.gr-time:focus-visible,.gr-part:focus-visible{box-shadow:var(--focus);outline:none}.gr-time.is-on,.gr-part.is-on{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.gr-part.is-on small{color:inherit;opacity:.85}.gr-terms{gap:8px;display:grid}.gr-terms details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.gr-terms summary{font-size:var(--fs-sm);cursor:pointer;padding:10px 14px;font-weight:600}.gr-terms summary:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.gr-terms details p{color:var(--muted);font-size:var(--fs-sm);white-space:pre-line;margin:0;padding:0 14px 12px}.gr-form label.consent{align-items:flex-start}.gr-form label.consent input{accent-color:var(--primary);margin-top:2px}.gr-form .btn.gr-submit{min-height:calc(var(--control-h) + 4px);justify-content:center;align-items:center;gap:12px;display:inline-flex}.gr-sum{padding:var(--card-pad);gap:10px;display:grid}.gr-block .gr-sum{background:var(--surface);border:1px solid var(--line);box-shadow:none;padding:16px}.gr-sum-title{font-size:var(--card-title);margin:0}.gr-block .gr-sum-title{font-size:1rem}.gr-sum-rows,.gr-sum-lines{gap:6px;margin:0;display:grid}.gr-sum-rows>div{font-size:var(--fs-sm);grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);gap:12px;display:grid}.gr-sum-rows dt{color:var(--muted)}.gr-sum-rows dd{overflow-wrap:anywhere;margin:0}.gr-sum-car{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.gr-sum-hint{color:var(--muted);font-size:var(--fs-xs);display:block}.gr-sum-lines{border-top:1px dashed var(--line);padding-top:10px}.gr-sum-lines>div{font-size:var(--fs-sm);justify-content:space-between;gap:12px;display:flex}.gr-sum-lines dt{min-width:0}.gr-sum-lines dd{font-variant-numeric:tabular-nums;flex:none;margin:0}.gr-sum-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding-top:10px;display:flex}.gr-sum-total b{font-variant-numeric:tabular-nums;font-size:1.3rem}.gr-sum-empty{border-top:1px solid var(--line);padding-top:10px}.gr-sum-empty:empty{display:none}.gr-sum-flag{border-radius:var(--radius-sm);background:var(--soft);color:var(--text);padding:8px 10px}.gr-side{display:none}.gr-done{padding:var(--card-pad);max-width:var(--gr-form-max);justify-items:start;gap:12px;display:grid}.gr-done:focus{outline:none}.gr-done h2,.gr-done p{margin:0}.gr-done-icon{background:var(--ok-bg);width:48px;height:48px;color:var(--ok);border-radius:50%;place-items:center;display:grid}.gr-done-facts{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gr-done-facts li{background:var(--soft);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-weight:600}@media (min-width:960px){.gr-layout.has-side{grid-template-columns:minmax(0, 1fr) var(--gr-side)}.gr-layout.has-side .gr-side{top:var(--gr-sticky-top);max-height:calc(100vh - var(--gr-sticky-top) - 16px);display:block;position:sticky;overflow-y:auto}.gr-layout.has-side .gr-sum-inline{display:none}}@media (max-width:640px){.gr-svcs[data-cols]{grid-template-columns:1fr}.gr-form .btn.gr-submit{width:100%}.gr-plate-go-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gr-plate{flex:1;max-width:none}.gr-plate-row{flex-wrap:nowrap}.gr-form .btn.gr-plate-go{padding-inline:14px}.gr-days{gap:4px}.gr-day{padding:6px 0}}.gr-form .form-row>label{align-content:start}.gr-account{margin:var(--head-gap) 0;gap:8px;display:grid}.gr-account h2{font-size:var(--card-title);margin:0}.gr-account-sub{font-size:var(--fs-sm);margin:8px 0 0}.gr-account-text{color:var(--muted);font-size:var(--fs-sm);margin:0 0 6px}.gr-account-cars,.gr-account-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gr-account-car{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 16px;display:flex}.gr-account-plate{color:#111;letter-spacing:.05em;white-space:nowrap;background:#f7c600;border:1px solid #0000004d;border-radius:4px;padding:2px 8px;font-weight:800;display:inline-block}.gr-account-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);flex-wrap:wrap;justify-content:space-between;gap:10px 16px;padding:16px;display:flex}.gr-account-row.is-action{border-color:var(--warn)}.gr-account-main{flex:260px;gap:4px;min-width:0;display:grid}.gr-account-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-weight:600;display:flex}.gr-account-title a{color:inherit;text-underline-offset:2px}.gr-account-title a:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.gr-account-meta{color:var(--muted);font-size:var(--fs-sm);margin:0}.gr-account-side{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gr-badge{background:var(--soft);color:var(--text);font-size:var(--fs-2xs);border-radius:999px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.gr-badge.is-ok{background:var(--ok-bg);color:var(--ok)}.gr-badge.is-warn{background:var(--warn-bg);color:var(--warn)}.gr-dvi-dot{background:var(--ok);vertical-align:0;border-radius:50%;width:10px;height:10px;display:inline-block}.gr-dvi-dot.is-oranje{background:var(--warn)}.gr-dvi-dot.is-rood{background:var(--bad)}
