@layer ui-components{.ui-input{border:1px solid var(--ui-border);background:var(--ui-surface);cursor:text;transition:border-color var(--ui-duration-press) ease, outline-color var(--ui-duration-press) ease;align-items:center;gap:.5rem;padding-inline:.75rem;display:flex;position:relative}.ui-input--sm{border-radius:calc(var(--ui-radius) - 4px);block-size:1.75rem;font-size:.8125rem}.ui-input--md{border-radius:calc(var(--ui-radius) - 2px);block-size:2.25rem;font-size:.875rem}.ui-input--lg{border-radius:var(--ui-radius);block-size:2.5rem;font-size:1rem}.ui-input-el{block-size:100%;min-inline-size:0;color:var(--ui-text);font:inherit;background:0 0;border:none;outline:none;flex:auto}.ui-input-el::placeholder{color:var(--ui-text-muted)}.ui-input-el:-webkit-autofill{box-shadow:0 0 0 1000px var(--ui-surface) inset;-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);transition:background-color 999999s ease-in-out}.ui-input-el:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--ui-surface) inset;-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);transition:background-color 999999s ease-in-out}.ui-input-el:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--ui-surface) inset;-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);transition:background-color 999999s ease-in-out}.ui-input-start,.ui-input-end{color:var(--ui-text-muted);flex:none;align-items:center;gap:.25rem;display:inline-flex}.ui-input:focus-within{border-color:var(--ui-primary)}.ui-input[data-focus-visible]{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-input[data-state=invalid],.ui-input[data-state=invalid]:focus-within{border-color:var(--ui-danger)}.ui-input[data-state=invalid][data-focus-visible]{outline-color:var(--ui-danger)}.ui-input--disabled{opacity:.5;cursor:not-allowed}.ui-input--disabled .ui-input-el{cursor:not-allowed}}