.kzl{position:relative}.kzl__knop{border-radius:var(--radius-pill);background:var(--store-surface);color:var(--store-ink);cursor:pointer;white-space:nowrap;border:1px solid #22423a33;align-items:center;gap:10px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.kzl__knop:hover:not(:disabled){color:var(--store-accent);border-color:var(--store-accent-200)}.kzl__knop:disabled{opacity:.6;cursor:default}.kzl__knop svg{flex-shrink:0;transition:transform .15s}.kzl__knop[aria-expanded=true] svg{transform:rotate(180deg)}.kzl__lijst{z-index:30;white-space:nowrap;background:var(--store-surface);border:1px solid var(--store-lijn);border-radius:14px;flex-direction:column;min-width:100%;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 24px #22423a1f}.kzl__lijst--rechts{right:0}.kzl__lijst--links{left:0}.kzl__optie{cursor:pointer;text-align:left;color:var(--store-ink);background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.kzl__optie:hover{background:var(--store-bg)}.kzl__optie.is-actief{color:var(--store-accent);font-weight:600}.kzl__optie:focus-visible{outline:2px solid var(--store-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.kzl__knop svg{transition:none}}