.app-password-box{display:flex;flex-direction:column;gap:22px}.app-password-level{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:9px}.app-password-level-item{flex:1;height:3px;background-color:#e9e9e9;border-radius:12px}.app-password-level-item.active{background-color:#949eda}.app-input-section{display:flex;flex-direction:column;gap:4px}.app-input-section.fit{width:100%}.app-input-error{display:none;color:#b3261e;text-align:right;font-size:11px;font-family:IRANYekan;line-height:16px;margin:0;align-self:flex-start;margin-left:16px;min-width:fit-content;max-width:min-content}.app-input-box{border:1px solid #777d9e;border-radius:4px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:8px;padding:5px 30px 5px 15px}.app-input-box.textarea{padding:6px 30px 6px 15px}.app-input-action{cursor:pointer}.app-input-action.active path{fill:var(--color-primary)}.app-input-box.fit{box-sizing:border-box;width:100%}.app-input-label{width:fit-content;position:absolute;top:-14px;font-family:'IRANYekan';font-style:normal;font-weight:700;font-size:13px;line-height:16px;color:#424242;z-index:1;background-color:#fff;padding:5px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}.app-input{padding-left:6px;padding-right:6px;width:100%;height:40px;border:none;position:relative;font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#777d9e;display:flex;background:transparent}body[dir="rtl"] .app-input{font-family:'IRANSans'}.app-input.ltr{direction:ltr;text-align:left}.app-input-section.error .app-input-label{color:#b3261e!important}.app-input-section.error .app-input-action path{fill:#b3261e}.app-input:focus{outline:none;caret-color:var(--color-primary);height:38px}.app-input-section.error .app-input:focus{height:40px}.app-input-section.error .app-input-box .app-input{height:38px}.app-input-section.error>.app-input-box,.app-input-section.error>.app-password-box>.app-input-box{padding:5px 29px 5px 14px;border:2px solid #b3261e!important}.app-input-box:focus-within{padding:5px 29px 5px 14px;border:2px solid var(--color-primary)}.app-input-section.error .app-input-box:focus-within{border:2px solid var(--color-primary)!important}.app-input:focus-within+.app-input-label{color:var(--color-primary);top:-15px}.app-input-section.error .app-input-label{top:-15px}.app-input-section.error .app-input:focus-within+.app-input-label{color:var(--color-primary)}.app-input.password::placeholder{font-family:'IRANYekan';font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#e9e9e9}.app-input::placeholder{padding-left:4px;color:#a9a8aa;font-size:11px;font-family:IRANYekan;line-height:16px}.app-input[type="password"]::placeholder{text-transform:uppercase;transform:translate3d(0,3px,0)}.app-second-input-label{color:#8c8c8c;text-align:right;font-family:IRANSans;font-size:12px;font-style:normal;font-weight:500;line-height:normal;margin:0}.app-input-label3{color:#858588;text-align:right;font-family:IRANSans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0}.app-input-margin{margin:8px 0 16px!important}@media (max-width:480px){.app-input-section.error .app-input-box,.app-input-box{padding:5px 15px 5px 15px!important}.app-input-box:focus-within{padding:5px 14px 5px 14px!important}.app-input-label{font-size:12px}}