@layer components{.combobox__control{display:flex;width:100%;border:1px solid oklch(from var(--color-quiet) l calc(c*.3) h);border-radius:8px;background:var(--color-background);transition:border-color .2s}.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{background:transparent;border:0;color:var(--color-foreground);flex:1;font-size:16px;min-width:0;outline:none;padding:12px 14px}.combobox__input::placeholder{color:oklch(from var(--color-quiet) l calc(c/2) h)}.combobox__trigger{display:flex;align-items:center;padding:0 12px;border:none;background:transparent;cursor:pointer;color:var(--color-quiet);flex-shrink:0}.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);border-radius:8px;box-shadow:0 4px 16px oklch(from var(--color-foreground) l c h / .12);z-index:100;overflow:hidden}.combobox__listbox{max-height:300px;overflow-y:auto;padding:4px 0}.combobox__section{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-quiet)}.combobox__item{align-items:center;border-block:1px solid transparent;color:var(--color-foreground);cursor:pointer;display:flex;font-size:15px;gap:8px;padding:8px 12px}.combobox__item[data-highlighted]{background:light-dark(oklch(from var(--color-accent) l c h / .2),oklch(from var(--color-accent) .4 c h / .2));border-color:var(--color-accent);color:var(--color-foreground)}.combobox__item[data-selected]{font-weight:500;color:light-dark(oklch(from var(--color-accent) .45 c h),oklch(from var(--color-accent) .75 c h))}.combobox__no-result{color:var(--color-quiet);font-size:14px;font-style:italic;margin:0;padding:8px 12px}.combobox__item-check{margin-left:auto;font-size:.8rem;color:var(--color-secondary)}.combobox__item:not([data-selected]) .combobox__item-check{visibility:hidden}@media(max-width:480px){[data-popper-positioner]:has(.combobox__content){position:fixed!important;inset:auto 0 0!important;transform:none!important;width:100%!important}.combobox__content{border-radius:16px 16px 0 0;max-height:60vh}.combobox__listbox{max-height:calc(60vh - 16px)}}}