body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#ededed;--dark-navy:#020c1b;--white:#fff;--navy:#06033a;--light-navy:#112240;--lightest-navy:#233554;--lightest-blue:#e0edff;--navy-shadow:rgba(2,12,27,.7);--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--green:#64ffda;--green-tint:rgba(100,255,218,.1);--pink:#f57dff;--blue:#57cbff;--font-sans:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215,0.61,0.355,1) 0.12s;--body-color:#e4e9f7;--sidebar-color:#fff;--primary-color:#695cfe;--primary-color-light:#f6f5ff;--toggle-color:#ddd;--text-color:#707070;--tran-03:all 0.2s ease;--tran-03:all 0.3s ease;--tran-04:all 0.3s ease;--tran-05:all 0.3s ease}button{cursor:pointer}video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}h1,h2,h3{margin:0}.user-auth{align-content:center;background-color:var(--white);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.user-auth button{background-color:var(--navy);border:none;border-radius:5px;color:var(--white);margin:0 auto;padding:15px 0;width:200px}.user-info{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;width:100%}.user-info p{font-size:20px;margin-bottom:10px;margin-top:5px}.user-info table{margin-bottom:20px}.user-info table,td,th{border:1px solid #000;padding:10px}@media screen and (max-width:820px){.user-auth{min-height:100vh;overflow-x:hidden;overflow-y:scroll}.user-info{height:100vh;margin-top:0}}.dot-elastic{-webkit-animation:dotElastic 1s linear infinite;animation:dotElastic 1s linear infinite;background-color:#fff;border-radius:5px;color:#fff;height:7px;margin:0 auto;position:relative;width:7px}.dot-elastic:after,.dot-elastic:before{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{-webkit-animation:dotElasticBefore 1s linear infinite;animation:dotElasticBefore 1s linear infinite;left:-15px}.dot-elastic:after,.dot-elastic:before{background-color:#fff;border-radius:5px;color:#fff;height:7px;width:7px}.dot-elastic:after{-webkit-animation:dotElasticAfter 1s linear infinite;animation:dotElasticAfter 1s linear infinite;left:15px}@-webkit-keyframes dotElasticBefore{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}50%{-webkit-transform:scaleY(.67);transform:scaleY(.67)}75%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dotElasticBefore{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}50%{-webkit-transform:scaleY(.67);transform:scaleY(.67)}75%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dotElastic{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}75%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dotElastic{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}75%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dotElasticAfter{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleY(.67);transform:scaleY(.67)}75%{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dotElasticAfter{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleY(.67);transform:scaleY(.67)}75%{-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.camera-wrapper{height:100%;width:100%}.camera-wrapper .auth-user-img{border-radius:50%;height:200px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);width:200px}.login-form,.login-form form{height:100%;width:100%}.login-form form{display:flex;flex-direction:column;justify-content:center;position:relative}.login-form form .input-container{margin-bottom:1.25rem;position:relative}.login-form form .input-container input{border:none;border-bottom:1px solid var(--lightest-slate);box-sizing:border-box;height:3rem;transition:.2s ease-in-out;width:100%}.login-form form .input-container input:focus,.login-form form .input-container input:valid{border-bottom:2px solid var(--navy);outline:none}.login-form form .input-container input:focus+label,.login-form form .input-container input:valid+label{color:var(--navy);font-size:.8rem;pointer-events:none;top:-20px}.login-form form .input-container input::-webkit-input-placeholder{font-size:14px;opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.login-form form .input-container input::placeholder{font-size:14px;opacity:0;transition:.2s ease-in-out}.login-form form .input-container input:focus::-webkit-input-placeholder{opacity:1}.login-form form .input-container input:focus::placeholder{opacity:1}.login-form form .input-container label{align-items:center;color:var(--dark-slate);cursor:text;display:flex;font-size:1rem;height:3rem;left:0;line-height:1.5rem;position:absolute;right:0;top:0;transition:.2s ease-in-out;width:100%}.login-form form button{background-color:var(--navy);border-radius:1.5rem;color:var(--white);height:50px;padding-bottom:10px;padding-top:10px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}
/*!
 * 
 *   react-simple-keyboard v3.4.180
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
/*!
 * 
 *   simple-keyboard v3.4.136
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;background:#d0d0d0;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.hg-button.hg-standardBtn{padding:20px}.key-pad-container{width:60%}.pin-input{background-color:var(--white);border-radius:5px;font-size:16px;font-weight:500;margin-bottom:10px;outline:none;padding:15px;text-align:center;width:15px}.regitration-form{height:100%;width:100%}.regitration-form form{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.regitration-form form .input-container{margin-bottom:1.25rem;position:relative}.regitration-form form .input-container input{border:none;border-bottom:1px solid var(--lightest-slate);box-sizing:border-box;height:3rem;transition:.2s ease-in-out;width:100%}.regitration-form form .input-container input:focus,.regitration-form form .input-container input:valid{border-bottom:2px solid var(--navy);outline:none}.regitration-form form .input-container input:focus+label,.regitration-form form .input-container input:valid+label{color:var(--navy);font-size:.8rem;pointer-events:none;top:-20px}.regitration-form form .input-container input::-webkit-input-placeholder{font-size:14px;opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.regitration-form form .input-container input::placeholder{font-size:14px;opacity:0;transition:.2s ease-in-out}.regitration-form form .input-container input:focus::-webkit-input-placeholder{opacity:1}.regitration-form form .input-container input:focus::placeholder{opacity:1}.regitration-form form .input-container label{align-items:center;color:var(--dark-slate);cursor:text;display:flex;font-size:1rem;height:3rem;left:0;line-height:1.5rem;position:absolute;right:0;top:0;transition:.2s ease-in-out;width:100%}.regitration-form form button{background-color:var(--navy);border-radius:1.5rem;color:var(--white);height:50px;padding-bottom:10px;padding-top:10px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.user-auth-modal{align-items:center;background-color:rgba(0,0,0,.327);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.user-auth-modal .user-auth-container{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;display:grid;grid-template-columns:4fr 3fr;min-height:600px;min-width:1000px;overflow:hidden;padding:10px;position:relative;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.user-auth-modal .user-auth-container .auth-loader{align-items:center;background-color:rgba(0,0,0,.253);display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.user-auth-modal .user-auth-container svg{cursor:pointer;position:absolute;right:30px;top:30px;width:20px}.user-auth-modal .user-auth-container .web-cam-container{align-items:center;background-color:var(--lightest-blue);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:580px;overflow:hidden;width:100%}.web-cam-container .web-cam-wrapper{background-color:#639;border:1px solid #000;border-radius:50%;display:flex;flex-direction:column;height:200px;justify-content:center;overflow:hidden;position:relative;width:200px}.user-auth-container .auth-pin-input{grid-column-gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}.auth-form-container .form-info{margin-bottom:40px}.auth-form-container .form-info h1{text-align:center}.auth-form-container .form-switch-wrapper{width:100%}.auth-form-container .form-switch-wrapper button{background-color:#fff;border:1px solid var(--navy);border-radius:1.5rem;color:var(--navy);padding:15px 0;transition:.1s ease-in-out;width:100%}.auth-form-container .form-switch-wrapper button:hover{background-color:var(--navy);color:#fff;cursor:pointer}.user-auth-container .auth-form-container{align-items:center;display:flex;justify-content:center;padding:40px}.user-auth-container .auth-form-container .form-wrapper{display:flex;flex-direction:column;height:100%;width:100%}.auth-form-container .form-wrapper .form-section{border-radius:10px;height:auto;overflow:hidden;padding:10px 0 30px;transition:.8s ease-in-out;width:350px}@media screen and (max-width:820px){.user-auth-modal{display:block;overflow-x:hidden;overflow-y:scroll}.user-auth-modal .user-auth-container{display:flex;flex-direction:column;height:auto;margin:20px;min-width:90%;position:relative}.auth-form-container .form-wrapper .form-section{width:100%}}@media screen and (max-width:600px){.user-auth-modal .user-auth-container{border-radius:0;margin:0}}
/*# sourceMappingURL=main.8cbf11db.css.map*/