@layer components{.bo-knop{transition-property:border-color,background-color,color,box-shadow,transform}.bo-knop:active:not(:disabled){transform:scale(.97)}.bo-venster-laag{opacity:1;transition:opacity .15s cubic-bezier(.23,1,.32,1)}.bo-venster{opacity:1;transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1);transform:scale(1)}@starting-style{.bo-venster-laag{opacity:0}.bo-venster{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.bo-knop:active:not(:disabled){transform:none}.bo-venster{transition-property:opacity;transform:none}@starting-style{.bo-venster{transform:none}}}.bo-keuzeknop{border:1px solid var(--border);background:var(--card);min-width:0;max-width:100%;height:2.25rem;color:var(--foreground);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .625rem;font-size:.8125rem;line-height:1;transition:border-color .16s,background-color .16s;display:inline-flex}.bo-keuzeknop:hover:not(:disabled){border-color:color-mix(in oklab, var(--primary) 45%, var(--border))}.bo-keuzeknop:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bo-keuzeknop:disabled{opacity:.5;cursor:default}.bo-keuzeknop-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;flex:none;font-size:.6875rem}.bo-keuzeknop-pijl{color:var(--muted-foreground);flex:none;margin-left:auto;padding-left:.25rem;font-size:.625rem}.bo-keuzepaneel{z-index:50;border:1px solid var(--border);background:var(--card);transform-origin:0 0;border-radius:.625rem;min-width:100%;max-width:min(22rem,90vw);transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1);position:absolute;top:calc(100% + .25rem);left:0;overflow:hidden;box-shadow:0 10px 30px -12px #00000040,0 2px 8px -4px #00000026}@starting-style{.bo-keuzepaneel{opacity:0;transform:scale(.97)translateY(-2px)}}.bo-keuzepaneel-breed{width:20rem}.bo-keuzeregel{text-align:left;cursor:pointer;align-items:flex-start;gap:.5rem;width:100%;padding:.4375rem .625rem;font-size:.8125rem;line-height:1.35;transition:background-color .12s;display:flex}.bo-keuzeregel:hover{background:var(--muted)}.bo-keuzeregel:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.bo-keuzeregel[aria-selected=true]{font-weight:600}.bo-keuzevink{width:1rem;color:var(--primary);flex:none}@media (prefers-reduced-motion:reduce){.bo-keuzepaneel{transition-property:opacity;transform:none}@starting-style{.bo-keuzepaneel{transform:none}}}}