.inputContainer{gap:var(--spacing-xs);flex-direction:column;display:flex}.inputContainer.fullWidth{width:100%}.inputContainer .labelRow{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-right:1.2em;display:flex}.inputContainer .labelRow .label{font-size:var(--font-xs);width:fit-content;color:var(--text);margin-right:0;font-weight:200}.inputContainer .labelRow .labelExtra{font-size:var(--font-xs);align-items:center;display:flex}.inputContainer .inputAddon{height:var(--surfaceSize);aspect-ratio:1;justify-content:center;align-items:center;width:auto;display:flex}.inputContainer .inputWrap{border:1px solid var(--border-50);border-radius:var(--radius-pill);padding:0 var(--spacing-sm);height:var(--surfaceSize);background:0 0;align-items:center;gap:.25rem;transition:all .3s;display:flex}.inputContainer .inputWrap.hasSuffix{gap:0;padding-left:0!important}.inputContainer .inputWrap.hasPrefix{gap:0;padding-right:0!important}.inputContainer .inputWrap.hasPrefix input{padding-right:0}.inputContainer .inputWrap:focus-within{background:var(--surface)}.inputContainer .inputWrap.error{border-color:var(--error)}.inputContainer .inputWrap.error:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--error)10%,transparent)}.inputContainer .inputWrap.success{border-color:var(--success)}.inputContainer .inputWrap.success:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--success)10%,transparent)}.inputContainer .inputWrap.disabled{opacity:.6;cursor:not-allowed}.inputContainer .inputWrap .inputAddon{color:var(--text);flex-shrink:0;align-items:center;display:flex}.inputContainer .inputWrap .inputAddon .icon{opacity:.45;transition:opacity .2s}.inputContainer .inputWrap:focus-within .inputAddon .icon{opacity:.85}.inputContainer .inputWrap .input{min-width:0;color:var(--text);font-size:var(--font-sm);height:100%;padding:0 var(--spacing-xs);background:0 0;border:none;flex:1;border-radius:0!important}.inputContainer .inputWrap .input.alignLeft{text-align:left;direction:ltr}.inputContainer .inputWrap .input.phoneInput{padding:0;font-size:1.25em;line-height:100%}.inputContainer .inputWrap .input.phoneInput::placeholder{font-size:.8em!important}:is(.inputContainer .inputWrap .input:-internal-autofill-selected,.inputContainer .inputWrap .input:autofill,.inputContainer .inputWrap .input:focus){outline:none;background:0 0!important}.inputContainer .inputWrap .input::placeholder{color:var(--text);opacity:.3}.inputContainer .inputWrap .input::-ms-reveal{display:none}.inputContainer .inputWrap .input::-ms-clear{display:none}.inputContainer .inputWrap .inputToggle{font-size:1em}.inputContainer .inputWrap .inputToggle .icon{bottom:0}.inputContainer .inputHint{font-size:var(--font-xs);color:var(--text);opacity:.6;text-align:right}.inputContainer .inputHint.hintError{color:var(--accent);opacity:1;animation:.4s shakeAnim}.label{font-size:var(--font-xs);width:fit-content;color:var(--text);margin-right:1.2em;font-weight:200}.otpContainer{direction:ltr;flex-direction:row;justify-content:center;width:100%;display:flex}.otpContainer.disabled:not(.otpLoading){opacity:.5;pointer-events:none}.otpContainer.otpLoading{cursor:pointer}.otpContainer.otpShake{animation:.4s shakeAnim}.otpCell{aspect-ratio:1;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:0 0;background:var(--background);justify-content:center;align-items:center;width:4em;height:auto;margin-left:-.3em;transition:border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.otpCell.focused{border-color:var(--primary);background:color-mix(in srgb,var(--primary)4%,var(--background));z-index:1}.otpCell.active:not(.focused){border-color:color-mix(in srgb,var(--primary)40%,var(--background));z-index:1}.otpCell.filled{border-color:var(--primary);background:color-mix(in srgb,var(--primary)6%,var(--background))}.otpLoading .otpCell{border-color:color-mix(in srgb,var(--primary)30%,var(--border));will-change:transform;cursor:pointer}.otpLoading .otpCell.filled{border-color:color-mix(in srgb,var(--primary)40%,var(--border));background:color-mix(in srgb,var(--primary)4%,var(--background))}.error .otpCell{border-color:var(--error);margin-left:0!important}.error .otpCell.filled{background:color-mix(in srgb,var(--error)6%,var(--background));border-color:var(--error)}.error .otpCell.focused{box-shadow:0 0 0 3px color-mix(in srgb,var(--error)12%,transparent);border-color:var(--error)}.error .otpCell .otpDigit{font-variation-settings:"wght" 300,"wdth" 95}.otpCell.success{margin-left:-.7em}.otpCell.success.filled{border-color:var(--success);background:color-mix(in srgb,var(--success)6%,var(--background))}.otpCell.success.filled .otpDigit{font-variation-settings:"wght" 600,"wdth" 95;color:var(--success)}.otpCellInput{opacity:0;cursor:text;z-index:2;background:0 0;border:none;width:100%;height:100%;font-size:1rem;position:absolute;inset:0}.otpCellInput:focus{outline:none}.otpLoading .otpCellInput{cursor:pointer}.otpDigit{font-family:var(--fontEng);font-size:var(--font-xl);font-variation-settings:"wght" 400,"wdth" 95;color:var(--text);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;justify-content:center;align-items:center;font-weight:600;transition:opacity .3s;display:flex}.otpCursor{background:var(--primary);z-index:1;border-radius:1px;width:2px;height:1.4em;position:absolute}.otpCellBorder{display:none}@keyframes shakeAnim{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}input,textarea{font-weight:300}