.kb-vs{gap:var(--kb-space-3);padding:var(--kb-card-padding);background:var(--kb-card-bg);border:var(--kb-card-border);border-radius:var(--kb-card-radius);scroll-margin-top:var(--kb-space-8);display:grid}.kb-vs__kop{justify-content:space-between;align-items:baseline;gap:var(--kb-space-2);flex-wrap:wrap;display:flex}.kb-vs__titel{font:var(--kb-type-heading-3);letter-spacing:var(--kb-type-heading-3-tracking);text-transform:uppercase;margin:0}.kb-vs__meta,.kb-vs__uitleg{font:var(--kb-type-meta);color:var(--kb-color-text-tertiary)}.kb-vs__uitleg{margin:0}.kb-vs__zin,.kb-vs__sub{font:var(--kb-type-body-sm);color:var(--kb-color-text-primary);margin:0}.kb-vs__sub{margin-bottom:var(--kb-space-2);color:var(--kb-color-text-secondary)}.kb-vs__vraag{margin:0 0 var(--kb-space-2);font:var(--kb-type-body-sm);font-weight:var(--kb-font-weight-semibold);color:var(--kb-color-text-primary);padding:0}.kb-vs__vraag small{font-size:var(--kb-font-size-xs);font-weight:var(--kb-font-weight-regular);color:var(--kb-color-text-tertiary)}.kb-vs__form,.kb-vs__tik{gap:var(--kb-space-3);margin:0;display:grid}.kb-vs__groep{border:0;min-width:0;margin:0;padding:0}.kb-vs__opties,.kb-vs__knoppen{gap:var(--kb-space-2);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:480px){.kb-vs__opties,.kb-vs__knoppen{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.kb-vs__optie,.kb-vs__knop{align-items:center;gap:var(--kb-space-2);min-width:0;min-height:var(--kb-size-tap);padding:var(--kb-space-2) var(--kb-space-3);border:var(--kb-border-control);border-radius:var(--kb-button-radius);background:var(--kb-color-bg-surface);font:var(--kb-type-body-sm);font-weight:var(--kb-font-weight-semibold);color:var(--kb-color-text-primary);cursor:pointer;display:flex}.kb-vs__optie>span,.kb-vs__knop>span:not(.kb-sr){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kb-vs__optie input{width:var(--kb-size-check);height:var(--kb-size-check);accent-color:var(--kb-color-bg-inverse);flex:none;margin:0}.kb-vs__optie:has(input:checked){border-color:var(--kb-color-border-strong);box-shadow:inset 0 0 0 1px var(--kb-color-border-strong)}.kb-vs__optie:has(input:focus-visible){outline:2px solid var(--kb-color-text-primary);outline-offset:2px}.kb-vs__knop:hover{border-color:var(--kb-color-border-strong)}.kb-vs__knop:focus-visible{outline:2px solid var(--kb-color-text-primary);outline-offset:2px}.kb-vs__knop.is-gekozen{border-color:var(--kb-color-bg-inverse);background:var(--kb-color-bg-inverse);color:var(--kb-color-text-accent-on-inverse)}.kb-vs__scores{align-items:end;gap:var(--kb-space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.kb-vs__score{gap:var(--kb-space-1);min-width:0;font:var(--kb-type-meta);color:var(--kb-color-text-secondary);display:grid}.kb-vs__score>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kb-vs__score .kb-inp{font-variant-numeric:tabular-nums;text-align:center;width:100%}.kb-vs__streep{padding-bottom:var(--kb-space-2);font-weight:var(--kb-font-weight-bold)}.kb-vs__openbaar{gap:var(--kb-space-2);display:grid}.kb-vs__twee{gap:var(--kb-space-2);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:480px){.kb-vs__twee{grid-template-columns:repeat(2,minmax(0,1fr))}}.kb-vs__twee .kb-btn{width:100%;height:auto;min-height:var(--kb-size-tap);white-space:normal}.kb-vs__verdeling{padding-top:var(--kb-space-3);border-top:var(--kb-border-divider)}.kb-levellabel{padding:0 var(--kb-space-2);border:var(--kb-border-divider);border-radius:var(--kb-badge-radius);font:var(--kb-type-meta);font-weight:var(--kb-font-weight-semibold);color:var(--kb-color-text-secondary);white-space:nowrap;display:inline-block}.kb-levelbalk{gap:var(--kb-space-2);max-width:62ch;font:var(--kb-type-body);display:grid}.kb-levelbalk__zin{font:var(--kb-type-body);margin:0}.kb-levelbalk__balk{height:var(--kb-space-2);border-radius:var(--kb-radius-pill);background:var(--kb-color-bg-sunken);display:block;overflow:hidden}.kb-levelbalk__balk>span{width:var(--deel);background:var(--kb-color-bg-inverse);height:100%;display:block}.kb-voorspelrij{gap:var(--kb-space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:768px){.kb-voorspelrij{grid-template-columns:repeat(2,minmax(0,1fr))}}.kb-levels{gap:0;max-width:36rem;margin:0;padding:0;list-style:none;display:grid}.kb-levels li{justify-content:space-between;gap:var(--kb-space-1) var(--kb-space-3);padding:var(--kb-space-2) 0;border-top:var(--kb-border-divider);font:var(--kb-type-body-sm);flex-wrap:wrap;display:flex}.kb-levels li>span:first-child{font-weight:var(--kb-font-weight-semibold)}.kb-levels li>span:last-child{color:var(--kb-color-text-secondary)}