@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);*{box-sizing:border-box;scroll-behavior:smooth;font-family:"Inter",Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}:root{font-size:10px}body{--primary-color:#7d71fe;--primary-text-color:#3d4a5a;--secondary-text-color:#68778d;--primary-bg-color:#eff1fd;--secondary-bg-color:#fffefe}.dark,body{--error-color:#f54337;--warning-color:#fe9900;--success-color:#4caf50;--transition:100ms ease-in;--shadow:0 1px 2px rgba(0,0,0,0.2)}.dark{--primary-color:#8277f8;--primary-text-color:#dde2ee;--secondary-text-color:#bac1cc;--primary-bg-color:#151a26;--secondary-bg-color:#1d222e}body{width:100%;height:100%;margin:0;background-color:var(--primary-bg-color)}::selection{color:hsla(0,0%,100%,.9);background-color:var(--primary-color)}h1,h2,h3,h4,h5,h6{color:var(--primary-text-color)}li,p{font-size:1.4rem;color:var(--secondary-text-color)}a{font-weight:600;text-decoration:none;color:var(--primary-color)}input,textarea{color:var(--primary-text-color);background-color:transparent}button{-webkit-user-select:none;-ms-user-select:none;user-select:none}#root{width:100%;height:100%;display:-webkit-flex;display:flex}.page{position:relative;overflow-y:scroll;padding:2rem 4rem;width:100%;height:100vh;-ms-overflow-style:none;scrollbar-width:none}.page .page-back{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.page .page-back .back-btn{color:var(--primary-color)}.page .page-back h2{margin-left:1rem;font-size:2rem}.page::-webkit-scrollbar{display:none}@media screen and (max-width:690px){.page{padding:1rem 1rem 5rem}}.loader-container{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.loader{-webkit-transform:scale(.5);transform:scale(.5);display:inline-block;position:relative;width:80px;height:50px}.loader div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--primary-color);-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.loader div:first-child{left:8px;-webkit-animation:loader1 .6s infinite;animation:loader1 .6s infinite}.loader div:nth-child(2){left:8px}.loader div:nth-child(2),.loader div:nth-child(3){-webkit-animation:loader2 .6s infinite;animation:loader2 .6s infinite}.loader div:nth-child(3){left:32px}.loader div:nth-child(4){left:56px;-webkit-animation:loader3 .6s infinite;animation:loader3 .6s infinite}@-webkit-keyframes loader1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes loader3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes loader2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes loader2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.nav-bar{width:38vw;max-width:32rem;min-height:100vh;-webkit-justify-content:center;justify-content:center;box-shadow:var(--shadow);background-color:var(--secondary-bg-color)}.nav-bar,.nav-bar .nav-content{display:-webkit-flex;display:flex}.nav-bar .nav-content{margin:5rem 1.6rem 5rem 5rem;min-width:22.4rem;-webkit-flex-direction:column;flex-direction:column}.nav-bar .nav-content .nav-logo{width:6rem;margin-bottom:5rem}.nav-bar .nav-content .nav-top{width:-webkit-min-content;width:min-content}.nav-bar .nav-content .nav-separator{height:.3rem;border-radius:.5rem;width:90%;margin:3.5rem auto;opacity:.1;background-color:var(--secondary-text-color)}@media screen and (max-width:900px){.nav-bar .nav-content{margin-left:4rem}}@media screen and (max-width:800px){.nav-bar{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-bar .nav-content{min-width:0;padding:0 2rem;margin-top:3rem;margin-left:0;margin-right:0;-webkit-align-items:center;align-items:center}.nav-bar .nav-content .nav-logo{width:4.5rem;margin-bottom:6rem}}.nav-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer}.nav-item .icon,.nav-item span{transition:var(--transition);transition-property:color}.nav-item .icon{display:-webkit-flex;display:flex;font-size:3.1rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.nav-item .icon,.nav-item span{color:var(--secondary-text-color)}.nav-item span{margin-left:.7em;font-size:1.75rem;font-weight:700}.active-nav-item .icon{color:var(--primary-color)}.active-nav-item span{color:var(--primary-text-color)}.nav-item+.nav-item{margin-top:3.2rem}@media screen and (max-width:800px){.nav-item{-webkit-justify-content:center;justify-content:center}.nav-item span{display:none}}.nav-user-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.nav-user-details .nav-avatar{--dimension:4.8rem;width:var(--dimension);height:var(--dimension)}.nav-user-details .nav-details-right{margin-left:1.1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav-user-details .nav-details-right .details{margin-right:.32rem}.nav-user-details .nav-details-right .details h3{font-size:1.6rem;margin:0 0 .2em}.nav-user-details .nav-details-right .details p{margin:0;font-size:1.4rem;color:var(--secondary-text-color)}.nav-user-details .options-wrapper{position:relative}.nav-user-details .options-wrapper .options{border:none;font-size:2.4rem;line-height:1.6rem;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;padding:.8rem;transition:var(--transition);color:var(--primary-text-color)!important;background-color:var(--secondary-bg-color);transition-property:background-color}@media (hover:hover){.nav-user-details .options-wrapper .options:hover{-webkit-filter:brightness(.93);filter:brightness(.93)}}@media screen and (max-width:1000px){.nav-user-details{-webkit-flex-direction:column;flex-direction:column;margin:0 2rem}.nav-user-details .nav-avatar{--dimension:6.4rem;margin-bottom:1.6rem}.nav-user-details .nav-details-right{margin:0}}@media screen and (max-width:800px){.nav-user-details{-webkit-justify-content:center;justify-content:center;margin:0}.nav-user-details .nav-avatar{--dimension:5rem}.nav-user-details .nav-details-right .details{display:none}}.logout-container{top:3.7rem;left:0;width:14rem;cursor:default;padding:.5rem;z-index:1;position:absolute;border-radius:.8rem;background-color:var(--secondary-bg-color);box-shadow:0 0 15px 0 rgba(50,50,50,.29)}.dark .logout-container{box-shadow:none;border:.5px solid var(--secondary-text-color)}.logout{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;border-width:thin;position:relative;border-radius:.3rem;font-size:2rem;padding:.95rem 2.2rem;color:var(--primary-text-color);background-color:var(--secondary-bg-color);border-color:var(--tertiary-text-color) var(--secondary-bg-color)}.logout span{margin-left:.5rem;font-weight:700;font-size:1.4rem}@media (hover:hover){.logout:hover{-webkit-filter:brightness(.93);filter:brightness(.93)}}.confirm-dialog-popup{padding:2rem 1.5rem 1.5rem;height:100%;-webkit-justify-content:space-between;justify-content:space-between}.confirm-dialog-popup,.confirm-dialog-popup-top{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.confirm-dialog-popup-top{margin-right:3.8rem;margin-bottom:1rem}.confirm-dialog-popup-top h3{margin:0;font-size:2rem}.confirm-dialog-popup-top p{margin:.7em 0}.confirm-dialog-popup-bottom{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}@media screen and (max-width:600px){.confirm-dialog-popup{padding:2rem 1rem 1rem}}.modal-bg{top:0;left:0;width:100vw;height:100vh;z-index:49;position:fixed;background-color:rgba(15,15,15,.7)}.dark .modal-bg{background-color:rgba(15,15,15,.95)}.modal{top:50%;left:50%;z-index:50;width:80vw;padding:2rem;max-height:95vh;position:fixed;max-width:50rem;overflow-y:scroll;border-radius:1.3rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--secondary-bg-color);-ms-overflow-style:none;scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal .modal-top{position:relative}.modal .modal-top .modal-close{position:absolute;right:0;display:-webkit-flex;display:flex;font-size:3rem;padding:.5rem;cursor:pointer;border-radius:1.1rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:var(--secondary-text-color);background-color:var(--primary-bg-color);transition:var(--transition)}@media (hover:hover){.modal .modal-top .modal-close:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}}.modal .modal-body{max-height:100%}@media screen and (max-width:600px){.modal{width:94vw}.full-screen{bottom:0;height:100%;width:100vw;padding:2rem 1rem;max-height:100%;max-width:100vw;border-radius:0}}.btn{border:none;margin:.8rem;cursor:pointer;letter-spacing:.05rem;transition:var(--transition);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;font-size:1.4rem;padding:.7em 1.2em;border-radius:.3em;font-weight:600}.btn:active:not(.loading){-webkit-transform:translateY(.16rem);transform:translateY(.16rem)}@media (hover:hover){.btn:hover:enabled:not(.loading){-webkit-filter:brightness(.9);filter:brightness(.9)}}.btn:disabled{cursor:no-drop;-webkit-filter:saturate(0);filter:saturate(0)}.primary-btn{background-color:var(--primary-color);color:#fff}.secondary-btn{color:#3526d9;background-color:#e9e8fc}.dark .secondary-btn{color:var(--primary-color);background-color:transparent;border:1px solid var(--primary-color)}.secondary-btn.loading{background:#e9e8fc repeating-linear-gradient(60deg,transparent,transparent 10px,#d4d2ff 0,#d4d2ff 20px);background-size:200% 200%}.dark .secondary-btn.loading,.secondary-btn.loading{-webkit-animation:button-loading 3s linear infinite;animation:button-loading 3s linear infinite}.dark .secondary-btn.loading{background:transparent repeating-linear-gradient(60deg,transparent,transparent 10px,#2c3241 0,#2c3241 20px);background-size:200% 200%}.primary-btn.loading{background:var(--primary-color) repeating-linear-gradient(60deg,transparent,transparent 10px,#8f85fd 0,#8f85fd 20px);background-size:200% 200%;-webkit-animation:button-loading 3s linear infinite;animation:button-loading 3s linear infinite}.avatar{cursor:pointer;object-fit:cover;border-radius:50%;width:50px;height:50px}.nav-auth{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:800px){.nav-auth .auth-btn{-webkit-flex-direction:column;flex-direction:column;font-size:1.2rem;margin-left:0;margin-right:0}}.notification-icon{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.notification-icon .notification-badge{right:0;bottom:0;width:1.2rem;height:1.2rem;border-radius:50%;position:absolute;-webkit-filter:brightness(1.2);filter:brightness(1.2);background-color:var(--error-color)}.bottom-nav{left:0;bottom:0;width:100vw;display:-webkit-flex;display:flex;position:fixed;box-shadow:0 -1px 20px -3px rgba(0,0,0,.2);transition:var(--transition);padding:1.2rem 3.5rem .8rem;-webkit-justify-content:space-between;justify-content:space-between;background-color:var(--secondary-bg-color)}.dark .bottom-nav{box-shadow:none;border-top:.01px solid #585858}.bottom-nav-item{color:var(--secondary-text-color);font-size:2.6rem}.right-side-bar{padding:2rem 2rem 2rem 0;width:45%;min-width:340px;max-width:400px}.right-side-bar .footer{padding:2rem;font-size:1.3rem;line-height:2rem;color:var(--secondary-text-color)}.topics-card{padding:3rem;border-radius:1.3rem;box-shadow:var(--shadow);background-color:var(--secondary-bg-color)}.topics-card h3{font-size:1.75rem;margin:0 0 1.5rem}.topic-row{padding:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.topic-row-left h4{font-size:1.5rem;margin:0 0 .2rem}.topic-row-left span{font-size:1.2rem;font-weight:500;color:var(--secondary-text-color)}.topic-row-right .follow-btn{font-size:1.2rem}.topic-row+.topic-row{margin-top:1rem}.search-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.7rem 1rem;border-radius:1rem;margin-bottom:3.5rem;box-shadow:var(--shadow);background-color:var(--secondary-bg-color)}.search-bar input{background-color:transparent;padding-left:1rem;font-size:1.6rem;font-weight:600;border:none;width:100%}.search-bar input::-webkit-input-placeholder{font-size:1.6rem;font-weight:600;color:var(--secondary-text-color)}.search-bar input:-ms-input-placeholder{font-size:1.6rem;font-weight:600;color:var(--secondary-text-color)}.search-bar input::placeholder{font-size:1.6rem;font-weight:600;color:var(--secondary-text-color)}.search-bar input:focus{outline:none}.search-bar input:focus::-webkit-input-placeholder{color:transparent}.search-bar input:focus:-ms-input-placeholder{color:transparent}.search-bar input:focus::placeholder{color:transparent}.search-bar .search-btn{padding:.8rem}.icon-button{cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:var(--secondary-text-color);border:none;border-radius:5rem;transition:var(--transition);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;font-size:2rem;padding:.4em;border-radius:6px;background-color:var(--primary-bg-color)}.icon-button:active{-webkit-transform:translateY(.16rem);transform:translateY(.16rem)}@media (hover:hover){.icon-button:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}}.snackbar{left:50%;margin:auto;bottom:2rem;width:90vw;color:#fff;z-index:999;position:fixed;max-width:38rem;padding:1.3rem 1rem;border-radius:.4rem;-webkit-transform-origin:center;transform-origin:center;-webkit-animation-name:popup;animation-name:popup;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-justify-content:space-between;justify-content:space-between;-webkit-animation-timing-function:ease;animation-timing-function:ease;box-shadow:0 3px 5px -1px rgba(0,0,0,.12549019607843137),0 6px 10px 0 rgba(0,0,0,.0784313725490196),0 1px 18px 0 rgba(0,0,0,.07058823529411765)}.snackbar,.snackbar .snackbar-left,.snackbar .snackbar-left .snackbar-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.snackbar .snackbar-left .snackbar-icon{font-size:2.5rem;padding:0 .5rem 0 .7rem;-webkit-justify-content:center;justify-content:center}.snackbar .snackbar-left .snackbar-content{margin:0 1rem 0 .7rem;font-weight:500;font-size:1.35rem;line-height:1.8rem}.snackbar .snackbar-right{font-size:2.5rem;font-weight:300}.snackbar .snackbar-right,.snackbar .snackbar-right .snackbar-close{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.snackbar .snackbar-right .snackbar-close{padding:.3rem;cursor:pointer;border-radius:50%;transition:var(--transition)}@media (hover:hover){.snackbar .snackbar-right .snackbar-close:hover{background-color:rgba(0,0,0,.116)}}.snackbar-error{background-color:var(--error-color)}.snackbar-warning{background-color:var(--warning-color)}.snackbar-success{background-color:var(--success-color)}@-webkit-keyframes popup{0%{-webkit-transform:translate(-50%,.5rem);transform:translate(-50%,.5rem)}90%{-webkit-transform:translate(-50%,-.25rem);transform:translate(-50%,-.25rem)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes popup{0%{-webkit-transform:translate(-50%,.5rem);transform:translate(-50%,.5rem)}90%{-webkit-transform:translate(-50%,-.25rem);transform:translate(-50%,-.25rem)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}.login-modal{padding:1.2rem}.login-modal .login-head{margin-bottom:3.5rem}.login-modal .login-head .login-title{font-size:2.4rem;color:var(--primary-text-color)}.login-modal .login-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.login-modal .login-form .forgot-password{margin:0;font-size:1.3rem}.login-modal .login-form button{width:50%;margin:2rem auto 0;font-size:1.5rem}.login-modal .line-separator{width:80%;height:.1rem;position:relative;margin:4rem auto;background-color:#bccad8}.login-modal .line-separator span{top:50%;left:50%;padding:1em;font-weight:600;font-size:1.2rem;position:absolute;color:var(--secondary-text-color);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--secondary-bg-color)}.login-modal .google-login{display:-webkit-flex;display:flex;width:60%;margin:auto auto 3rem;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:600px){.login-modal .google-login{width:90%}}.login-modal .link{cursor:pointer;color:var(--primary-color);font-weight:600}.input-wrapper{margin:1.3rem 0}.input-wrapper .input-with-label{position:relative;margin-bottom:.5rem}.input-wrapper label{top:0;left:.9rem;font-weight:500;font-size:1.15rem;padding:0 .5rem;position:absolute;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:var(--transition);color:var(--secondary-text-color);background-color:var(--secondary-bg-color)}.input-wrapper input{width:100%;font-size:1.4rem;padding:1.2rem 1.4rem;border-radius:.8rem;transition:var(--transition);border:.2rem solid #bccad8}.dark .input-wrapper input{border-color:rgba(163,169,179,.8431372549019608)}.input-wrapper input:focus{outline:none;border:.2rem solid var(--primary-text-color)}.input-wrapper input:focus+label{color:var(--primary-text-color)}.input-wrapper .input-error{font-size:1.2rem;font-weight:500;margin-top:5px}.input-wrapper .password-input{padding-right:3.5rem}.input-wrapper :not(input[value=""])+label{color:var(--primary-text-color)}.input-wrapper .password-toggle{display:-webkit-flex;display:flex;cursor:pointer;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:2.2rem;position:absolute;padding:.5rem;right:.8rem;top:50%;color:var(--secondary-text-color);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-wrapper .password-toggle svg{pointer-events:none}@media (hover:hover){.input-wrapper .password-toggle:hover{border-radius:50%;background-color:var(--primary-bg-color);color:var(--primary-text-color)}}.input-error{color:var(--error-color)}.google-oauth-btn{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%;display:-webkit-flex;display:flex;padding:.5rem;border-radius:.5rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background-color:#3383fd;transition:var(--transition)}@media (hover:hover){.google-oauth-btn:hover:not(.loading){-webkit-filter:brightness(.9);filter:brightness(.9)}}.google-oauth-btn:active:not(.loading){-webkit-transform:translateY(.16rem);transform:translateY(.16rem)}.google-oauth-btn .logo-wrapper{border-radius:.3rem;background-color:#fff;padding:.5em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.google-oauth-btn .logo-wrapper .google-logo{-webkit-align-self:flex-start;align-self:flex-start;width:2em}.google-oauth-btn span{margin:auto;color:#fff;font-weight:600;font-size:1.4rem}.google-oauth-btn.loading{background:#3383fd repeating-linear-gradient(60deg,transparent,transparent 10px,#1e6de4 0,#1e6de4 20px);background-size:200% 200%;-webkit-animation:button-loading 3s linear infinite;animation:button-loading 3s linear infinite}@-webkit-keyframes button-loading{to{background-position:100% 100%}}@keyframes button-loading{to{background-position:100% 100%}}.sign-up-modal{padding:1.2rem}.sign-up-modal .sign-up-head{margin-bottom:3rem}.sign-up-modal .sign-up-head .sign-up-title{font-size:2.4rem;color:var(--primary-text-color)}.sign-up-modal .sign-up-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sign-up-modal .sign-up-form .input-wrapper{width:100%;margin:.8rem 0}.sign-up-modal .sign-up-form .name-row{display:-webkit-flex;display:flex}.sign-up-modal .sign-up-form .name-row .first-name{margin-right:1rem}.sign-up-modal .sign-up-form .name-row .last-name{margin-left:1rem}.sign-up-modal .sign-up-form .forgot-password{margin:0;font-size:1.3rem}.sign-up-modal .sign-up-form button{width:50%;margin:2rem auto 1rem;font-size:1.5rem}.sign-up-modal .line-separator{width:80%;height:.1rem;position:relative;margin:2.5rem auto;background-color:#bccad8}.sign-up-modal .line-separator span{top:50%;left:50%;padding:1em;font-weight:600;font-size:1.2rem;position:absolute;color:var(--secondary-text-color);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--secondary-bg-color)}.sign-up-modal .google-sign-up{display:-webkit-flex;display:flex;width:60%;margin:auto auto 2rem;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:600px){.sign-up-modal .google-sign-up{width:90%}}.sign-up-modal .link{cursor:pointer;color:var(--primary-color);font-weight:600}.otp-modal{padding:5rem 2rem 2rem}.otp-modal-top{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.otp-modal-top .otp-image{width:30%;margin-bottom:5rem}.otp-modal-top .title{font-size:2rem;margin:0}.otp-modal-top .subtitle{font-weight:300;text-align:center;font-size:1.4rem;line-height:2rem}.otp-modal-top .subtitle span{color:var(--primary-text-color);font-weight:500}.otp-modal-middle{margin:3rem 0 4.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.otp-modal-middle input{padding:1.3rem;margin:0 .5rem;font-weight:500;font-size:2.3rem;border-radius:1rem;width:2.3em!important;background-color:var(--primary-bg-color);border:none}.otp-modal-middle input:focus{outline:none}.device-status-banner,.otp-modal-bottom{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.device-status-banner{position:fixed;z-index:10;width:100vw;height:2rem;padding:.5rem;opacity:.9}.device-status-banner span{color:#fff;font-weight:500;font-size:1.2rem}.offline-banner{background-color:var(--error-color)}.online-banner{background-color:var(--success-color)}.forget-password-modal{padding:1.2rem}.forget-password-modal .forget-password-head{margin-bottom:3rem}.forget-password-modal .forget-password-head .forget-password-title{font-size:2.4rem;color:var(--primary-text-color)}.forget-password-modal .forget-password-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.forget-password-modal .forget-password-form .input-wrapper{width:100%;margin:.8rem 0}.forget-password-modal .forget-password-form .forgot-password{margin:0;font-size:1.3rem}.forget-password-modal .forget-password-form button{width:50%;margin:2rem auto 1rem;font-size:1.5rem}.forget-password-modal .line-separator{width:80%;height:.1rem;position:relative;margin:2.5rem auto;background-color:#bccad8}.forget-password-modal .line-separator span{top:50%;left:50%;padding:1em;font-weight:600;font-size:1.2rem;position:absolute;color:var(--secondary-text-color);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--secondary-bg-color)}.forget-password-modal .google-log-in{display:-webkit-flex;display:flex;width:60%;margin:auto auto 2rem;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:600px){.forget-password-modal .google-log-in{width:90%}}.forget-password-modal .link{cursor:pointer;color:var(--primary-color);font-weight:600}