.combobox-field{flex-direction:column;gap:.5rem;min-width:0;font-size:.8rem;font-weight:600;display:flex}.combobox{min-width:0;font-weight:400;position:relative}.combobox input{background:var(--color-surface);width:100%;min-width:0;min-height:48px;color:var(--color-ink);border:1px solid var(--color-mist);font:inherit;border-radius:.25rem;padding:.65rem .5rem;font-weight:400}.combobox input:disabled{opacity:.65}.combobox input:focus-visible{outline:2px solid var(--color-brand-deep);outline-offset:1px}.combobox-popup{z-index:30;background:var(--color-surface);border:1px solid var(--color-mist);border-radius:.25rem;width:max-content;min-width:100%;max-width:min(26rem,80vw);max-height:16rem;position:absolute;top:calc(100% + .25rem);left:0;overflow-y:auto;box-shadow:0 12px 28px #101f2d2e}.combobox-popup ul{margin:0;padding:0;list-style:none}.combobox-popup li{color:var(--color-ink);cursor:pointer;flex-direction:column;gap:.15rem;padding:.6rem .65rem;font-size:.9rem;display:flex}.combobox-popup li small{color:var(--color-mist);font-size:.75rem}.combobox-popup li[data-active],.combobox-popup li:hover:not([aria-disabled]){background:var(--color-brand-tint)}.combobox-popup li[aria-selected=true]{font-weight:600}.combobox-popup li[aria-disabled]{color:var(--color-mist);cursor:not-allowed}.combobox-empty{color:var(--color-mist);padding:.6rem .65rem;font-size:.85rem;font-weight:400}@media (prefers-contrast:more){.combobox-popup li[data-active]{outline:2px solid var(--color-brand-deep);outline-offset:-2px}}