.rf-input-wrap{gap:var(--rf-space-2);flex-direction:column;display:flex}.rf-input-label{font:var(--rf-text-label);font-feature-settings:var(--rf-font-feature);color:var(--rf-color-text);align-items:center;gap:4px;display:inline-flex}.rf-input-required{color:var(--rf-color-danger-text)}.rf-input-field{align-items:center;display:flex;position:relative}.rf-input-icon{left:var(--rf-space-4);color:var(--rf-color-text-tertiary);pointer-events:none;display:flex;position:absolute}.rf-input{width:100%;height:36px;padding:0 var(--rf-space-4);font:var(--rf-text-body-sm);font-feature-settings:var(--rf-font-feature);color:var(--rf-color-text);background-color:var(--rf-color-surface);border:1px solid var(--rf-color-border);border-radius:var(--rf-radius-md);transition:border-color var(--rf-duration-fast) var(--rf-ease-default), box-shadow var(--rf-duration-fast) var(--rf-ease-default);outline:none}.rf-input--has-icon{padding-left:calc(var(--rf-space-4) + 20px + var(--rf-space-2))}.rf-input::placeholder{color:var(--rf-color-text-tertiary)}.rf-input:hover:not(:disabled){border-color:var(--rf-color-border-strong)}.rf-input:focus{border-color:var(--rf-color-border-focus);box-shadow:var(--rf-shadow-focus)}.rf-input:disabled{opacity:.5;cursor:not-allowed}.rf-input-wrap--error .rf-input{border-color:var(--rf-color-danger)}.rf-input-wrap--error .rf-input:focus{box-shadow:0 0 0 2px var(--rf-color-canvas), 0 0 0 4px var(--rf-color-danger)}.rf-input-error{font:var(--rf-text-caption);color:var(--rf-color-danger-text)}.rf-input-hint{font:var(--rf-text-caption);color:var(--rf-color-text-tertiary)}.rf-input-prefix,.rf-input-suffix{color:var(--rf-color-text-tertiary);font:var(--rf-text-body-sm);font-feature-settings:var(--rf-font-feature);pointer-events:none;align-items:center;display:flex;position:absolute}.rf-input-prefix{left:var(--rf-space-4)}.rf-input-suffix{right:var(--rf-space-4)}.rf-input--has-prefix{padding-left:calc(var(--rf-space-4) + 18px)}.rf-input--has-suffix{padding-right:calc(var(--rf-space-4) + 18px)}.rf-input-wrap--sm .rf-input{height:32px;font:var(--rf-text-body-xs)}.rf-input-wrap--sm .rf-input-prefix,.rf-input-wrap--sm .rf-input-suffix{font:var(--rf-text-body-xs)}.rf-input-wrap--lg .rf-input{height:48px;padding:0 var(--rf-space-5);font:var(--rf-text-body-md)}.rf-input-wrap--lg .rf-input-prefix{left:var(--rf-space-5)}.rf-input-wrap--lg .rf-input-suffix{right:var(--rf-space-5)}.rf-input-wrap--lg .rf-input-prefix,.rf-input-wrap--lg .rf-input-suffix{font:var(--rf-text-body-md)}.rf-input-wrap--lg .rf-input--has-prefix{padding-left:calc(var(--rf-space-5) + 20px)}.rf-input-wrap--lg .rf-input--has-suffix{padding-right:calc(var(--rf-space-5) + 20px)}.rf-input-wrap--lg .rf-input--has-icon{padding-left:calc(var(--rf-space-5) + 20px + var(--rf-space-2))}.rf-input-wrap--lg .rf-input-icon{left:var(--rf-space-5)}
.rf-otp-wrap{flex-direction:column;gap:8px;display:flex}.rf-otp__label{font:var(--rf-text-label);color:var(--rf-color-text)}.rf-otp{gap:8px;display:inline-flex;position:relative}.rf-otp__autofill-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rf-otp__slot{border:1px solid var(--rf-color-border);background:var(--rf-color-surface);border-radius:var(--rf-radius-md);text-align:center;width:40px;height:48px;font:var(--rf-text-heading-md);font-feature-settings:var(--rf-font-feature);color:var(--rf-color-text);transition:border-color var(--rf-transition-fast), box-shadow var(--rf-transition-fast);outline:none}.rf-otp__slot:hover:not(:disabled){border-color:var(--rf-color-border-strong)}.rf-otp__slot:focus{border-color:var(--rf-color-border-focus);box-shadow:var(--rf-shadow-focus)}.rf-otp__slot:disabled{opacity:.5;cursor:not-allowed}.rf-otp-wrap--error .rf-otp__slot{border-color:var(--rf-color-danger)}.rf-otp__hint{font:var(--rf-text-caption);color:var(--rf-color-text-tertiary)}.rf-otp__error{font:var(--rf-text-caption);color:var(--rf-color-danger-text)}
.rf-phone-input{flex-direction:column;gap:6px;display:flex}.rf-phone-input__label{font:var(--rf-text-label);color:var(--rf-color-text)}.rf-phone-input__container{border:1px solid var(--rf-color-border);border-radius:var(--rf-radius-md);background:var(--rf-color-surface);transition:border-color var(--rf-transition-fast);align-items:center;display:flex;overflow:hidden}.rf-phone-input__container:focus-within{border-color:var(--rf-color-border-focus)}.rf-phone-input--error .rf-phone-input__container{border-color:var(--rf-color-danger)}.rf-phone-input__code{appearance:none;background:var(--rf-color-surface-elevated);font:var(--rf-text-body-sm);color:var(--rf-color-text);cursor:pointer;border:none;min-width:90px;padding:10px 12px}.rf-phone-input__code:focus{outline:none}.rf-phone-input__divider{background:var(--rf-color-border);flex-shrink:0;width:1px;height:24px}.rf-phone-input__input{font:var(--rf-text-body-sm);color:var(--rf-color-text);background:0 0;border:none;flex:1;min-width:0;padding:10px 14px}.rf-phone-input__input::placeholder{color:var(--rf-color-text-tertiary)}.rf-phone-input__input:focus{outline:none}.rf-phone-input__hint{font:var(--rf-text-caption);color:var(--rf-color-text-tertiary)}.rf-phone-input__hint--error{color:var(--rf-color-danger-text)}.rf-phone-input--disabled .rf-phone-input__container{opacity:.5;cursor:not-allowed}.rf-phone-input--disabled .rf-phone-input__code,.rf-phone-input--disabled .rf-phone-input__input{cursor:not-allowed}