@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.select{--wel-select-bg:var(--wel-color-surface);--wel-select-ink:var(--wel-color-ink);--wel-select-border:var(--wel-color-border-strong);--wel-select-radius:var(--wel-radius-control);--wel-select-padding-block:var(--wel-space-2);--wel-select-padding-inline:var(--wel-space-3);--wel-select-caret-color:var(--wel-color-ink-muted);--wel-select-caret-size:.4em;appearance:none;padding-block:var(--wel-select-padding-block);padding-inline:var(--wel-select-padding-inline);background-color:var(--wel-select-bg);min-block-size:1.5rem;min-inline-size:8rem;color:var(--wel-select-ink);border:var(--wel-border-width) solid var(--wel-select-border);border-radius:var(--wel-select-radius);font:inherit;font-size:var(--wel-text-size-0);line-height:var(--wel-text-leading-tight);background-image:linear-gradient(135deg, var(--wel-select-caret-color) calc(50% - .5px), transparent calc(50% + .5px)), linear-gradient(45deg, transparent calc(50% - .5px), var(--wel-select-caret-color) calc(50% + .5px));background-position:calc(100% - var(--wel-select-padding-inline)) 50%, calc(100% - var(--wel-select-padding-inline) - var(--wel-select-caret-size) / 2) 50%;background-size:calc(var(--wel-select-caret-size) / 2) var(--wel-select-caret-size);transition:border-color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease);background-repeat:no-repeat;padding-inline-end:calc(var(--wel-select-padding-inline) + var(--wel-select-caret-size) + var(--wel-space-2))}.select:where(:dir(rtl)){background-position:calc(var(--wel-select-padding-inline) + var(--wel-select-caret-size) / 2) 50%, var(--wel-select-padding-inline) 50%;padding-inline-start:calc(var(--wel-select-padding-inline) + var(--wel-select-caret-size) + var(--wel-space-2));padding-inline-end:var(--wel-select-padding-inline)}:where(.field) .select{inline-size:100%}@media (forced-colors:active){.select{appearance:auto;background-image:none}}}@layer variants{.select[data-size=sm]{--wel-select-padding-block:var(--wel-space-1);--wel-select-padding-inline:var(--wel-space-2);font-size:var(--wel-text-size--1)}.select[data-size=lg]{--wel-select-padding-block:var(--wel-space-3);--wel-select-padding-inline:var(--wel-space-4);font-size:var(--wel-text-size-1)}}@layer states{@media (hover:hover){.select:hover{border-color:var(--wel-color-ink-muted)}}.select:user-invalid{border-color:var(--wel-color-danger)}.select:disabled{background-color:var(--wel-color-surface-sunken);color:var(--wel-color-ink-faint);border-color:var(--wel-color-border);--wel-select-caret-color:var(--wel-color-ink-faint)}}@layer utilities,overrides;