.input-container{--iconSize:15px;gap:var(--gap-sm);flex-direction:column;width:100%;font-family:Space Grotesk,sans-serif;font-weight:300;display:flex;position:relative}.input-container .input-container.disabled{opacity:.6;pointer-events:none}.input-container .input-wrapper{align-items:center;gap:var(--gap-sm);width:100%;min-height:var(--inputSize);border-radius:var(--radius-md);padding:0 var(--spacing-md);background:var(--container02);transition:all .3s;display:inline-flex;position:relative}.input-container .input-wrapper:not(.disabled){cursor:pointer}.input-container .input-wrapper:not(.disabled):hover{background:var(--container05)}.input-container .input-wrapper.has-error{--text:var(--red);border-color:color-mix(in oklch,var(--text)25%,transparent);background:color-mix(in oklch,var(--text)5%,transparent)}.input-container .input-wrapper:has(.input-field.has-error){--text:var(--red);border-color:color-mix(in oklch,var(--text)25%,transparent);background:color-mix(in oklch,var(--text)5%,transparent)}.input-container .input-wrapper.has-error input::placeholder{color:var(--red);opacity:1}.input-container .input-wrapper:has(.input-field.has-error) input::placeholder{color:var(--red);opacity:1}.input-container .input-wrapper input{font-size:var(--font-sm);color:var(--text);background:0 0;border-radius:0;flex:1;height:100%;padding:0;font-family:inherit}.input-container .input-wrapper input.has-error{color:var(--red)}.input-container .input-field.has-error{outline:2px solid rgba(255,0,0,.25)}.input-container .password-toggle{background:0 0;border:0}.input-container .input-help{font-size:var(--font-xs,.8rem);opacity:.8}.input-container .error-text{font-size:var(--font-xs,.8rem);color:var(--red,#d33)}.input-label{font-size:var(--font-sm);width:100%;font-weight:300}