.proef-balk{align-items:center;gap:calc(12 * var(--px));margin:0 0 calc(16 * var(--px));padding:calc(10 * var(--px)) calc(14 * var(--px));border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:var(--radius-l);background:var(--waarsch-bg);color:var(--waarsch-fg);display:flex}.proef-balk>svg{flex-shrink:0;width:22px;height:22px}.proef-balk-tekst{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:max(13px,.875rem);display:flex}.proef-balk-tekst strong{font:700 max(13px, .9375rem) var(--kop)}.proef-balk-tekst span{overflow-wrap:anywhere}.proef-balk .knop{flex-shrink:0}.proef-chip{position:relative}.proef-chip>summary{cursor:pointer;list-style:none}.proef-chip>summary::-webkit-details-marker{display:none}.proef-chip-knop{white-space:nowrap}.proef-chip-knop svg{width:16px;height:16px}.proef-chip-menu{width:min(340px,100vw - 32px);padding:calc(12 * var(--px)) calc(14 * var(--px));gap:calc(6 * var(--px));flex-direction:column;display:flex}.proef-chip-menu p{overflow-wrap:anywhere;margin:0}.proef-chip-menu .knop{margin-top:calc(6 * var(--px));align-self:flex-start}.proef-keuze-opties{gap:calc(12 * var(--px));margin-top:calc(12 * var(--px));grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.proef-keuze-opties .keuze-knop{text-align:left;width:100%}@media (width<=640px){.proef-chip-knop span{display:none}}.proef-balk.proef-balk-verlopen,.proef-balk.proef-balk-gepauzeerd{background:var(--fout-licht);color:var(--fout);border-color:var(--fout-rand)}.proef-balk.proef-balk-toegang{background:var(--info-bg);color:var(--info-fg)}.toegang-uitleg h2{align-items:center;gap:calc(8 * var(--px));display:flex}.toegang-uitleg h2 svg{width:20px;height:20px}.toegang-punten{margin:calc(8 * var(--px)) 0 0;padding-left:calc(20 * var(--px))}.toegang-formulier{gap:calc(12 * var(--px));grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:end;display:grid}.toegang-formulier label{gap:calc(4 * var(--px));flex-direction:column;font-weight:600;display:flex}.toegang-code{align-items:center;gap:calc(12 * var(--px));flex-wrap:wrap;display:flex}.meekijken-klaar{align-items:flex-start;gap:calc(10 * var(--px));flex-direction:column;display:flex}.meekijken-open{align-items:center;gap:calc(8 * var(--px));display:inline-flex}.meekijken-open svg{width:18px;height:18px}.toegang-code code{font:700 max(13px, 1.5rem)/1.2 var(--mono,ui-monospace, monospace);letter-spacing:2px;padding:calc(6 * var(--px)) calc(12 * var(--px));border-radius:var(--radius-m,8px);background:var(--vlak-zacht,var(--vlak));border:1px solid var(--rand)}.toegang-lijst{gap:calc(8 * var(--px));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toegang-rij{justify-content:space-between;align-items:center;gap:calc(12 * var(--px));padding:calc(10 * var(--px)) calc(12 * var(--px));border:1px solid var(--rand);border-radius:var(--radius-m,8px);display:flex}.toegang-rij.toegang-actief{border-color:var(--accent)}@media (width<=640px){.toegang-formulier{grid-template-columns:minmax(0,1fr)}.toegang-rij{flex-wrap:wrap}.toegang-rij .knop{justify-content:center;width:100%}.proef-balk{padding:calc(10 * var(--px)) calc(12 * var(--px));margin-bottom:calc(12 * var(--px));flex-wrap:wrap}.proef-balk .knop{justify-content:center;width:100%}}