/* text-field · Componentes (MIRÓ Labs). Diseño de coss ui (MIT, © coss.com, antes Origin UI).
   Generado por tools/build_css.py desde text-field.tw.json. No editar a mano. Necesita tokens.css. */
.c-input{position:relative}
.c-textarea{position:relative}
.c-field{display:flex}
.c-label{display:inline-flex}
.c-input{display:inline-flex}
.c-textarea{display:inline-flex}
.c-textarea__field{field-sizing:content}
.c-input__field{height:calc(var(--spacing)*8.5)}
.c-textarea__field{min-height:calc(var(--spacing)*17.5)}
.c-input{width:100%}
.c-input__field{width:100%}
.c-textarea{width:100%}
.c-textarea__field{width:100%}
.c-input__field{min-width:calc(var(--spacing)*0)}
.c-field{flex-direction:column}
.c-label{align-items:center}
.c-field{align-items:flex-start;gap:calc(var(--spacing)*2)}
.c-label{gap:calc(var(--spacing)*2)}
.c-input__field{border-radius:inherit}
.c-textarea__field{border-radius:inherit}
.c-input{border-radius:var(--radius)}
.c-textarea{border-radius:var(--radius)}
.c-input{border-style:var(--tw-border-style);border-width:1px}
.c-textarea{border-style:var(--tw-border-style);border-width:1px}
.c-input{border-color:var(--input)}
.c-textarea{border-color:var(--input)}
.c-input{background-color:var(--background)}
.c-textarea{background-color:var(--background)}
.c-input__field{padding-inline:calc(calc(var(--spacing)*3) - 1px)}
.c-textarea__field{padding-inline:calc(calc(var(--spacing)*3) - 1px);padding-block:calc(calc(var(--spacing)*1.5) - 1px)}
.c-input{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
.c-textarea{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
.c-label{font-size:var(--text-base);line-height:calc(var(--spacing)*4.5)}
.c-field__description{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
.c-field__error{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
.c-input__field{--tw-leading:calc(var(--spacing)*8.5);line-height:calc(var(--spacing)*8.5)}
.c-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
.c-field__error{color:var(--destructive-foreground)}
.c-label{color:var(--foreground)}
.c-input__field{color:var(--foreground)}
.c-textarea__field{color:var(--foreground)}
.c-field__description{color:var(--muted-foreground)}
.c-input{--tw-shadow-alpha:5%;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-textarea{--tw-shadow-alpha:5%;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
@supports (color:lab(0% 0 0)){
.c-input{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,lab(0% 0 0/.05))}
.c-textarea{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,lab(0% 0 0/.05))}
}
.c-input{--tw-ring-color:var(--ring)}
.c-textarea{--tw-ring-color:var(--ring)}
@supports (color:color-mix(in lab, red, red)){
.c-input{--tw-ring-color:color-mix(in oklab,var(--ring)24%,transparent)}
.c-textarea{--tw-ring-color:color-mix(in oklab,var(--ring)24%,transparent)}
}
.c-input{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.c-textarea{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.c-input__field{--tw-outline-style:none;outline-style:none}
.c-textarea__field{--tw-outline-style:none;outline-style:none}
.c-input:not(:is(.dark *)){background-clip:padding-box}
.c-textarea:not(:is(.dark *)){background-clip:padding-box}
.c-input__field::placeholder{color:var(--muted-foreground)}
.c-textarea__field::placeholder{color:var(--muted-foreground)}
@supports (color:color-mix(in lab, red, red)){
.c-input__field::placeholder{color:color-mix(in oklab,var(--muted-foreground)72%,transparent)}
.c-textarea__field::placeholder{color:color-mix(in oklab,var(--muted-foreground)72%,transparent)}
}
.c-input:before{content:var(--tw-content);pointer-events:none}
.c-textarea:before{content:var(--tw-content);pointer-events:none}
.c-input:before{content:var(--tw-content);position:absolute}
.c-textarea:before{content:var(--tw-content);position:absolute}
.c-input:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}
.c-textarea:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}
.c-input:before{content:var(--tw-content);border-radius:calc(var(--radius-lg) - 1px)}
.c-textarea:before{content:var(--tw-content);border-radius:calc(var(--radius-lg) - 1px)}
.c-input:not(:has(:disabled)):not(:has(:focus-visible)):not(:has([aria-invalid=true])):before{content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}
@supports (color:color-mix(in lab, red, red)){
.c-input:not(:has(:disabled)):not(:has(:focus-visible)):not(:has([aria-invalid=true])):before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab,var(--color-black)4%,transparent))}
}
.c-input:not(:has(:disabled)):not(:has(:focus-visible)):not(:has([aria-invalid=true])):before{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-textarea:not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid=true])):before{content:var(--tw-content);--tw-shadow:0 1px var(--tw-shadow-color,#0000000a)}
@supports (color:color-mix(in lab, red, red)){
.c-textarea:not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid=true])):before{--tw-shadow:0 1px var(--tw-shadow-color,color-mix(in oklab,var(--color-black)4%,transparent))}
}
.c-textarea:not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid=true])):before{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-input:has(:autofill){background-color:var(--foreground)}
@supports (color:color-mix(in lab, red, red)){
.c-input:has(:autofill){background-color:color-mix(in oklab,var(--foreground)4%,transparent)}
}
.c-input:has(:focus-visible){border-color:var(--ring)}
.c-textarea:has(:focus-visible){border-color:var(--ring)}
.c-input:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-textarea:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-input:has(:disabled){opacity:.64}
.c-textarea:has(:disabled){opacity:.64}
.c-input:has([aria-invalid=true]){border-color:var(--destructive)}
.c-textarea:has([aria-invalid=true]){border-color:var(--destructive)}
@supports (color:color-mix(in lab, red, red)){
.c-input:has([aria-invalid=true]){border-color:color-mix(in oklab,var(--destructive)36%,transparent)}
.c-textarea:has([aria-invalid=true]){border-color:color-mix(in oklab,var(--destructive)36%,transparent)}
}
.c-input:has(:focus-visible):has([aria-invalid=true]){border-color:var(--destructive)}
.c-textarea:has(:focus-visible):has([aria-invalid=true]){border-color:var(--destructive)}
@supports (color:color-mix(in lab, red, red)){
.c-input:has(:focus-visible):has([aria-invalid=true]){border-color:color-mix(in oklab,var(--destructive)64%,transparent)}
.c-textarea:has(:focus-visible):has([aria-invalid=true]){border-color:color-mix(in oklab,var(--destructive)64%,transparent)}
}
.c-input:has(:focus-visible):has([aria-invalid=true]){--tw-ring-color:var(--destructive)}
.c-textarea:has(:focus-visible):has([aria-invalid=true]){--tw-ring-color:var(--destructive)}
@supports (color:color-mix(in lab, red, red)){
.c-input:has(:focus-visible):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)16%,transparent)}
.c-textarea:has(:focus-visible):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)16%,transparent)}
}
@media not all and (min-width:40rem){
.c-textarea__field{min-height:calc(var(--spacing)*20.5)}
}
@media (min-width:40rem){
.c-input__field{height:calc(var(--spacing)*7.5)}
.c-input{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.c-textarea{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.c-label{font-size:var(--text-sm);line-height:calc(var(--spacing)*4)}
.c-input__field{--tw-leading:calc(var(--spacing)*7.5);line-height:calc(var(--spacing)*7.5)}
}
.c-input:is(.dark *){background-color:var(--input)}
.c-textarea:is(.dark *){background-color:var(--input)}
@supports (color:color-mix(in lab, red, red)){
.c-input:is(.dark *){background-color:color-mix(in oklab,var(--input)32%,transparent)}
.c-textarea:is(.dark *){background-color:color-mix(in oklab,var(--input)32%,transparent)}
}
.c-input:is(.dark *):not(:has(:disabled)):not(:has(:focus-visible)):not(:has([aria-invalid=true])):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}
@supports (color:color-mix(in lab, red, red)){
.c-input:is(.dark *):not(:has(:disabled)):not(:has(:focus-visible)):not(:has([aria-invalid=true])):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab,var(--color-white)6%,transparent))}
}
.c-input:is(.dark *):not(:has(:disabled)):not(:has(:focus-visible)):not(:has([aria-invalid=true])):before{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-textarea:is(.dark *):not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid=true])):before{content:var(--tw-content);--tw-shadow:0 -1px var(--tw-shadow-color,#ffffff0f)}
@supports (color:color-mix(in lab, red, red)){
.c-textarea:is(.dark *):not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid=true])):before{--tw-shadow:0 -1px var(--tw-shadow-color,color-mix(in oklab,var(--color-white)6%,transparent))}
}
.c-textarea:is(.dark *):not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid=true])):before{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.c-input:is(.dark *):has(:autofill){background-color:var(--foreground)}
@supports (color:color-mix(in lab, red, red)){
.c-input:is(.dark *):has(:autofill){background-color:color-mix(in oklab,var(--foreground)8%,transparent)}
}
.c-input:is(.dark *):has([aria-invalid=true]){--tw-ring-color:var(--destructive)}
.c-textarea:is(.dark *):has([aria-invalid=true]){--tw-ring-color:var(--destructive)}
@supports (color:color-mix(in lab, red, red)){
.c-input:is(.dark *):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)24%,transparent)}
.c-textarea:is(.dark *):has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)24%,transparent)}
}
/* propio */
.c-form{display:grid;gap:1.25rem;width:100%;max-width:22rem}
.c-field{width:100%}
.c-field__error:empty{display:none}
.c-input__field,.c-textarea__field{background:transparent;border:0;font:inherit;color:inherit}
.c-textarea__field{resize:vertical}
.c-label__optional{font-weight:400;color:var(--muted-foreground)}
.c-input:has(:disabled,:focus-visible,[aria-invalid=true]),.c-textarea:has(:disabled,:focus-visible,[aria-invalid=true]){box-shadow:none}