@layer base{.input{--input-size:calc(var(--size-field,.25rem) * 10);width:100%;height:var(--input-size);padding-inline:calc(var(--size-field,.25rem) * 3);color:var(--color-base-content);background-color:var(--color-base-100);border-width:var(--border,1px);border-style:solid;border-color:var(--input-border,var(--input-accent,var(--color-base-300)));border-radius:var(--radius-field,.25rem);appearance:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));align-content:center;font-size:1rem;line-height:1;display:block}.input::placeholder{color:var(--color-base-content);opacity:.5}.input:focus,.input:focus-visible{outline:var(--focus-width,2px) solid var(--input-accent,var(--color-primary));outline-offset:var(--focus-offset,2px);border-color:var(--input-accent,var(--color-primary))}.input:disabled,.input[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity,.5)}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none;display:none}.input-xs{--input-size:calc(var(--size-field,.25rem) * 6);padding-inline:calc(var(--size-field,.25rem) * 2);font-size:.75rem}.input-sm{--input-size:calc(var(--size-field,.25rem) * 8);padding-inline:calc(var(--size-field,.25rem) * 2.5);font-size:.875rem}.input-md{--input-size:calc(var(--size-field,.25rem) * 10);font-size:1rem}.input-lg{--input-size:calc(var(--size-field,.25rem) * 12);padding-inline:calc(var(--size-field,.25rem) * 4);font-size:1.125rem}.input-xl{--input-size:calc(var(--size-field,.25rem) * 14);padding-inline:calc(var(--size-field,.25rem) * 4.5);font-size:1.25rem}.input-affix-start{padding-inline-start:2.25rem}.input-affix-end{padding-inline-end:2.25rem}.input-primary{--input-accent:var(--color-primary);--input-border:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.input-primary{--input-border:color-mix(in oklab,var(--color-primary) var(--field-border-tint,45%),var(--color-base-100))}}.input-primary{--input-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-primary{--input-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-secondary{--input-accent:var(--color-secondary);--input-border:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.input-secondary{--input-border:color-mix(in oklab,var(--color-secondary) var(--field-border-tint,45%),var(--color-base-100))}}.input-secondary{--input-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-secondary{--input-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-accent{--input-accent:var(--color-accent);--input-border:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.input-accent{--input-border:color-mix(in oklab,var(--color-accent) var(--field-border-tint,45%),var(--color-base-100))}}.input-accent{--input-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-accent{--input-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-neutral{--input-accent:var(--color-neutral);--input-border:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.input-neutral{--input-border:color-mix(in oklab,var(--color-neutral) var(--field-border-tint,45%),var(--color-base-100))}}.input-neutral{--input-ink:var(--color-base-content)}.input-info{--input-accent:var(--color-info);--input-border:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.input-info{--input-border:color-mix(in oklab,var(--color-info) var(--field-border-tint,45%),var(--color-base-100))}}.input-info{--input-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-info{--input-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-success{--input-accent:var(--color-success);--input-border:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.input-success{--input-border:color-mix(in oklab,var(--color-success) var(--field-border-tint,45%),var(--color-base-100))}}.input-success{--input-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-success{--input-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-warning{--input-accent:var(--color-warning);--input-border:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.input-warning{--input-border:color-mix(in oklab,var(--color-warning) var(--field-border-tint,45%),var(--color-base-100))}}.input-warning{--input-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-warning{--input-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-error{--input-accent:var(--color-error);--input-border:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.input-error{--input-border:color-mix(in oklab,var(--color-error) var(--field-border-tint,45%),var(--color-base-100))}}.input-error{--input-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-error{--input-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.input-brand{--input-accent:var(--color-brand);--input-border:var(--color-brand)}@supports (color:color-mix(in lab,red,red)){.input-brand{--input-border:color-mix(in oklab,var(--color-brand) var(--field-border-tint,45%),var(--color-base-100))}}.input-brand{--input-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.input-brand{--input-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}