*{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box}:root{--accent-color:#06c;--color-a:#57d0d3;--color-b:#eb4466;--color-c:#c262ff;--color-d:#4cd470;--color-o-a:rgba(87,209,211,.4);--color-o-b:rgba(235,68,101,.4);--color-o-c:rgba(195,98,255,.4);--color-o-d:rgba(76,212,112,.4)}body{background-color:#000;color:#f5f5f7}@keyframes showElem{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.join h1{text-align:center;font-size:32px;font-weight:600;margin-bottom:30px}.join{justify-content:center;min-height:400px;height:100svh}.join,.join .join-wrapper{display:flex;align-items:center}.join .join-wrapper{flex-direction:column;transform:translateY(-30px)}.join .join-wrapper section{width:450px;max-width:85vw;display:flex;flex-direction:column}.join input{font-size:17px;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;padding:12px 15px;background-color:#111;border:1px solid #222;border-radius:8px;color:#f5f5f7;text-align:center}.join section div{display:flex;justify-content:center;align-items:center}.join button{background-color:#eee;color:#1d1d1f;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;padding:12px 45px;border-radius:8px;margin-top:15px;font-size:17px;cursor:pointer;font-weight:500;width:100%}.join button:hover{background-color:#fff}.user-quiz-panel{max-width:900px;margin:0 auto;position:relative}.user-quiz-panel .user-avatar{width:80px;position:relative;height:80px;display:flex;justify-content:center;align-items:center;font-size:50px;border-radius:50%;font-weight:600;font-size:40px}.game-panel{max-width:900px;margin:0 auto;position:relative}.game-panel .hero{background-color:#111;border-radius:25px;margin:30px 20px 20px;display:flex;justify-content:center;align-items:center;text-align:center;padding:40px 20px 80px}.game-panel .hero h2{font-size:19px;font-weight:400;color:#a5a5a7}.game-panel .hero h1{margin-top:30px;font-size:48px;color:#888}.game-panel .hero h1 .code-span{color:#f5f5f7}.game-panel .hero p{color:#888;margin-top:15px;text-transform:uppercase;font-size:14px}.subhero .left-col,.subhero .right-col{background-color:#111;border-radius:25px;padding:20px}.subhero{display:grid;width:calc(100% - 40px);grid-template-columns:repeat(2,1fr);margin:0 20px 20px;grid-gap:20px}.subhero .col h4{font-size:14px;font-weight:500;color:#999;margin-bottom:10px}.subhero .left-col p{font-size:15px;margin-bottom:8px}.subhero .right-col button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#06c;color:#f5f5f7;border:0;border-radius:25px;padding:10px 20px;cursor:pointer;font-weight:400;font-size:14px;margin-top:10px}.subhero .right-col button:hover{background-color:rgba(0,102,204,.8)}.user-stats{padding:0 20px}.user-stats .user-stats-ul{list-style:none}.user-stats .user-stats-ul li{background-color:#111;border-radius:25px;margin:10px 0;position:relative;padding:20px;animation:showElem .5s 1 both}.user-stats .user-stats-ul li h4{font-size:17px;margin-bottom:5px;font-weight:600}.user-stats .user-stats-ul li .user-avatar{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#f5f5f7;font-weight:500;margin-right:15px}.user-nickname-section{display:flex;align-items:center;padding-bottom:5px}.add-info-user{display:grid;width:100%;grid-template-columns:repeat(3,1fr);text-align:center}.add-info-user p{font-size:13px;color:#a5a5a7}.add-info-user p:first-child{font-weight:600;color:#f5f5f7}.add-info-user p:first-child,.add-info-user p:nth-child(2){border-right:1px solid #a5a5a7}.progress-bar-section{padding:15px 0}.progress-bar-section .progress-bar{background-color:#c71f54;height:15px;width:100%;border-radius:25px;position:relative;overflow:hidden}.progress-bar-section .progress-bar .progress-bar-fill{height:100%;position:relative;background-color:#2dc88d}.progress-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;font-size:12px}.waiting-panel{padding:40px 30px;transition:.3s}.waiting-panel-hero{display:flex;align-items:center;z-index:2;position:relative}.waiting-panel-hero .user-info{padding-left:30px}.waiting-panel-hero .user-info h1{font-size:24px;font-weight:600;margin-bottom:7px}.waiting-panel-hero .user-info h3{color:#888;font-size:15px;font-weight:600}.waiting-panel-hero .user-info h3 .game-title{color:#06c}.waiting-loading-section{padding:50px 0;min-height:350px;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.waiting-loading-section p{font-size:12px;color:#888}@keyframes animloading{0%{rotate:0}to{rotate:1turn}}.waiting-loading-section .loading-icon{width:50px;height:50px;border-radius:50%;margin-bottom:30px;border:2px solid #fff;border-top-color:transparent;animation:animloading 1s infinite}.waiting-panel.minimalized .waiting-loading-section{display:none}.waiting-panel.minimalized{padding:0}.waiting-panel.minimalized .waiting-panel-hero{margin:0;height:70px;padding:0 20px}.waiting-panel.minimalized .waiting-panel-hero h3{display:none}.waiting-panel.minimalized .waiting-panel-hero h1{font-size:17px;margin:0}.waiting-panel.minimalized .waiting-panel-hero .user-info{padding-left:20px}.waiting-panel.minimalized .waiting-panel-hero .user-avatar{width:40px;height:40px;font-size:17px}.quiz-question-section{padding:40px 20px}@keyframes scaleItem{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}.quiz-question-section img{width:100%;margin:0 auto 40px;border-radius:12px;max-width:600px;position:relative;display:block}.quiz-question-section p{text-align:center;font-size:19px}.quiz-question-section ul{margin-top:30px}.quiz-question-section ul li{list-style:none;text-align:center;padding:12px 20px;width:100%;background-color:#111;margin:7.5px 0;font-size:17px;border-radius:12px;cursor:pointer;transition:.3s}.quiz-question-section ul li:first-child{background-color:var(--color-o-a)}.quiz-question-section ul li:nth-child(2){background-color:var(--color-o-b)}.quiz-question-section ul li:nth-child(3){background-color:var(--color-o-c)}.quiz-question-section ul li:nth-child(4){background-color:var(--color-o-d)}.screen-result-ans{background-color:#000;position:fixed;width:100vw;max-width:900px;left:50vw;transform:translateX(-50%);height:100dvh;top:0;padding:130px 20px 0}.screen-result-ans h2{text-align:center;font-weight:600;font-size:24px;margin-bottom:10px}.screen-result-ans p.screen-ans-desc{text-align:center;margin-bottom:50px;font-size:14px;color:#666}.your-ans{font-size:17px;text-align:center;color:#888;font-weight:500}.your-ans .ans-box{display:block;padding:15px 30px;background-color:var(--color-b);color:#f5f5f7;width:200px;margin:10px auto 0;border:2px solid rgba(0,0,0,.5);border-radius:12px}.corrected-ans{font-size:17px;text-align:center;color:#888;margin-top:20px;font-weight:500}.correct-ans,.corrected-ans .ans-box{display:block;padding:15px 30px;background-color:var(--color-d);color:#f5f5f7;width:200px;margin:10px auto 0;border:2px solid rgba(0,0,0,.5);border-radius:12px}.correct-ans{text-align:center}.game-result-panel{position:absolute;top:0;left:0;width:100%;min-height:100dvh;background-color:#000;padding:190px 20px 40px}.game-result-panel h1{color:#888;font-weight:600;font-size:21px;margin-bottom:5px}.game-result-panel-section h4{font-size:15px;font-weight:600;margin-bottom:30px}.game-result-panel-section li{background-color:#111;list-style:none;padding:20px;border-radius:25px;margin:10px 0;animation:showElem .5s 1 both}.add-info-user.user-game-p{grid-template-columns:repeat(2,1fr)}.add-info-user.user-game-p p:nth-child(2){border-right:0}.user-avatar-sm{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#f5f5f7;font-weight:500;margin-right:15px}.user-result-li .user-nickname-section-sm{display:flex;align-items:center;position:relative}.user-result-li .user-nickname-section-sm h4{margin-bottom:0;height:100%}.marker-num{position:absolute;left:0;top:0;background-color:#111;font-size:14px;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;transform:translate(-30%,-30%);border:1px solid #222}.user-result-li{position:relative}.user-points-box{position:absolute;display:block;right:20px;background-color:#222;font-size:15px;padding:6px 20px;border-radius:8px}.create-quiz-panel{padding:10px 20px 20px;max-width:900px;margin:0 auto;position:relative}.create-quiz-panel .cta-section-top{padding-bottom:30px}.create-quiz-panel .cta-section-top h1{padding-bottom:10px;font-size:28px;font-weight:600;color:#f5f5f7}.create-quiz-panel .cta-section-top a{color:#06c;text-decoration:none}.create-quiz-panel input[type=text]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background-color:#111;border:1px solid #333;border-radius:8px;padding:10px 15px;margin:5px 0;color:#f5f5f7;font-size:17px}.create-quiz-panel div label p{margin-bottom:5px;margin-top:15px;font-size:15px;color:#888}.create-quiz-panel textarea{width:100%;background-color:#111;border:1px solid #333;border-radius:8px;margin:5px 0;resize:none}.create-quiz-panel input[type=submit],.create-quiz-panel textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 15px;color:#f5f5f7;font-size:17px}.create-quiz-panel input[type=submit]{width:300px;background-color:#06c;border:0;border-radius:25px;position:fixed;bottom:20px;left:50vw;transform:translateX(-50%);font-weight:400}.submit-btn-box{content:"";display:block;width:100vw;height:70px;background-image:linear-gradient(180deg,#00000000,#000 70%);position:fixed;bottom:0;left:0}.create-quiz-panel .add-question{margin-top:40px}.create-quiz-panel .add-question section p{margin-top:15px;margin-bottom:5px;color:#888;font-size:15px}.create-quiz-panel .add-question h3{margin-bottom:15px;font-size:21px;font-weight:600}.create-quiz-panel .add-question section ul li{list-style:none}.correct-select{width:100%;background-color:#111;margin-left:20px;border:1px solid #333;padding:10px 15px;color:#f5f5f7;font-size:17px;border-radius:12px;margin-right:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.correct-wrapper,.image-add-wrapper{display:flex;flex-wrap:nowrap;align-items:center;padding:15px 0}.image-add-wrapper{justify-content:space-between}.image-add-wrapper input{display:none}.image-add-wrapper label{background-color:#06c;padding:6px 20px;font-size:15px;border-radius:25px;cursor:pointer}.image-add-wrapper label.added{background-color:var(--color-a)}.image-add-wrapper .input-file-box{display:flex}.image-add-wrapper .input-file-box div{background-color:var(--color-b);padding:6px 20px;font-size:15px;border-radius:25px;cursor:pointer;margin-left:20px}.add-question-btn{margin-bottom:100px;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:10px 20px;font-size:17px;color:#888;background-color:#000;border-radius:12px;margin-top:5px;border:1px solid #333;cursor:pointer;font-weight:400;transition:.3s}.add-question-btn:hover{background-color:#111;color:#f5f5f7}.questions-model{margin-top:40px;margin-bottom:40px}.questions-model p.titled{font-size:17px;margin-bottom:20px}.questions-model .list li.item{list-style:none;background-color:#111;padding:25px 20px;border-radius:12px;position:relative;margin:10px 0}.questions-model .list li.item img{width:100%;max-width:500px;position:relative;display:block;margin:20px auto 30px}.questions-model .list li.item .delete-icon{position:absolute;right:0;top:0;background-color:#111;color:#b31010;transform:translate(-5px,-5px);padding:5px 10px;border-radius:25px;border:1px solid #333;font-size:12px;cursor:pointer;transition:.3s}.questions-model .list li.item .delete-icon:hover{background-color:#b31010;color:#f5f5f7}.questions-model .list li.item ul li{list-style:none;background-color:#111;border:1px solid #222;padding:10px 20px;margin:5px 0;font-size:16px;border-radius:12px}.questions-model .list li.item h4{margin-bottom:20px;font-weight:600}.questions-model .list li.item h4 .num{font-weight:400;padding-right:5px}.questions-model .list li.item .correct{margin-top:15px;font-size:15px;color:#888}.quiz-info-panel .hero-section{background-color:#111;min-height:300px;display:flex;justify-content:center;align-items:center;position:relative;padding:40px 20px 70px}@keyframes unblur{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes parallaxE{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-info-panel .hero-section .wrapper h1{font-size:36px;font-weight:600;text-align:center;animation:unblur 1s 1}.quiz-info-panel .hero-section .wrapper p{margin-top:10px;text-align:center;color:#888;font-size:17px;animation:parallaxE 1s 1s 1 both}.quiz-info-panel .hero-section .wrapper button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#06c;color:#f5f5f7;padding:10px 20px;border-radius:25px;font-size:16px;margin-top:15px;border:0;cursor:pointer;font-weight:400;position:absolute;bottom:25px;left:50vw;transform:translateX(-50%);animation:unblur .8s .5s 1 both}.quiz-info-panel .hero-section .wrapper button:hover{background-color:#1473d2}.quiz-info-panel .questions-section{padding:40px 30px;max-width:900px;margin:0 auto;position:relative}.quiz-info-panel .questions-section h3{font-weight:600;font-size:18px;margin-bottom:30px}.quiz-info-panel .questions-section .prim-list .prim-item{list-style:none;margin-bottom:25px}.quiz-info-panel .questions-section .prim-list .prim-item p{font-size:17px;color:#f5f5f7;margin-bottom:10px}.quiz-info-panel .questions-section .prim-list .prim-item ul li{list-style:none;margin:5px 0;color:#888;font-size:16px}.all-quizzes-panel{padding:40px 20px}.all-quizzes-panel h1{font-size:32px;font-weight:600;margin-bottom:50px}.all-quizzes-panel ul li{list-style:none;width:100%;background-color:#111;border-radius:12px}.all-quizzes-panel ul li h3{font-size:28px;text-align:center;padding:50px 20px 10px;font-weight:600;color:#f5f5f7}.all-quizzes-panel ul li div{text-align:center;padding:20px 20px 40px}.all-quizzes-panel ul li div p{font-size:17px;color:#888;margin-bottom:30px}.all-quizzes-panel ul li div a{color:#f5f5f7;font-size:16px;background-color:#06c;padding:8px 20px;border-radius:25px;cursor:pointer;text-decoration:none}.home-app .hero-section{width:100vw;height:100dvh;overflow:hidden;background-image:linear-gradient(0deg,#04254171,#000)}.home-app .hero-section .top-item{width:100vw;display:flex;justify-content:center;align-items:center;padding-top:100px;padding-bottom:20px;font-size:32px;font-weight:600;flex-direction:column}@media(max-width:650px){.home-app .hero-section .top-item{padding-bottom:0}}.home-app .hero-section .top-item h1{background-image:linear-gradient(90deg,#61c5f7,#07357d);color:transparent;background-clip:text;-webkit-background-clip:text;text-align:center;font-size:40px;font-weight:700}.home-app .hero-section .top-item h3{color:#f5f5f7;font-size:17px;font-weight:600;margin-bottom:10px}@media(min-width:770px){.home-app .hero-section .top-item h1{font-size:56px}.home-app .hero-section .top-item h3{font-size:21px}}@keyframes showCta{0%{transform:translateY(50%);opacity:0}to{opacity:1;transform:translateY(0)}}.home-app .hero-section .cta{position:absolute;bottom:60px;width:100vw;display:flex;justify-content:center;animation:showCta .5s 1s 1 both}.home-app .hero-section .cta button .material-symbols-outlined{padding-left:10px;font-weight:400;font-size:24px;transition:transform .3s}.home-app .hero-section .cta a{text-decoration:none}.home-app .hero-section .cta button{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 25px;border-radius:25px;border:0;background-color:#f5f5f7;color:#1d1d1f;font-size:17px;margin:0 10px;display:flex;align-items:center;font-weight:500;cursor:pointer}.home-app .hero-section .cta button:hover .material-symbols-outlined{transform:translateX(5px)}.home-app .hero-section .cta a:nth-child(2) button{background-color:#323232;box-shadow:inset 0 0 2px .5px #555;color:#f5f5f7}.home-app .hero-section .cta a:nth-child(2) button:hover{background-color:#444}.home-protected{padding:10px 20px;max-width:900px;margin:0 auto;position:relative}.home-protected .top-wrapper{display:flex;justify-content:space-between;padding-top:20px}.home-protected h1{margin-bottom:30px;font-weight:600;font-size:28px;color:#f5f5f7}.home-protected h1 .user-name{color:#888}.home-protected .create-quiz{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 20px;border-radius:25px;background-color:#06c;color:#f5f5f7;font-size:16px;cursor:pointer;border:1px solid #06c}.quizzes-list{margin-top:20px;padding-bottom:90px}.quizzes-list h4{font-size:16px;font-weight:600;margin-bottom:20px}.newest-quizzes-list{padding:20px 0;margin-bottom:30px}.newest-quizzes-list h4{font-size:16px;font-weight:600;margin-bottom:20px}.newest-quizzes-list ul{white-space:nowrap;width:calc(100% + 40px);overflow:scroll;left:-20px;position:relative;scroll-padding-left:20px;padding-left:20px;scroll-snap-type:x mandatory}.newest-quizzes-list ul::-webkit-scrollbar{opacity:0;width:0;height:0;display:none!important}.newest-quizzes-list ul li{width:300px;background-image:linear-gradient(45deg,#000,#1d888f,#1dfcb9);height:300px;scroll-snap-align:start;display:inline-block;scroll-snap-stop:always;margin-right:20px;border-radius:12px;padding:15px;position:relative;overflow:hidden}.newest-quizzes-list ul li:nth-child(2){background-image:linear-gradient(45deg,#000,#8f1d41,#fc1d33)}.newest-quizzes-list ul li:nth-child(3){background-image:linear-gradient(45deg,#000,#1d618f,#1d90fc)}.newest-quizzes-list ul li a{text-decoration:none;z-index:3;position:relative;height:100%;width:100%;display:block}.newest-quizzes-list ul li h3{color:#f5f5f7;font-weight:600;font-size:21px;text-decoration:none;z-index:20}.newest-quizzes-list ul li section{z-index:0;position:absolute;top:0;left:0;height:100%;width:100%;display:block}.newest-quizzes-list ul li h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:500px;color:transparent;background-image:linear-gradient(180deg,transparent,#00000060);pointer-events:none;-webkit-background-clip:text;background-clip:text}.newest-quizzes-list ul li div{position:absolute;bottom:10px}.newest-quizzes-list ul li div p{color:#888;font-size:16px}.quizzes-list ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;width:100%}.quizzes-list ul li{list-style:none;background-color:#111;border:1px solid #222;border-radius:12px;padding:15px}.quizzes-list ul li h3{font-size:19px;font-weight:600;margin-bottom:10px}.quizzes-list ul li p{font-size:12px;color:#888;margin-bottom:30px;display:block}.quizzes-list ul li a{background-color:#eee;color:#000;text-decoration:none;border-radius:25px;padding:8px 16px;font-size:16px;cursor:pointer;display:block;text-align:center;transition:.3s;margin-bottom:5px}.quizzes-list ul li a:hover{background-color:#fff}.global-header{width:100vw;height:60px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 20px;overflow:hidden;z-index:10}.global-header.fixed{top:0;left:0;position:fixed}.global-header .logo{height:50px}.global-header .logo-wrapper{grid-column:2;display:flex;justify-content:center;align-items:center}.global-nav{top:0;left:0;display:grid;position:fixed;z-index:100;background-color:rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);grid-template-columns:repeat(3,1fr)}.fake-nav,.global-nav{width:100vw;height:50px}.fake-nav{position:relative;display:block}.global-nav .title-wrapper{grid-column:2;display:flex;justify-content:center;align-items:center}.global-nav .title-wrapper h4{text-align:center;font-weight:600;font-size:17px}.global-nav .back-wrapper{grid-column:1}.global-nav .back-wrapper,.global-nav .back-wrapper a{height:100%;position:relative;display:flex;align-items:center}.global-nav .back-wrapper a{padding:0 20px;justify-content:center;text-decoration:none;color:#f5f5f7;cursor:pointer}.global-nav .back-wrapper a span{font-size:21px}.global-nav.absolute{top:0;left:0;background-color:hsla(0,0%,7%,.5);z-index:10}.fake-nav.absolute{display:none}.login-reg-main{padding:40px 20px;max-width:700px;margin:0 auto;position:relative}.login-reg-main .logo{height:40px;margin-bottom:20px}.login-reg-main h1{font-size:28px;font-weight:600;margin-bottom:30px}.login-reg-main form input[type=text]{display:block;padding:10px 15px;background-color:#111;border:1px solid #222;border-radius:8px;color:#f5f5f7;margin:10px 0}.login-reg-main form input[type=submit],.login-reg-main form input[type=text]{font-size:17px;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%}.login-reg-main form input[type=submit]{margin-top:10px;padding:10px 20px;border-radius:12px;border:0;color:#1d1d1f;cursor:pointer;margin-bottom:20px;background-color:#f5f5f7;font-weight:500}.or{width:100%;text-align:center;padding:10px 0;position:relative}.or span{background-color:#000;padding:0 20px;font-size:14px;color:#666}.or:after{content:"";display:block;width:100%;background-color:#666;height:1px;position:absolute;top:50%;transform:translateY(-50%);z-index:-1}.login-reg-main .login-with{width:100%;margin-top:15px;font-size:17px;padding:10px 20px;border-radius:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:#888;background-color:#000;border:1px solid #333;cursor:pointer;margin-bottom:30px;font-weight:500;transition:.3s}.login-reg-main .login-with:hover{background-color:#111;color:#f5f5f7}.login-reg-main .additional-info{color:#f5f5f7;font-size:17px}.login-reg-main .additional-info a{color:#06c}.home-app .logo-wrapper{display:flex;justify-content:center;align-items:center;width:100vw}@keyframes showLogo{0%{transform:scale(5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}to{transform:scale(1.1);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}.home-app .home-logo{height:45vh;animation:showLogo 1s ease-in 1 both}.visible-account-wrapper{position:fixed;right:0;top:0;height:60px;overflow:hidden;display:flex;justify-content:center;align-items:center;padding-right:20px;padding-left:20px;cursor:pointer;z-index:11}.visible-account-wrapper .profile-image{width:30px;height:30px;object-fit:cover;border-radius:50%}.hidden-account-wrapper{position:fixed;top:60px;left:0;background-color:#111;padding:15px 20px;z-index:10;width:100%;height:calc(100dvh - 60px)}.hidden-account-wrapper:after{position:absolute;content:"";top:-20px;right:25px;width:0;height:0;border:10px solid transparent;border-bottom-color:#111}.hidden-account-wrapper .name-part{margin-bottom:10px;padding-bottom:10px;text-align:center}.hidden-account-wrapper .name-part h3{font-weight:600;font-size:24px}.hidden-account-wrapper .name-part p{font-weight:400;font-size:17px;margin-top:7px;color:#888}.hidden-account-wrapper .profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover}.hidden-account-wrapper .image-profile-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative;margin:30px 0 20px}.hidden-account-wrapper .logout{background-color:#06c;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;text-align:center;padding:12px 20px;max-width:300px;color:#f5f5f7;border:0;border-radius:25px;font-size:17px;font-weight:400;position:relative;display:block;margin:30px auto 0}input[type=text]:focus{outline:0;border-color:#06c;box-shadow:0 0 0 2px #06c}textarea:focus{outline:0;border-color:#06c;box-shadow:0 0 0 1px #06c}.loading-progress{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;display:flex;justify-content:center;align-items:center}.loading-progress-icon{width:60px;animation:animloading 1s infinite;height:60px;border-radius:50%;border:2px solid #fff;border-top-color:transparent}.welcome-nav{width:100vw;height:60px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 20px;overflow:hidden;z-index:10;background-color:rgba(0,0,0,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;position:fixed}.welcome-nav.accountShowed{background-color:#111!important}.welcome-nav h1{color:#888;font-weight:600;font-size:22px}.welcome-nav h1 .user-name{color:#f5f5f7}.create-btn-nav{position:absolute;height:60px;width:50px;right:60px}.create-btn-nav,.create-btn-nav .icon{display:flex;justify-content:center;align-items:center}.create-btn-nav .icon{width:33px;height:33px;background-color:#111;border-radius:50%;flex-direction:column;border:1px solid #222;cursor:pointer;transition:background .3s}.create-btn-nav:hover .icon{background-color:#222}.create-btn-nav .icon span{width:13px;background-color:#fff;height:2px;border-radius:25px}.create-btn-nav-line-1{transform:translateY(1px) rotate(90deg)}.create-btn-nav-line-2{transform:translateY(-1px) rotate(0deg)}