@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.loading{position:absolute;left:calc(50% - 35px);top:55%;width:55px;height:55px;border-radius:50%;box-sizing:border-box;border:3px solid transparent}.loading.component-loader{margin-top:-60px}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left-color:#7961f9;border-radius:50%;box-sizing:border-box}.loading .effect-1{-webkit-animation:rotate 1s ease infinite;animation:rotate 1s ease infinite}.loading .effect-2{-webkit-animation:rotateOpacity 1s ease .1s infinite;animation:rotateOpacity 1s ease .1s infinite}.loading .effect-3{width:100%;height:100%;border:3px solid transparent;border-left-color:#7961f9;-webkit-animation:rotateOpacity 1s ease .2s infinite;animation:rotateOpacity 1s ease .2s infinite;border-radius:50%;box-sizing:border-box}.loading .loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 75px);top:40%}.fallback-spinner{border:2px solid #fff}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}@keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}.keyboard-col{padding:0 6vw}.keyboard-col .keyboard-wrapper{width:100%;background-color:#f6f6f6;border:.2vw solid rgba(0,64,79,.1);border-radius:.8vw}.keyboard-col .keyboard-wrapper .col{padding:0!important}.keyboard-col .keyboard-wrapper .input-wrapper{width:90%;margin:0 auto;color:#00404f}.keyboard-col .keyboard-wrapper .input-wrapper .pin-key{min-height:10vh;max-height:10vh;padding:0;position:relative}.keyboard-col .keyboard-wrapper .input-wrapper .pin-key .pin-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);font-size:2.5vw}.keyboard-col .keyboard-wrapper .input-wrapper .pin-key .float{background-color:#00404f;width:35%;position:absolute;bottom:1.5vh;height:.2vh;left:50%;transform:translate(-50%)}.keyboard-col .keyboard-wrapper .keys-row{margin:4vh 0 3vh}.keyboard-col .keyboard-wrapper .keys-row .col{color:#00404f;margin-bottom:.4vw}.keyboard-col .keyboard-wrapper .keys-row .nums-row{margin:0}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb{display:flex;align-items:center;justify-content:center}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key{width:70%;height:80%;margin:2.5vh 0;background-color:transparent;border-radius:.7vw;transition:all .1s ease-in-out}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key:active{background-color:#e2e2e2}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key .key-text{margin:0;font-size:1.5vw;font-weight:700;color:#00404f}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key .delete-icon{height:1.4vw;width:1.4vw}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key .delete-icon *{stroke:#00404f}.keyboard-col .keyboard-wrapper .confirm-button-row{margin:5vh 0 4vh;height:9vh}.keyboard-col .keyboard-wrapper .confirm-button-row button{border-radius:.7vw;color:pointer;display:flex;align-items:center;justify-content:center;width:85%;height:100%;outline:none;border:none;background-color:#0282c3;font-size:2.2vw}.Toastify__toast-container .Toastify__toast{box-shadow:none!important;border-radius:.4vw}.Toastify__toast-container .Toastify__toast.Toastify__toast--success{background:#fff!important;border:2px solid #00404f}.Toastify__toast-container .Toastify__toast.Toastify__toast--error{background:#fff!important;border:2px solid red}.Toastify__toast-container .Toastify__toast .Toastify__toast-body{color:#00404f!important}.Toastify__toast-container .Toastify__toast .Toastify__close-button{color:#00404f}.Toastify__toast-container .Toastify__toast .Toastify__progress-bar{background-color:#00404f}body{font-family:"Open Sans",sans-serif;font-size:.75rem;overflow:hidden;max-width:100vw}#root,body{max-height:100vh}#root{padding:0;margin:0;min-height:100vh}p{font-size:.9rem;font-weight:400;color:#626262;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h4{font-size:1.32rem;font-weight:500;line-height:1.2;color:#2c2c2c}.office-container{margin:0;padding:0;height:100vh;width:100vw;position:relative}.office-container .logo-row{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;margin:5vh auto}.office-container .logo-row svg{padding:0;margin:0;width:10vw}.office-container .logo-row svg *{fill:#00404f}.office-container .lang-row{position:absolute;top:3vh;right:4vw;width:auto;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.office-container .lang-row button{border-radius:.4vw;color:#00404f;outline:none;border:.2vw solid #00404f;display:flex;align-items:center;justify-content:center;width:4vw;height:4vw;font-size:2vw}.office-container .lang-row button:first-of-type{margin-right:2vw}.office-container .lang-row button.active{border:none;background-color:#0282c3}.office-container .pin-submit-office{margin:0;height:100%;width:100%}.office-container .pin-submit-office .help-section{padding:0}.office-container .pin-submit-office .help-section .help-container{width:100%;height:100%}.office-container .pin-submit-office .help-section .help-container .section-title{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;margin:24vh 0 5vh;text-align:center}.office-container .pin-submit-office .help-section .help-container .section-title h2{font-size:3.5vw;color:#0282c3}.office-container .pin-submit-office .help-section .help-container .qr-div{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:.2vw solid hsla(0,0%,50.2%,.3);border-radius:.7vw}.office-container .pin-submit-office .help-section .help-container .qr-div canvas{padding:0;border-radius:.7vw}.office-container .pin-submit-office .help-section .help-container .subtitle-row{margin:7vh 0 0}.office-container .pin-submit-office .help-section .help-container .subtitle-row p{font-size:1.4vw;padding:0;margin:auto;width:50%;text-align:center}.office-container .pin-submit-office .help-section .help-container .subtitle-row p span{color:#0282c3;font-size:1.6vw}.logo-img{width:100%}.modal-text{font-size:2rem;width:100%;text-align:center;font-weight:800}.modal-door-wrapper{margin:5vh auto auto;border:4px solid #0282c3;border-radius:10px;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.modal-door{font-size:6rem;font-weight:800;color:#0282c3}.modal-body{padding:8%}.modal-btn{font-size:2.6rem;width:25vw;padding:2vw;display:flex;justify-content:center;align-items:center}.modal-content{width:90vw!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.51cae072.chunk.css.map */