.ui-input{display:flex;flex-direction:column;gap:.5rem}.ui-input__label{color:var(--base-700);cursor:pointer;font-size:.875rem;justify-content:space-between;letter-spacing:-.0175rem;line-height:1.25rem}.ui-input__label,.ui-input__label-left{align-items:center;display:inline-flex;gap:.25rem}.ui-input__required{color:var(--color-error);font-weight:500}.ui-input__wrapper{align-items:center;background:var(--base-100);border:1px solid transparent;border-radius:var(--radius-xl);display:flex;gap:.5rem;overflow:hidden;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.ui-input__field{background:transparent;border:0;color:var(--base-900);flex:1 1 0;font-family:var(--font-family);font-size:.875rem;font-weight:500;letter-spacing:-.0175rem;line-height:1.25rem;min-width:0;outline:none;padding:0}.ui-input__field::-moz-placeholder{color:var(--base-500);font-weight:500}.ui-input__field::placeholder{color:var(--base-500);font-weight:500}.ui-input__field:disabled{cursor:not-allowed}.ui-input__icon{color:var(--base-500);flex-shrink:0;height:1rem;width:1rem}.ui-input__hint{color:var(--base-500);font-size:.75rem;letter-spacing:-.015rem;line-height:1rem;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--transition-base),opacity var(--transition-base),margin var(--transition-base)}.ui-input__hint--visible{margin-top:.25rem;max-height:2.5rem;opacity:1}.ui-input__hint--error{color:var(--color-error)}.ui-input__toggle{align-items:center;background:none;border:0;color:var(--base-500);cursor:pointer;display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;padding:0;transition:color var(--transition-fast);width:1rem}.ui-input__toggle:hover{color:var(--base-700)}.ui-input__toggle .iconify{height:1rem;width:1rem}.ui-input--md .ui-input__wrapper{height:3rem;padding:0 1rem}.ui-input--sm .ui-input__wrapper{height:2.5rem;padding:0 1rem}.ui-input:not(.ui-input--disabled,.ui-input--readonly,.ui-input--focused,.ui-input--invalid) .ui-input__wrapper:hover{background:var(--base-0);border-color:var(--accent-400)}.ui-input--focused:not(.ui-input--invalid) .ui-input__wrapper{background:var(--base-0);border-color:var(--accent-400);box-shadow:0 0 0 4px #245bf326}.ui-input--filled .ui-input__field{color:var(--base-900)}.ui-input--invalid .ui-input__wrapper{background:var(--base-0);border-color:#ea4e3d80;box-shadow:0 0 0 4px #ea4e3d26}.ui-input--invalid .ui-input__icon{color:var(--color-error)}.ui-input--disabled .ui-input__field,.ui-input--disabled .ui-input__label,.ui-input--disabled .ui-input__required{color:var(--base-300)}.ui-input--disabled .ui-input__field::-moz-placeholder{color:var(--base-300)}.ui-input--disabled .ui-input__field::placeholder{color:var(--base-300)}.ui-input--disabled .ui-input__hint,.ui-input--disabled .ui-input__icon{color:var(--base-300)}.ui-input--readonly .ui-input__field,.ui-input--readonly .ui-input__wrapper{cursor:default}