@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{wel-combobox{--wel-combobox-bg:var(--wel-color-surface-raised);--wel-combobox-ink:var(--wel-color-ink);--wel-combobox-border:var(--wel-color-border);--wel-combobox-radius:var(--wel-radius-surface);--wel-combobox-shadow:var(--wel-shadow-3);--wel-combobox-active-bg:var(--wel-color-accent-tint);--wel-combobox-max-block-size:18rem;display:block;position:relative}wel-combobox [role=listbox]{z-index:1;max-block-size:var(--wel-combobox-max-block-size);padding:var(--wel-space-1);background-color:var(--wel-combobox-bg);color:var(--wel-combobox-ink);border:var(--wel-border-width) solid var(--wel-combobox-border);border-radius:var(--wel-combobox-radius);box-shadow:var(--wel-combobox-shadow);margin:0;list-style:none;position:absolute;inset-block-start:calc(100% + var(--wel-space-1));inset-inline:0;overflow-y:auto}wel-combobox [role=option]{padding-block:var(--wel-space-2);padding-inline:var(--wel-space-2);border-radius:var(--wel-radius-sm);cursor:pointer;min-block-size:1.5rem}}@layer variants;@layer states{@media (hover:hover){wel-combobox [role=option]:hover{background-color:var(--wel-combobox-active-bg)}}wel-combobox [role=option][aria-selected=true]{background-color:var(--wel-combobox-active-bg)}@media (forced-colors:active){wel-combobox [role=option][aria-selected=true]{color:highlighttext;forced-color-adjust:none;background-color:highlight}}}@layer utilities,overrides;