@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-family:Inter,Arial,Helvetica,sans-serif}:root{font-size:10px}body{--primary-color:#7d71fe;--primary-text-color:#3d4a5a;--secondary-text-color:#68778d;--primary-bg-color:#eff1fd;--secondary-bg-color:#fffefe;--error-color:#f54337;--warning-color:#fe9900;--success-color:#4caf50;--transition:.1s ease-in;--shadow:0 1px 2px #0003;--skeleton-bg:#e2e8f0;--skeleton-shimmer:#cbd5e1}.dark{--primary-color:#8277f8;--primary-text-color:#dde2ee;--secondary-text-color:#bac1cc;--primary-bg-color:#151a26;--secondary-bg-color:#1d222e;--error-color:#f54337;--warning-color:#fe9900;--success-color:#4caf50;--transition:.1s ease-in;--shadow:0 1px 2px #0003;--skeleton-bg:#2d3748;--skeleton-shimmer:#4a5568}body{background-color:var(--primary-bg-color);width:100%;height:100%;margin:0}::selection{color:#ffffffe6;background-color:var(--primary-color)}h1,h2,h3,h4,h5,h6{color:var(--primary-text-color)}p,li{color:var(--secondary-text-color);font-size:1.4rem}a{color:var(--primary-color);font-weight:600;text-decoration:none}input,textarea{color:var(--primary-text-color);background-color:#0000}button{-webkit-user-select:none;user-select:none}#root{width:100%;height:100%;display:flex}.page{-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100vh;padding:2rem 4rem;position:relative;overflow-y:scroll}.page .page-back{align-items:center;display:flex}.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 (width<=690px){.page{padding:1rem 1rem 5rem}}@keyframes shimmer-loader{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer-block{background:linear-gradient(90deg, var(--skeleton-bg) 25%, var(--skeleton-shimmer) 50%, var(--skeleton-bg) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer-loader}.skeleton-card{pointer-events:none;-webkit-user-select:none;user-select:none;border:none}.skeleton-card .avatar{flex-shrink:0}.question-card.skeleton-card{box-shadow:var(--shadow);background-color:var(--secondary-bg-color);border-radius:1.3rem;flex-direction:column;padding:2.5rem 3rem;display:flex}.question-card.skeleton-card .question-card-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.question-card.skeleton-card .question-card-top .author-details{align-items:center;display:flex}.question-card.skeleton-card .question-card-top .author-details div{margin-left:1rem}.question-card.skeleton-card .question-card-middle{margin-bottom:3.5rem}.question-card.skeleton-card .question-card-bottom{justify-content:space-between;display:flex}.question-card.skeleton-card .question-card-bottom .question-card-bottom-right{align-items:center;display:flex}@media screen and (width<=690px){.question-card.skeleton-card{padding:2rem}}.question-card~.question-card,.question-card~.question-card.skeleton-card,.question-card.skeleton-card~.question-card.skeleton-card{margin-top:2rem}@media screen and (width<=690px){.question-card~.question-card,.question-card~.question-card.skeleton-card,.question-card.skeleton-card~.question-card.skeleton-card{margin-top:1.5rem}}.opinion-card.skeleton-card{box-shadow:var(--shadow);background-color:var(--secondary-bg-color);border-radius:1.3rem;flex-direction:column;margin-top:2rem;padding:2.5rem 3rem;display:flex}.opinion-card.skeleton-card .opinion-card-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.opinion-card.skeleton-card .opinion-card-top .author-details{align-items:center;display:flex}.opinion-card.skeleton-card .opinion-card-top .author-details div{margin-left:1rem}.opinion-card.skeleton-card .opinion-card-bottom{display:flex}@media screen and (width<=690px){.opinion-card.skeleton-card{margin-top:1.5rem;padding:2rem}}.topic-card.skeleton-card{box-shadow:var(--shadow);background-color:var(--secondary-bg-color);border-radius:1.3rem;justify-content:space-between;align-items:center;padding:2rem 2rem 2rem 3rem;display:flex}.topic-card~.topic-card,.topic-card~.topic-card.skeleton-card,.topic-card.skeleton-card~.topic-card.skeleton-card{margin-top:1.8rem}@media screen and (width<=690px){.topic-card~.topic-card,.topic-card~.topic-card.skeleton-card,.topic-card.skeleton-card~.topic-card.skeleton-card{margin-top:1rem}}.topic-row.skeleton-card{justify-content:space-between;align-items:center;padding:0;display:flex}.topic-row.skeleton-card~.topic-row.skeleton-card{margin-top:1rem}.user-profile-card.skeleton-card{background-color:var(--secondary-bg-color);border-radius:1.3rem;width:100%;margin-bottom:2rem}.user-profile-card.skeleton-card .user-profile-card-top{width:100%;height:20rem}@media screen and (width<=690px){.user-profile-card.skeleton-card .user-profile-card-top{max-height:20vh}}.user-profile-card.skeleton-card .user-profile-card-middle{justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.user-profile-card.skeleton-card .user-profile-card-middle .profile-image{position:relative}.user-profile-card.skeleton-card .user-profile-card-middle .profile-image .profile-picture{border:.6rem solid var(--secondary-bg-color);border-radius:50%;width:12rem;height:12rem;position:relative;top:-5rem}@media screen and (width<=690px){.user-profile-card.skeleton-card .user-profile-card-middle .profile-image .profile-picture{width:8rem;height:8rem}}.user-profile-card.skeleton-card .user-profile-card-bottom{margin-top:-4rem;padding:0 2rem 3rem}.notification-card.skeleton-card{box-shadow:var(--shadow);background-color:var(--secondary-bg-color);border-radius:1.3rem;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.notification-card.skeleton-card .notification-card-body{flex:1;align-items:center;display:flex}.notification-card.skeleton-card .notification-card-body .content{flex:1;margin-left:1rem}@media screen and (width<=690px){.notification-card.skeleton-card{padding:1.5rem 2rem}}.notification-card~.notification-card,.notification-card~.notification-card.skeleton-card,.notification-card.skeleton-card~.notification-card.skeleton-card{margin-top:1.5rem}.nav-bar{width:38vw;max-width:32rem;min-height:100vh;box-shadow:var(--shadow);background-color:var(--secondary-bg-color);justify-content:center;display:flex}.nav-bar .nav-content{flex-direction:column;min-width:22.4rem;margin:5rem 1.6rem 5rem 5rem;display:flex}.nav-bar .nav-content .nav-logo{width:6rem;margin-bottom:5rem}.nav-bar .nav-content .nav-top{width:min-content}.nav-bar .nav-content .nav-separator{opacity:.1;background-color:var(--secondary-text-color);border-radius:.5rem;width:90%;height:.3rem;margin:3.5rem auto}@media screen and (width<=900px){.nav-bar .nav-content{margin-left:4rem}}@media screen and (width<=800px){.nav-bar{width:fit-content}.nav-bar .nav-content{align-items:center;min-width:0;margin-top:3rem;margin-left:0;margin-right:0;padding:0 2rem}.nav-bar .nav-content .nav-logo{width:4.5rem;margin-bottom:6rem}}.nav-item{cursor:pointer;align-items:center;display:flex}.nav-item .icon,.nav-item span{transition:var(--transition);transition-property:color}.nav-item .icon{color:var(--secondary-text-color);justify-content:center;align-items:center;font-size:3.1rem;display:flex}.nav-item span{color:var(--secondary-text-color);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 (width<=800px){.nav-item{justify-content:center}.nav-item span{display:none}}.nav-user-details{justify-content:center;align-items:center;display:flex}.nav-user-details .nav-avatar{--dimension:4.8rem;width:var(--dimension);height:var(--dimension)}.nav-user-details .nav-details-right{align-items:center;margin-left:1.1rem;display:flex}.nav-user-details .nav-details-right .details{margin-right:.32rem}.nav-user-details .nav-details-right .details h3{margin:0 0 .2em;font-size:1.6rem}.nav-user-details .nav-details-right .details p{color:var(--secondary-text-color);margin:0;font-size:1.4rem}.nav-user-details .options-wrapper{position:relative}.nav-user-details .options-wrapper .options{cursor:pointer;transition:var(--transition);background-color:var(--secondary-bg-color);border:none;border-radius:50%;justify-content:center;align-items:center;padding:.8rem;font-size:2.4rem;line-height:1.6rem;transition-property:background-color;display:flex;color:var(--primary-text-color)!important}@media (hover:hover){.nav-user-details .options-wrapper .options:hover{filter:brightness(.93)}}@media screen and (width<=1000px){.nav-user-details{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 (width<=800px){.nav-user-details{justify-content:center;margin:0}.nav-user-details .nav-avatar{--dimension:5rem}.nav-user-details .nav-details-right .details{display:none}}.logout-container{cursor:default;z-index:1;background-color:var(--secondary-bg-color);border-radius:.8rem;width:14rem;padding:.5rem;position:absolute;top:3.7rem;left:0;box-shadow:0 0 15px #3232324a}.dark .logout-container{box-shadow:none;border:.5px solid var(--secondary-text-color)}.logout{cursor:pointer;color:var(--primary-text-color);background-color:var(--secondary-bg-color);border-width:thin;border-color:var(--tertiary-text-color) var(--secondary-bg-color);border-radius:.3rem;align-items:center;padding:.95rem 2.2rem;font-size:2rem;display:flex;position:relative}.logout span{margin-left:.5rem;font-size:1.4rem;font-weight:700}@media (hover:hover){.logout:hover{filter:brightness(.93)}}.confirm-dialog-popup{flex-direction:column;justify-content:space-between;height:100%;padding:2rem 1.5rem 1.5rem;display:flex}.confirm-dialog-popup-top{flex-direction:column;margin-right:3.8rem;display:flex}.confirm-dialog-popup-top h3{margin:0;font-size:2rem}.confirm-dialog-popup-top p{margin:.7em 0}.confirm-dialog-popup-top{margin-bottom:1rem}.confirm-dialog-popup-bottom{justify-content:flex-end;align-items:center;display:flex}@media screen and (width<=600px){.confirm-dialog-popup{padding:2rem 1rem 1rem}}.modal-bg{z-index:49;background-color:#0f0f0fb3;width:100vw;height:100vh;position:fixed;top:0;left:0}.dark .modal-bg{background-color:#0f0f0ff2}.modal{z-index:50;background-color:var(--secondary-bg-color);-ms-overflow-style:none;scrollbar-width:none;border-radius:1.3rem;width:80vw;max-width:50rem;max-height:95vh;padding:2rem;position:fixed;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.modal::-webkit-scrollbar{display:none}.modal .modal-top{position:relative}.modal .modal-top .modal-close{cursor:pointer;color:var(--secondary-text-color);background-color:var(--primary-bg-color);transition:var(--transition);border-radius:1.1rem;justify-content:center;align-items:center;padding:.5rem;font-size:3rem;display:flex;position:absolute;right:0}@media (hover:hover){.modal .modal-top .modal-close:hover{filter:brightness(.95)}}.modal .modal-body{max-height:100%}@media screen and (width<=600px){.modal{width:94vw}.full-screen{border-radius:0;width:100vw;max-width:100vw;height:100%;max-height:100%;padding:2rem 1rem;bottom:0}}.avatar{cursor:pointer;object-fit:cover;border-radius:50%;width:50px;height:50px}.nav-auth{flex-wrap:wrap;justify-content:center;display:flex}@media screen and (width<=800px){.nav-auth .auth-btn{flex-direction:column;margin-left:0;margin-right:0;font-size:1.2rem}}.notification-icon{justify-content:center;align-items:center;display:flex;position:relative}.notification-icon .notification-badge{filter:brightness(1.2);background-color:var(--error-color);border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;bottom:0;right:0}.bottom-nav{width:100vw;transition:var(--transition);background-color:var(--secondary-bg-color);justify-content:space-between;padding:1.2rem 3.5rem .8rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -1px 20px -3px #0003}.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{width:45%;min-width:340px;max-width:400px;padding:2rem 2rem 2rem 0}.right-side-bar .footer{color:var(--secondary-text-color);padding:2rem;font-size:1.3rem;line-height:2rem}.right-side-bar .footer a{color:inherit;transition:color var(--transition);font-weight:500}.right-side-bar .footer a:hover{color:var(--primary-color)}.topics-card{box-shadow:var(--shadow);background-color:var(--secondary-bg-color);border-radius:1.3rem;padding:3rem}.topics-card h3{margin:0 0 1.5rem;font-size:1.75rem}.topic-row{justify-content:space-between;align-items:center;padding:0;display:flex}.topic-row-left h4{margin:0 0 .2rem;font-size:1.5rem}.topic-row-left span{color:var(--secondary-text-color);font-size:1.2rem;font-weight:500}.topic-row-right .follow-btn{font-size:1.2rem}.topic-row+.topic-row{margin-top:1rem}.search-bar{box-shadow:var(--shadow);background-color:var(--secondary-bg-color);border-radius:1rem;align-items:center;margin-bottom:3.5rem;padding:.7rem 1rem;display:flex}.search-bar input{background-color:#0000;border:none;width:100%;padding-left:1rem;font-size:1.6rem;font-weight:600}.search-bar input::placeholder{color:var(--secondary-text-color);font-size:1.6rem;font-weight:600}.search-bar input:focus{outline:none}.search-bar input:focus::placeholder{color:#0000}.search-bar .search-btn{padding:.8rem}.snackbar{color:#fff;z-index:999;transform-origin:50%;border-radius:.4rem;justify-content:space-between;align-items:center;width:90vw;max-width:38rem;margin:auto;padding:1.3rem 1rem;animation-name:popup;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards;display:flex;position:fixed;bottom:2rem;left:50%;box-shadow:0 3px 5px -1px #00000020,0 6px 10px #00000014,0 1px 18px #00000012}.snackbar .snackbar-left{align-items:center;display:flex}.snackbar .snackbar-left .snackbar-icon{justify-content:center;align-items:center;padding:0 .5rem 0 .7rem;font-size:2.5rem;display:flex}.snackbar .snackbar-left .snackbar-content{margin:0 1rem 0 .7rem;font-size:1.35rem;font-weight:500;line-height:1.8rem}.snackbar .snackbar-right{justify-content:center;align-items:center;font-size:2.5rem;font-weight:300;display:flex}.snackbar .snackbar-right .snackbar-close{cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:.3rem;display:flex}@media (hover:hover){.snackbar .snackbar-right .snackbar-close:hover{background-color:#0000001e}}.snackbar-error{background-color:var(--error-color)}.snackbar-warning{background-color:var(--warning-color)}.snackbar-success{background-color:var(--success-color)}@keyframes popup{0%{transform:translate(-50%,.5rem)}90%{transform:translate(-50%,-.25rem)}to{transform:translate(-50%)}}.login-modal{padding:1.2rem}.login-modal .login-head{margin-bottom:3.5rem}.login-modal .login-head .login-title{color:var(--primary-text-color);font-size:2.4rem}.login-modal .login-form{flex-direction:column;display:flex}.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{background-color:#bccad8;width:80%;height:.1rem;margin:4rem auto;position:relative}.login-modal .line-separator span{color:var(--secondary-text-color);background-color:var(--secondary-bg-color);padding:1em;font-size:1.2rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-modal .google-login{justify-content:center;width:60%;margin:auto auto 3rem;display:flex}@media screen and (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{margin-bottom:.5rem;position:relative}.input-wrapper label{pointer-events:none;transition:var(--transition);color:var(--secondary-text-color);background-color:var(--secondary-bg-color);padding:0 .5rem;font-size:1.15rem;font-weight:500;position:absolute;top:0%;left:.9rem;transform:translateY(-50%)}.input-wrapper input{width:100%;transition:var(--transition);border:.2rem solid #bccad8;border-radius:.8rem;padding:1.2rem 1.4rem;font-size:1.4rem}.dark .input-wrapper input{border-color:#a3a9b3d7}.input-wrapper input:focus{border:.2rem solid var(--primary-text-color);outline:none}.input-wrapper input:focus+label{color:var(--primary-text-color)}.input-wrapper .input-error{margin-top:5px;font-size:1.2rem;font-weight:500}.input-wrapper .password-input{padding-right:3.5rem}.input-wrapper :not(input[value=""])+label{color:var(--primary-text-color)}.input-wrapper .password-toggle{cursor:pointer;color:var(--secondary-text-color);justify-content:center;align-items:center;padding:.5rem;font-size:2.2rem;display:flex;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.input-wrapper .password-toggle svg{pointer-events:none}@media (hover:hover){.input-wrapper .password-toggle:hover{background-color:var(--primary-bg-color);color:var(--primary-text-color);border-radius:50%}}.input-error{color:var(--error-color)}.sign-up-modal{padding:1.2rem}.sign-up-modal .sign-up-head{margin-bottom:3rem}.sign-up-modal .sign-up-head .sign-up-title{color:var(--primary-text-color);font-size:2.4rem}.sign-up-modal .sign-up-form .input-wrapper{width:100%;margin:.8rem 0}.sign-up-modal .sign-up-form .name-row{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{flex-direction:column;display:flex}.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{background-color:#bccad8;width:80%;height:.1rem;margin:2.5rem auto;position:relative}.sign-up-modal .line-separator span{color:var(--secondary-text-color);background-color:var(--secondary-bg-color);padding:1em;font-size:1.2rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sign-up-modal .google-sign-up{justify-content:center;width:60%;margin:auto auto 2rem;display:flex}@media screen and (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{flex-direction:column;align-items:center;display:flex}.otp-modal-top .otp-image{width:30%;margin-bottom:5rem}.otp-modal-top .title{margin:0;font-size:2rem}.otp-modal-top .subtitle{text-align:center;font-size:1.4rem;font-weight:300;line-height:2rem}.otp-modal-top .subtitle span{color:var(--primary-text-color);font-weight:500}.otp-modal-middle{justify-content:center;align-items:center;margin:3rem 0 4.5rem;display:flex}.otp-modal-middle input{background-color:var(--primary-bg-color);border:none;border-radius:1rem;margin:0 .5rem;padding:1.3rem;font-size:2.3rem;font-weight:500;width:2.3em!important}.otp-modal-middle input:focus{outline:none}.otp-modal-bottom{justify-content:center;align-items:center;display:flex}.device-status-banner{z-index:10;opacity:.9;justify-content:center;align-items:center;width:100vw;height:2rem;padding:.5rem;display:flex;position:fixed}.device-status-banner span{color:#fff;font-size:1.2rem;font-weight:500}.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{color:var(--primary-text-color);font-size:2.4rem}.forget-password-modal .forget-password-form .input-wrapper{width:100%;margin:.8rem 0}.forget-password-modal .forget-password-form{flex-direction:column;display:flex}.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{background-color:#bccad8;width:80%;height:.1rem;margin:2.5rem auto;position:relative}.forget-password-modal .line-separator span{color:var(--secondary-text-color);background-color:var(--secondary-bg-color);padding:1em;font-size:1.2rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forget-password-modal .google-log-in{justify-content:center;width:60%;margin:auto auto 2rem;display:flex}@media screen and (width<=600px){.forget-password-modal .google-log-in{width:90%}}.forget-password-modal .link{cursor:pointer;color:var(--primary-color);font-weight:600}