@layer components{.combobox__control{border:1px solid oklch(from var(--color-quiet) l calc(c * .3) h);background:var(--color-background);border-radius:8px;width:100%;transition:border-color .2s;display:flex}.combobox__control[data-focus-within]{border-color:var(--color-accent);outline:none}.combobox__control[aria-invalid=true],.combobox__control[data-invalid]{border-color:var(--color-error)}.combobox__input{color:var(--color-foreground);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:16px}.combobox__input::placeholder{color:oklch(from var(--color-quiet) l calc(c * .5) h)}.combobox__trigger{cursor:pointer;color:var(--color-quiet);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 12px;display:flex}.combobox__trigger:hover{color:var(--color-foreground)}.combobox__icon{font-size:1.7rem}.combobox__content{background:var(--color-background);border:1px solid oklch(from var(--color-quiet) l calc(c * .3) h);box-shadow:0 4px 16px oklch(from var(--color-foreground) l c h / .12);z-index:100;border-radius:8px;overflow:hidden}.combobox__listbox{height:auto;max-height:min(320px, var(--kb-popper-content-available-height,320px), calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top)));overscroll-behavior:contain;min-height:8rem;padding:4px 0;overflow-y:auto}.combobox__section{text-transform:uppercase;letter-spacing:.08em;color:var(--color-quiet);padding:8px 12px 4px;font-size:11px;font-weight:700}.combobox__item{color:var(--color-foreground);cursor:pointer;border-block:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-size:15px;display:flex}.combobox__item[data-highlighted]{background:var(--lightningcss-light,oklch(from var(--color-accent) l c h / .2))var(--lightningcss-dark,oklch(from var(--color-accent) .4 c h / .2));border-color:var(--color-accent);color:var(--color-foreground)}.combobox__item[data-selected]{color:var(--lightningcss-light,oklch(from var(--color-accent) .45 c h))var(--lightningcss-dark,oklch(from var(--color-accent) .75 c h));font-weight:500}.combobox__no-result{color:var(--color-quiet);margin:0;padding:8px 12px;font-size:14px;font-style:italic}.combobox__item-check{color:var(--color-secondary);margin-left:auto;font-size:.8rem}.combobox__item:not([data-selected]) .combobox__item-check{visibility:hidden}@media (forced-colors:active){.combobox__control:focus-within{border-color:highlight}.combobox__control:focus-within .combobox__trigger:focus-visible{outline:none}}}