/* Input · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Input. */
/* base.css */
.field.is-focus, .input.is-focus{outline:0;border-color:hsl(var(--ring));box-shadow:var(--focus-ring)}
/* base.css */
.kit-m .field{height:var(--control-h-m)}
/* base.css */
.field, .input{height:var(--control-h);width:100%;border:1px solid hsl(var(--input));border-radius:var(--r-control);display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-3);background:hsl(var(--background));outline:none;transition:border-color var(--motion-hover),box-shadow var(--motion-focus)}
/* base.css */
.field:focus-within, .input:focus{border-color:hsl(var(--ring));box-shadow:var(--focus-ring)}
/* base.css */
.input::placeholder{color:hsl(var(--muted-foreground))}
/* base.css */
.field .grow{flex:1;min-width:0}
/* base.css */
.field.err, .input.err{border-color:hsl(var(--destructive))}
/* base.css */
.field[aria-disabled=true], .input[disabled]{background:hsl(var(--muted));color:hsl(var(--muted-foreground));opacity:.8}
/* base.css */
.field, .input{cursor:text}
/* base.css */
button.field, .field[data-k-trigger]{cursor:pointer;text-align:left}
/* base.css */
.field:hover, .input:hover, .field.is-hover, .input.is-hover{border-color:hsl(var(--input-hover))}
/* base.css */
.field.err:hover, .input.err:hover{border-color:hsl(var(--destructive))}
/* base.css */
.field[aria-disabled=true]:hover, .input[disabled]:hover, .input[readonly]:hover{border-color:hsl(var(--input))}
/* base.css */
button.field[disabled], .field[disabled]{background:hsl(var(--muted));color:hsl(var(--muted-foreground));opacity:.8;cursor:not-allowed;border-color:hsl(var(--input))}
/* base.css */
.open>.field[data-k-trigger]{border-color:hsl(var(--ring));box-shadow:var(--focus-ring)}
/* base.css */
.kit-m .field.auto{height:auto;min-height:var(--control-h-m)}
/* base.css */
.kit-m input:not([type=checkbox]):not([type=radio]):not([type=range]){font-size:var(--text-input-m)}