.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.label-container{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.character-counter{color:var(--color-neutral-muted);font-size:var(--font-size-sm);white-space:nowrap}.input-container{align-items:center;display:flex;position:relative;width:100%}.input-icon{color:var(--color-neutral-muted);height:1rem;pointer-events:none;position:absolute;width:1rem}.input-icon.icon-start{left:.75rem}.input-icon.icon-end{right:.75rem}.input{background-color:var(--color-background);border:1px solid var(--color-input);border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-input);height:2.5rem;line-height:1.25rem;outline:none;padding:.5rem .75rem;transition:box-shadow .2s;width:100%}.input.has-icon-start{padding-left:2.5rem}.input.has-icon-end{padding-right:2.5rem}.input.textarea{font-family:inherit;height:auto;min-height:2.5rem;overflow:hidden;resize:none}.input::-moz-placeholder{color:var(--color-neutral-muted)}.input::placeholder{color:var(--color-neutral-muted)}.input::file-selector-button{background-color:transparent;border:0;font-size:var(--font-size-input);font-weight:500;line-height:1.25rem}.input:focus-visible{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-ring);outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.input.has-error{border-color:var(--color-destructive)}.input.has-error:focus-visible{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-destructive)}.hint-text{color:var(--color-neutral-muted)}.error-text,.hint-text{font-size:var(--font-size-sm);line-height:1rem;margin:0}.error-text{color:var(--color-destructive)}.select-wrapper{width:100%}.password-toggle{align-items:center;background:none;border:none;color:var(--color-neutral-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;pointer-events:auto;position:absolute;right:.5rem;transition:color .2s}.password-toggle:hover{color:var(--color-foreground)}.password-toggle:focus{outline:none}.checkbox-wrapper,.switch-wrapper{align-items:center;display:flex;gap:.5rem}.checkbox{border:1px solid var(--color-input);border-radius:var(--border-radius-sm);cursor:pointer;height:1rem;width:1rem}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox:focus-visible{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-ring);outline:none}.checkbox:disabled{cursor:not-allowed;opacity:.5}