.ui-input{width:100%}.ui-input__label{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);margin-left:calc(var(--spacing) * 1);text-transform:uppercase;color:oklch(from var(--colors-foreground) l c h/64%);display:inline-block}.ui-input__field{margin-top:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * .5);min-height:calc(var(--spacing) * 9);display:flex}.ui-input--default .ui-input__field{background:oklch(from var(--colors-button) l c h/5%);border:1px solid var(--colors-border)}.ui-input--default.ui-input--focus.ui-input--error,.ui-input--default:focus-within.ui-input--error{--current-color:var(--colors-danger)!important}.ui-input--default.ui-input--focus .ui-input__field,.ui-input--default:focus-within .ui-input__field{border-color:var(--current-color)}.ui-input--default.ui-input--focus .ui-input__label,.ui-input--default:focus-within .ui-input__label{color:var(--current-color)}.ui-input--ghost .ui-input__field{background:oklch(from var(--colors-button) l c h/5%);border:1px solid #0000}.ui-input__messages{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));margin-left:calc(var(--spacing) * 1)}.ui-input__messages .ui-input__error{color:var(--colors-danger)}.ui-input__messages .ui-input__hint{color:oklch(from var(--colors-foreground) l c h/50%)}.ui-input--xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight))}.ui-input--xs .ui-input__field{padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1);border-radius:var(--radius-md);gap:calc(var(--spacing) * 1);min-height:calc(var(--spacing) * 6)}.ui-input--sm{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight))}.ui-input--sm .ui-input__field{padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1.5);border-radius:var(--radius-md);gap:calc(var(--spacing) * 1);min-height:calc(var(--spacing) * 7)}.ui-input--md{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight))}.ui-input--md .ui-input__field{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);border-radius:var(--radius-lg);gap:calc(var(--spacing) * 1.5);min-height:calc(var(--spacing) * 8)}.ui-input--lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight))}.ui-input--lg .ui-input__field{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);border-radius:var(--radius-xl);gap:calc(var(--spacing) * 1.5);min-height:calc(var(--spacing) * 9)}.ui-input--lg .ui-input__append,.ui-input--lg .ui-input__prepend{padding-top:calc(var(--spacing) * 0)}.ui-input--xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight))}.ui-input--xl .ui-input__field{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);border-radius:var(--radius-xl);gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 9)}.ui-input--xl .ui-input__append,.ui-input--xl .ui-input__prepend{padding-top:calc(var(--spacing) * .5)}.ui-input--error .ui-input__label{color:var(--colors-danger)}.ui-input--disabled{opacity:.5;cursor:not-allowed}.ui-input--loading{pointer-events:none}.ui-input--loading .ui-input__field{opacity:.7;position:relative;overflow:hidden}.ui-input--loading .ui-input__field:after{content:"";height:calc(var(--spacing) * .5);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);background:linear-gradient(90deg,transparent,var(--current-color),transparent);width:40%;animation:1.4s ease-in-out infinite ui-input-loading;position:absolute}.ui-input--rounded .ui-input__field{border-radius:3.40282e38px!important}.ui-input__append .ui-icon,.ui-input__prepend .ui-icon{height:1.25em}@keyframes ui-input-loading{0%{left:-40%}to{left:100%}}