.text-input{--text-input-height:3rem;--text-input-radius:.375rem;--text-input-border-width:1px;--text-input-border-focus:2px;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.text-input__label-row{align-items:center;gap:var(--spacing-xs);display:flex}.text-input__label{color:var(--color-neutral-10);cursor:default}.text-input__required{color:var(--color-neutral-10)}.text-input__wrapper{align-items:center;display:flex;position:relative}.text-input__field{width:100%;height:var(--text-input-height);padding:0 var(--spacing-lg);background:var(--color-white);border-radius:var(--text-input-radius);box-shadow:0 0 0 var(--text-input-border-width) var(--color-neutral-80);color:var(--color-neutral-10);box-sizing:border-box;border:none;outline:none;line-height:1.5rem;transition:box-shadow .15s,background .15s}.text-input__field:has(+.text-input__right-label){padding-right:var(--spacing-xxl)}.text-input__field::placeholder{color:var(--color-neutral-50)}.text-input__field:hover:not(:disabled),.text-input__field:focus:not(:disabled){box-shadow:0 0 0 var(--text-input-border-focus) var(--color-neutral-10)}.text-input--disabled .text-input__field{background:var(--color-neutral-90);box-shadow:none;cursor:not-allowed;color:var(--color-neutral-50)}.text-input--disabled .text-input__field::placeholder{color:var(--color-neutral-50)}.text-input--error .text-input__field{border-color:var(--color-feedback-red);box-shadow:0 0 0 var(--text-input-border-width) var(--color-feedback-red)}.text-input--error .text-input__field:hover:not(:disabled),.text-input--error .text-input__field:focus:not(:disabled){box-shadow:0 0 0 var(--text-input-border-focus) var(--color-neutral-10)}.text-input__helper{color:var(--color-neutral-50);line-height:1rem}.text-input__error{color:var(--color-feedback-red);line-height:1rem}.text-input__right-label{right:var(--spacing-md);color:var(--color-neutral-20);pointer-events:none;line-height:1.5rem;position:absolute}.text-input__caps-lock-wrapper{right:var(--spacing-md);align-items:center;display:flex;position:absolute}.text-input__wrapper:has(.text-input__caps-lock-wrapper) .text-input__field{padding-right:var(--spacing-xxl)}.text-input__caps-lock-hint{background:var(--color-neutral-10);color:var(--color-white);padding:var(--spacing-lg) var(--spacing-lg);white-space:nowrap;z-index:200;pointer-events:none;border-radius:.5rem;position:absolute;bottom:calc(100% + .25rem);right:.25rem}.text-input__caps-lock-hint:after{content:"";bottom:-.4375rem;right:var(--spacing-md);border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--color-neutral-10);position:absolute}.text-input__password-strength{background:var(--color-neutral-90);border-radius:.125rem;width:100%;height:.25rem;overflow:hidden}.text-input__password-bar{border-radius:.125rem;height:100%;transition:width .3s,background-color .3s}.text-input__password-bar--weak{background:var(--color-feedback-red)}.text-input__password-bar--medium{background:var(--color-feedback-orange)}.text-input__password-bar--strong{background:var(--color-feedback-green)}