.input-container{display:flex;flex-direction:column;gap:.375rem;width:100%}.input-header{justify-content:space-between}.input-header,.input-label{display:flex;align-items:center}.input-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));gap:.2rem}.input-clear{font-size:.875rem;color:hsl(var(--muted));background:none;border:none;cursor:pointer;transition:color .2s}.input-clear:hover{color:hsl(var(--muted-200))}.input-wrapper{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--radius-md);border:1.5px solid hsl(var(--muted));background:hsl(var(--input));transition:border-color .2s,background-color .2s}.input-wrapper:not(.input-disabled):not(.input-error):hover{border-color:hsl(var(--primary))}.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus){border-color:hsl(var(--primary-300))}.input-wrapper.input-error{border-color:hsl(var(--destructive));background-color:hsl(var(--destructive-bg)/.3)}.input-wrapper.input-error:has(input:focus),.input-wrapper.input-error:hover{border-color:hsl(var(--destructive))}.input-wrapper.input-disabled{opacity:.5;cursor:not-allowed}.input{width:100%;height:100%;border:none;outline:none;color:hsl(var(--foreground));padding:0 .8rem;background:none}.input::placeholder{color:hsl(var(--muted));font-size:.875rem;font-weight:400}.input:disabled{cursor:not-allowed}.input-sm{height:2rem;font-size:.875rem}.input-md{height:2.5rem;font-size:1rem}.input-lg{height:3rem;font-size:1.125rem}.input-icon-left,.input-icon-right{position:absolute;display:flex;align-items:center;height:100%;color:hsl(var(--muted-200));transition:color .2s}.input-icon-left{left:.75rem}.input-icon-right{right:.75rem}.input-wrapper:not(.input-disabled):not(.input-error):hover .input-icon-left,.input-wrapper:not(.input-disabled):not(.input-error):hover .input-icon-right{color:hsl(var(--primary))}.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) .input-icon-left,.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) .input-icon-right{color:hsl(var(--primary))}.input-has-left-icon{padding-left:2.5rem}.input-has-right-icon{padding-right:2.5rem}.input-has-both-icons{padding-left:2.5rem;padding-right:2.5rem}.input-icon-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;height:100%;cursor:pointer;transition:color .2s}.input-icon-button:hover:not(:disabled){color:hsl(var(--primary-300))}.input-icon-button:disabled{cursor:not-allowed;opacity:.5}.input-note{font-size:.875rem;color:hsl(var(--muted-200));transition:color .2s}.input-wrapper:not(.input-disabled):not(.input-error):hover+.input-note{color:hsl(var(--primary))}.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus)+.input-note{color:hsl(var(--primary))}.input-error-message{font-size:.875rem;color:hsl(var(--destructive))}.input-info-icon{color:hsl(var(--muted-200))}.input-info-icon:hover{color:hsl(var(--primary))}