.two-factor-authentication{max-width:500px;position:absolute;top:50%}[dir] .two-factor-authentication{margin:auto;padding:20px;border:.5px solid #ccc;border-radius:8px;background-color:#efefef;border-color:#716e6e}[dir=ltr] .two-factor-authentication{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .two-factor-authentication{right:50%;transform:translate(50%,-50%)}.title{font-size:24px}[dir] .title{text-align:center;margin-bottom:20px}.form{display:flex;flex-direction:column}.label{font-size:16px}[dir] .label{margin-bottom:8px}#inputTwoFactor{font-size:16px}[dir] #inputTwoFactor{padding:8px;margin-bottom:16px;border:1px solid #716e6e;border-radius:4px}.button{font-size:16px;color:#fff;transition:background-color .3s}[dir] .button{padding:10px 20px;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}[dir] .button:hover{background-color:#0056b3}.instruction{color:#000;font-weight:430}[dir] .instruction{text-align:center;margin-bottom:40px}