@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.field{--wel-field-gap:var(--wel-space-1);--wel-input-bg:var(--wel-color-surface);--wel-input-ink:var(--wel-color-ink);--wel-input-border:var(--wel-color-border-strong);--wel-input-radius:var(--wel-radius-control);--wel-input-padding-block:var(--wel-space-2);--wel-input-padding-inline:var(--wel-space-3);--wel-control-accent:var(--wel-color-accent);--wel-field-hint-ink:var(--wel-color-ink-muted);--wel-field-error-ink:var(--wel-color-danger);align-items:start;gap:var(--wel-field-gap);flex-direction:column;display:flex}.field>:where(label),.field>:where(legend){font-weight:500}.field :where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])),.field :where(textarea){inline-size:100%;padding-block:var(--wel-input-padding-block);padding-inline:var(--wel-input-padding-inline);background-color:var(--wel-input-bg);color:var(--wel-input-ink);border:var(--wel-border-width) solid var(--wel-input-border);border-radius:var(--wel-input-radius);font:inherit;line-height:var(--wel-text-leading-tight);transition:border-color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease)}.field :where(textarea){resize:vertical}@supports (field-sizing:content){.field :where(textarea){field-sizing:content;min-block-size:2lh;max-block-size:var(--wel-textarea-max-block,12lh)}}.field :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--wel-control-accent);flex:none}.field:where(:has(>input[type=checkbox],>input[type=radio])){align-items:center;gap:var(--wel-space-2);flex-direction:row}.field:where(:has(>input[type=checkbox],>input[type=radio]))>:where(label){font-weight:400}.field:where(fieldset){border:0;margin:0;padding:0}.field :where(.hint){color:var(--wel-field-hint-ink);font-size:var(--wel-text-size--1)}.field :where(.error){color:var(--wel-field-error-ink);font-size:var(--wel-text-size--1);font-weight:500;display:none}.field:where(:has(:user-invalid,[aria-invalid=true])) :where(.error){display:block}.field:where(:has(:user-invalid,[aria-invalid=true]))>:where(label,legend){color:var(--wel-field-error-ink)}.field:where(:has(:disabled))>:where(label,legend){color:var(--wel-color-ink-faint)}.field :where(input.switch){appearance:none;border:var(--wel-border-width) solid var(--wel-input-border);border-radius:var(--wel-radius-full);background-color:var(--wel-color-surface-sunken);background-image:radial-gradient(circle closest-side, var(--wel-color-ink-muted) 92%, transparent);block-size:1.5rem;inline-size:2.75rem;transition:background-position calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease), background-color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease);background-position:.1875rem;background-repeat:no-repeat;background-size:1.125rem 1.125rem}.field :where(input.switch:dir(rtl)){background-position:calc(100% - .1875rem)}@media (forced-colors:active){.field :where(input.switch){appearance:auto;background-image:none}}}@layer variants{.field[data-size=sm]{--wel-input-padding-block:var(--wel-space-1);--wel-input-padding-inline:var(--wel-space-2);font-size:var(--wel-text-size--1)}.field[data-size=lg]{--wel-input-padding-block:var(--wel-space-3);--wel-input-padding-inline:var(--wel-space-4);font-size:var(--wel-text-size-1)}}@layer states{@media (hover:hover){.field :where(input,textarea):hover{border-color:var(--wel-color-ink-muted)}}.field :where(input:not([type=checkbox],[type=radio]),textarea):read-only{background-color:var(--wel-color-surface-sunken)}:is(.field :where(input,textarea):user-invalid,.field :where(input,textarea)[aria-invalid=true]){border-color:var(--wel-color-danger)}:where([data-show-valid]) .field :where(input,textarea):user-valid:where(:not([aria-invalid=true])){border-color:var(--wel-color-success)}.field :where(input.switch):checked{background-color:var(--wel-control-accent);background-image:radial-gradient(circle closest-side, var(--wel-color-accent-contrast) 92%, transparent);border-color:var(--wel-control-accent);background-position:calc(100% - .1875rem)}.field :where(input.switch:dir(rtl)):checked{background-position:.1875rem}.field :where(input,textarea):disabled{background-color:var(--wel-color-surface-sunken);color:var(--wel-color-ink-faint);border-color:var(--wel-color-border)}}@layer utilities,overrides;