@layer components{.input{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem) * var(--in-size-mul,10));--input-color:var(--color-base-content);flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}
@supports (color:color-mix(in lab,red,red)){.input{--input-color:color-mix(in oklab,var(--color-base-content) 20%,#0000)}}
.input{cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min,.875rem));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px var(--input-color) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))}
@supports (color:color-mix(in lab,red,red)){.input{box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}
.input input{appearance:none;background-color:#0000;border:none;width:100%;height:100%}
.input input::placeholder{color:var(--color-base-content);opacity:.5}
.input input:focus,.input input:focus-within{--tw-outline-style:none;outline-style:none}
@media (forced-colors:active){.input input:focus,.input input:focus-within{outline-offset:2px;outline:2px solid #0000}}
.input input::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}
.input::-webkit-inner-spin-button{margin-inline-end:-10px}
.input::-webkit-calendar-picker-indicator{inset-inline-end:.75em}
input.input{text-align:start;display:inline-flex;position:relative}
input.input[type=url],input.input[type=tel],input.input[type=email],input.input[type=number]{direction:ltr}
input.input::-webkit-datetime-edit,input.input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}
input.input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--spin-my,-3))}
input.input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}
input.input::-webkit-color-swatch-wrapper{padding-block:.25rem}
.input input{text-align:start;display:inline-flex;position:relative}
.input input[type=url],.input input[type=tel],.input input[type=email],.input input[type=number]{direction:ltr}
.input input::-webkit-datetime-edit,.input input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}
.input input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--spin-my,-3))}
.input input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}
.input input::-webkit-color-swatch-wrapper{padding-block:.25rem}
.input:focus{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}
@supports (color:color-mix(in lab,red,red)){.input:focus{box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000)}}
.input:focus{outline:2px solid var(--input-color);outline-offset:2px}
@media (pointer:coarse){@supports (-webkit-touch-callout:none){.input:focus{--font-size:1rem}}}
.input:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}
@supports (color:color-mix(in lab,red,red)){.input:focus-within{box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000)}}
.input:focus-within{outline:2px solid var(--input-color);outline-offset:2px}
@media (pointer:coarse){@supports (-webkit-touch-callout:none){.input:focus-within{--font-size:1rem}}}
.input:has(>input[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}
.input:has(>input[disabled]):is(input),.input:has(>input[disabled]) :is(input){color:var(--color-base-content)}
@supports (color:color-mix(in lab,red,red)){.input:has(>input[disabled]):is(input),.input:has(>input[disabled]) :is(input){color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}}
.input:has(>input[disabled]){box-shadow:none}
.input:has(>input[disabled])::placeholder,.input:has(>input[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}
.input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}
.input:is(:disabled,[disabled]):is(input),.input:is(:disabled,[disabled]) :is(input){color:var(--color-base-content)}
@supports (color:color-mix(in lab,red,red)){.input:is(:disabled,[disabled]):is(input),.input:is(:disabled,[disabled]) :is(input){color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}}
.input:is(:disabled,[disabled]){box-shadow:none}
.input:is(:disabled,[disabled])::placeholder,.input:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}
fieldset:disabled .input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}
fieldset:disabled .input:is(input),fieldset:disabled .input :is(input){color:var(--color-base-content)}
@supports (color:color-mix(in lab,red,red)){fieldset:disabled .input:is(input),fieldset:disabled .input :is(input){color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}}
fieldset:disabled .input{box-shadow:none}
fieldset:disabled .input::placeholder,fieldset:disabled .input ::placeholder{color:var(--color-base-content);opacity:.2}
.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}
.input-ghost{box-shadow:none;background-color:#0000;border-color:#0000}
.input-ghost:focus,.input-ghost:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}
.input-sm{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}
.floating-label:has(.input-sm){--top-mul:4;--font-size:.75rem}
.input-xs{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}
.floating-label:has(.input-xs){--top-mul:3;--font-size:.6875rem}
.data-error\:input-error[data-error],.data-error\:input-error[data-error]:focus,.data-error\:input-error[data-error]:focus-within{--input-color:var(--color-error)}}