*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}.bp{--grond:#fafaf9;--kaart:#fff;--tekst:#18181b;--tekst-zacht:#52525b;--tekst-vaag:#8a8a93;--lijn:#e4e4e7;--vlak:#f4f4f5;--vlak-sterk:#e9e9ec;--accent:#00d1b2;--accent-tekst:#0a0a0a;--accent-zacht:color-mix(in srgb, var(--accent) 12%, var(--kaart));--fout:#b42318;--radius:14px;--radius-klein:10px;--schaduw:0 1px 2px #09090b0a, 0 12px 32px #09090b0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--grond);min-height:100vh;color:var(--tekst);font:400 15px/1.55 var(--font,ui-sans-serif, system-ui, sans-serif);-webkit-font-smoothing:antialiased;padding:48px 16px 40px}.bp[data-thema=donker]{--grond:#0b0b0c;--kaart:#151517;--tekst:#f4f4f5;--tekst-zacht:#a1a1aa;--tekst-vaag:#75757d;--lijn:#2a2a2e;--vlak:#1f1f23;--vlak-sterk:#27272b;--accent-zacht:color-mix(in srgb, var(--accent) 18%, var(--kaart));--schaduw:0 1px 2px #00000080, 0 16px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.bp[data-thema=systeem]{--grond:#0b0b0c;--kaart:#151517;--tekst:#f4f4f5;--tekst-zacht:#a1a1aa;--tekst-vaag:#75757d;--lijn:#2a2a2e;--vlak:#1f1f23;--vlak-sterk:#27272b;--accent-zacht:color-mix(in srgb, var(--accent) 18%, var(--kaart));--schaduw:0 1px 2px #00000080, 0 16px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.bp.embed{background:0 0;min-height:0;padding:0}.bp button,.bp input,.bp select,.bp textarea{font:inherit;color:inherit}.bp-kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);max-width:1000px;box-shadow:var(--schaduw);grid-template-columns:320px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.bp-kaart.smal{grid-template-columns:minmax(0,1fr);max-width:620px}.bp-info{border-right:1px solid var(--lijn);flex-direction:column;gap:18px;padding:32px 28px;display:flex;container-type:inline-size}.bp-logo{width:auto;max-width:180px;max-height:36px;display:block}.bp-merk{font:600 17px/1.2 var(--font-kop,inherit);letter-spacing:-.01em}.bp-info h1{font:600 clamp(15px, 6.5cqi, 21px) / 1.3 var(--font-kop,inherit);letter-spacing:-.02em;overflow-wrap:break-word;margin:0}.bp-info p{color:var(--tekst-zacht);margin:0;font-size:14.5px}.bp-feiten{color:var(--tekst-zacht);gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.bp-feiten li{grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.bp-feiten svg{width:18px;height:18px;color:var(--tekst-vaag);stroke-width:1.75px;margin-top:2px}.bp-feiten strong{color:var(--tekst);font-weight:600}.bp-label{letter-spacing:.07em;text-transform:uppercase;color:var(--tekst-vaag);margin:0 0 8px;font:600 11px/1 inherit}.bp-segment{flex-wrap:wrap;gap:6px;display:flex}.bp-segment button{border:1px solid var(--lijn);border-radius:var(--radius-klein);cursor:pointer;background:0 0;padding:8px 14px;font-size:13.5px;font-weight:500}.bp-segment button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.bp-keuze{border:1px solid var(--lijn);background:var(--grond);border-radius:var(--radius-klein);cursor:pointer;width:100%;padding:10px 12px;font-size:14px}.bp-keuze:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}.bp-werk{min-width:0;padding:32px 28px}.bp-werk h2{font:600 17px/1.3 var(--font-kop,inherit);letter-spacing:-.01em;margin:0 0 18px}.bp-kies{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.bp-kies.met-dag{grid-template-columns:minmax(0,1fr) 210px}.bp-maand{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bp-maand span{text-transform:capitalize;font-weight:600}.bp-pijl{border-radius:var(--radius-klein);border:1px solid var(--lijn);cursor:pointer;width:34px;height:34px;color:var(--tekst-zacht);background:0 0;place-items:center;display:grid}.bp-pijl:hover:not(:disabled){background:var(--vlak);color:var(--tekst)}.bp-pijl:disabled{opacity:.35;cursor:default}.bp-pijl svg{width:16px;height:16px}.bp-rooster{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.bp-rooster .kop{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-vaag);padding:6px 0 10px;font:600 11px/1 inherit}.bp-dag{aspect-ratio:1;width:min(100%,46px);color:var(--tekst-vaag);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;justify-self:center;place-items:center;padding:0;font-size:14.5px;display:grid}.bp-dag.vrij{background:var(--accent-zacht);color:var(--tekst);cursor:pointer;font-weight:600}.bp-dag.vrij:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.bp-dag.gekozen,.bp-dag.gekozen:hover{background:var(--accent);color:var(--accent-tekst);box-shadow:none}.bp-dag.vandaag{box-shadow:inset 0 0 0 1px var(--lijn)}.bp-rooster.laadt{opacity:.45;pointer-events:none}.bp-zone{color:var(--tekst-zacht);gap:4px;margin-top:18px;font-size:13.5px;display:grid}.bp-zone-label{color:var(--tekst);font-size:13px;font-weight:600}.bp-tz{min-width:0;position:relative}.bp-tz-knop{cursor:pointer;color:var(--tekst-zacht);background:0 0;border:0;align-items:center;gap:6px;max-width:100%;padding:4px 0;font-weight:500;display:inline-flex}.bp-tz-knop>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bp-tz-knop svg{flex:none;width:15px;height:15px}.bp-tz-knop svg:last-child{opacity:.7;width:13px;height:13px}.bp-tz-knop:hover{color:var(--tekst)}.bp-tz-lijst{z-index:10;background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-klein);width:min(340px,100vw - 48px);box-shadow:var(--schaduw), 0 12px 32px #00000040;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.bp-tz-zoekveld{border:1px solid var(--lijn);background:var(--grond);color:var(--tekst-vaag);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.bp-tz-zoekveld:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.bp-tz-zoekveld svg{flex:none;width:15px;height:15px}.bp-tz-zoek{min-width:0;color:var(--tekst);background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:14px}.bp-tz-zoek::-webkit-search-cancel-button{cursor:pointer}.bp-tz-koprij{letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-vaag);justify-content:space-between;align-items:center;padding:2px 10px 0;font:600 11px/1 inherit;display:flex}.bp-tz-notatie{letter-spacing:0;text-transform:none;color:var(--tekst-vaag);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font:500 11px/1 inherit;display:inline-flex}.bp-tz-notatie span.aan{color:var(--tekst);font-weight:600}.bp-tz-notatie i{background:var(--accent);border-radius:999px;flex:none;width:28px;height:16px;position:relative}.bp-tz-notatie i:after{content:"";background:var(--accent-tekst);border-radius:999px;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.bp-tz-notatie[aria-checked=true] i:after{transform:translate(12px)}.bp-tz-lijst [role=listbox]{gap:1px;max-height:280px;display:grid;overflow:hidden auto}.bp-tz-optie{text-align:left;width:100%;min-width:0;color:var(--tekst);cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:8px 10px;font-size:13.5px;display:grid}.bp-tz-optie span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bp-tz-optie small{font-variant-numeric:tabular-nums;color:var(--tekst-vaag);white-space:nowrap;font-size:12px}.bp-tz-optie:hover,.bp-tz-optie:focus-visible{background:var(--vlak);outline:none}.bp-tz-optie.gekozen{background:var(--accent);color:var(--accent-tekst);font-weight:600}.bp-tz-optie.gekozen small{color:inherit;opacity:.85}.bp-tz-kop{letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-vaag);padding:12px 10px 5px;font:600 11px/1 inherit}.bp-tz-leeg{color:var(--tekst-vaag);padding:10px;font-size:13.5px}.bp-tijden h3{text-transform:capitalize;margin:0 0 4px;font:600 15px/1.3 inherit}.bp-tijden .sub{color:var(--tekst-vaag);margin:0 0 12px;font-size:12.5px}.bp-tijdlijst{gap:8px;max-height:392px;padding-right:4px;display:grid;overflow-y:auto}.bp-tijd{border:1px solid var(--lijn);background:var(--kaart);color:var(--tekst);border-radius:var(--radius-klein);font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;padding:11px 10px;font-weight:600;transition:border-color .15s,background-color .15s}.bp-tijd small{color:var(--tekst-vaag);margin-top:1px;font-size:11.5px;font-weight:400;display:block}.bp-tijd:hover,.bp-tijd:focus-visible{border-color:var(--accent);background:var(--accent-zacht)}.bp-leeg{color:var(--tekst-zacht);padding:14px 0;font-size:14px}.bp-gekozen{border:1px solid var(--lijn);background:var(--vlak);border-radius:var(--radius-klein);gap:10px;margin-bottom:22px;padding:14px 16px;font-size:14px;display:grid}.bp-gekozen .hoofd{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.bp-gekozen .hoofd:first-letter{text-transform:uppercase}.bp-gekozen .neven{color:var(--tekst-vaag);font-size:12px}.bp-form{gap:16px;display:grid}.bp-rij{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bp-veld label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.bp-veld label i{color:var(--tekst-vaag);font-style:normal;font-weight:400}.bp-veld input,.bp-veld textarea,.bp-veld select{border:1px solid var(--lijn);background:var(--grond);border-radius:var(--radius-klein);outline:none;width:100%;padding:11px 13px}.bp-veld textarea{resize:vertical;min-height:96px}.bp-veld input:focus,.bp-veld textarea:focus,.bp-veld select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.bp-lok{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.bp-knoppen{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.bp-knop{background:linear-gradient(180deg, #ffffff1f, #fff0), var(--accent);color:var(--accent-tekst);border-radius:var(--radius-klein);cursor:pointer;border:1px solid #0000;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #09090b1f}.bp-knop:hover{filter:brightness(1.05)}.bp-knop:active{transform:translateY(1px)}.bp-knop:disabled{opacity:.55;cursor:default}.bp-knop.stil{background:var(--kaart);border-color:var(--lijn);color:var(--tekst);box-shadow:none}.bp-knop.stil:hover{background:var(--vlak);filter:none}.bp-knop.gevaar{border-color:color-mix(in srgb, var(--fout) 50%, var(--kaart));color:var(--fout);box-shadow:none;background:0 0}.bp-melding{border-radius:var(--radius-klein);background:color-mix(in srgb, var(--fout) 12%, var(--kaart));border:1px solid color-mix(in srgb, var(--fout) 40%, var(--kaart));color:var(--tekst);margin-bottom:16px;padding:11px 14px;font-size:14px}.bp-klein{color:var(--tekst-vaag);margin:0;font-size:12.5px}.bp-klaar{text-align:center;justify-items:center;gap:16px;padding:44px 32px;display:grid}.bp-klaar .vink{background:var(--accent);width:52px;height:52px;color:var(--accent-tekst);border-radius:999px;place-items:center;display:grid}.bp-klaar .vink svg{width:24px;height:24px}.bp-klaar h1{font:600 24px/1.25 var(--font-kop,inherit);letter-spacing:-.02em;margin:0}.bp-klaar p{color:var(--tekst-zacht);max-width:46ch;margin:0}.bp-klaar .bp-gekozen{text-align:left;width:100%;max-width:440px;margin:4px 0}.bp-voet{text-align:center;max-width:1000px;color:var(--tekst-vaag);flex-wrap:wrap;justify-content:center;gap:14px;margin:18px auto 0;font-size:11.5px;display:flex}.bp-voet a{color:inherit;opacity:.85;border-bottom:1px solid;text-decoration:none}.bp-voet a:hover{opacity:1}.bp-types{gap:10px;display:grid}.bp-type{border:1px solid var(--lijn);border-radius:var(--radius-klein);color:inherit;gap:4px;padding:16px 18px;text-decoration:none;display:grid}.bp-type:hover{border-color:var(--accent);background:var(--accent-zacht)}.bp-type strong{font:600 16px/1.3 var(--font-kop,inherit)}.bp-type span{color:var(--tekst-zacht);font-size:14px}@media (max-width:860px){.bp{padding:16px 12px 32px}.bp-kaart{grid-template-columns:minmax(0,1fr)}.bp-info{border-right:0;border-bottom:1px solid var(--lijn);padding:24px 20px}.bp-werk{padding:24px 20px}.bp-kies.met-dag{grid-template-columns:minmax(0,1fr)}.bp-tijdlijst{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.bp-rij{grid-template-columns:1fr}.bp-klaar{padding:32px 20px}}@media (prefers-reduced-motion:reduce){.bp *{transition:none!important}}.bp-toestemming{z-index:20;background:var(--kaart);border:1px solid var(--lijn);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:min(560px,100% - 32px);padding:14px 16px;font-size:13px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000047}.bp-toestemming p{color:var(--tekst-zacht);flex:240px;margin:0}.bp-toestemming div{gap:8px;display:flex}