.mfa-container{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);max-width:32rem}[dir] .mfa-container{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1)}[dir] .mfa-container .con-tab{padding-bottom:14px}[dir] .mfa-container .con-slot-tabs{margin-top:1rem}.form-heading{font-weight:600;font-size:18px;line-height:22px;color:#0e4333}[dir] .logo-container{border-bottom:2px solid #ebe9f1}.otp-input{width:48px;height:48px;font-size:18px;font-weight:600;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}[dir] .otp-input{text-align:center;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease}.otp-input:focus{-webkit-box-shadow:0 0 0 2px rgba(59,130,246,.35)}[dir] .otp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.35)}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none}[dir] .otp-input::-webkit-inner-spin-button,[dir] .otp-input::-webkit-outer-spin-button{margin:0}.otp-input:disabled{color:#9ca3af}[dir] .otp-input:disabled{background-color:#f3f4f6;cursor:not-allowed}[dir] .otp-input.error{border-color:#c53030}.otp-input.error:focus{-webkit-box-shadow:0 0 0 2px rgba(239,68,68,.35)}[dir] .otp-input.error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.35)}[dir] .mfa-resend-btn{padding:0 5px!important}.mfa-resend-btn:hover{opacity:.7}[dir] .mfa-resend-btn:hover{background-color:transparent!important}.otp-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}[dir=ltr] .otp-error{-webkit-animation:shake-ltr .35s ease;animation:shake-ltr .35s ease}[dir=rtl] .otp-error{-webkit-animation:shake-rtl .35s ease;animation:shake-rtl .35s ease}[dir] .otp-error .otp-input{border-color:#ef4444}@-webkit-keyframes shake-ltr{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%{-webkit-transform:translateX(4px);transform:translateX(4px)}60%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}80%{-webkit-transform:translateX(4px);transform:translateX(4px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes shake-rtl{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(4px);transform:translateX(4px)}40%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}80%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake-ltr{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%{-webkit-transform:translateX(4px);transform:translateX(4px)}60%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}80%{-webkit-transform:translateX(4px);transform:translateX(4px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake-rtl{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(4px);transform:translateX(4px)}40%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}80%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.otp-spinner{width:20px;height:20px}[dir] .otp-spinner{border:2px solid #d1d5db;border-top-color:transparent;border-radius:50%}[dir=ltr] .otp-spinner{-webkit-animation:otp-spin-ltr 1s linear infinite;animation:otp-spin-ltr 1s linear infinite}[dir=rtl] .otp-spinner{-webkit-animation:otp-spin-rtl 1s linear infinite;animation:otp-spin-rtl 1s linear infinite}@-webkit-keyframes otp-spin-ltr{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes otp-spin-rtl{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes otp-spin-ltr{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes otp-spin-rtl{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}