*{margin:0;padding:0;box-sizing:border-box;color-scheme:dark;font-family:var(--roboto)}body{overflow-x:hidden}:root{--loading-bg-color: linear-gradient(to right, #343434, #262626, #343434);--loading-bg-size: 1700px;--loading-bg-anim: element-loading-bg-animation 1s linear infinite both;--roboto: Roboto, system-ui, Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;--poppins: Poppins, "Segoe UI", system-ui, Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;--page-header: #1c1c1c;--question-box-max-width: 850px;--question-box-min-width: 600px;--question-box-query-fs: 28px;--question-box-answer-list-fs: 22px;--question-box-answer-grid-fs: 24px}@keyframes element-loading-bg-animation{0%{background-position-x:0}to{background-position-x:var(--loading-bg-size)}}@keyframes not-able-to-keep-writing{0%{translate:0px 0px}38%{translate:10px 0px;color:#ffffff80}to{translate:0px 0px}}@media (max-width: 1600px){:root{--question-box-answer-list-fs: 20px;--question-box-answer-grid-fs: 22px;--question-box-query-fs: 26px}}@media (max-width: 1400px){:root{--question-box-answer-grid-fs: 20px;--question-box-query-fs: 24px;--question-box-max-width: 750px}}@media (max-width: 1100px){:root{--question-box-max-width: 650px;--question-box-min-width: 500px;--question-box-answer-grid-fs: 24px;--question-box-answer-list-fs: 26px;--question-box-query-fs: 28px}}@media (max-width: 750px){:root{--question-box-max-width: calc(100vw - 100px) ;--question-box-min-width: 350px;--question-box-answer-list-fs: 18px;--question-box-answer-grid-fs: 18px;--question-box-query-fs: 24px}}@media (max-width: 600px){:root{--question-box-max-width: calc(100vw - 60px) ;--question-box-min-width: 270px;--question-box-answer-list-fs: 14px;--question-box-answer-grid-fs: 14px;--question-box-query-fs: 18px}}body.landing{margin:0 calc(8vw + 20px);overflow:hidden;height:max-content;background:linear-gradient(to bottom,#171818,#0c0c0c)}#root.landing{height:100vh;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.title-n-slogan h1{font-size:96px;margin-bottom:8px;font-family:var(--poppins);cursor:default}.title-n-slogan h3{font-size:36px;color:#cdcdcd;font-family:var(--poppins);font-weight:500;line-height:42px;margin-bottom:20px;text-wrap:nowrap;cursor:default}.title-n-slogan h3 span{color:#a37df3}@media screen and (max-width: 1600px){.title-n-slogan h1{font-size:86px;margin-bottom:6px}.title-n-slogan h3{font-size:32px;line-height:40px}}@media screen and (max-width: 1450px){.title-n-slogan h1{font-size:74px;margin-bottom:4px}.title-n-slogan h3{font-size:28px;line-height:34px}}@media screen and (max-width: 1250px){.title-n-slogan h1{font-size:64px;margin-bottom:4px}.title-n-slogan h3{font-size:24px;line-height:30px}}@media screen and (max-width: 1000px){body.landing{height:auto;overflow-x:hidden;overflow-y:scroll;min-height:100vh;padding-bottom:100px;margin:0}#root.landing{height:auto;overflow-x:hidden;flex-direction:column;justify-content:flex-start}.title-n-slogan{margin-top:64px;margin-bottom:48px}.title-n-slogan h1{text-align:center;margin-bottom:16px}.title-n-slogan h3{text-align:center}}@media screen and (max-width: 400px){.title-n-slogan h1{font-size:50px}.title-n-slogan h3{font-size:20px;line-height:26px}}.login-anchor{font-size:22px;color:#989898;cursor:pointer;transition:all .1s ease;text-wrap:nowrap}.login-anchor:hover{color:#a37df3;text-decoration:underline}.login-anchor:active{opacity:.5}@media screen and (max-width: 1400px){.login-anchor{font-size:18px}}@media screen and (max-width: 1100px){.login-anchor{font-size:16px}}@media screen and (max-width: 750px){.login-anchor{font-size:14px}}.bg-transition-round{position:fixed;height:100vh;width:200vw;border-radius:50vh 0 0 50vh;right:-200vw;top:0;background:#000;z-index:999;--transition-value: -50vw}.bg-transition-round:not(.transitioning){display:none}.bg-transition-round.transitioning{animation:bg-transition-round .8s ease-in .2s both}.bg-transition-round.on-vertical-view{--transition-value: 0vw}@keyframes bg-transition-round{to{right:var(--transition-value);background:#090909}}body.landing .animated-background{position:absolute;height:100vh;width:100vw;top:0;left:calc(var(--element-size) * -1);--element-size: 175px;z-index:-99;pointer-events:none}body.landing .animated-background .element{top:calc(var(--top) - var(--element-size) / 2);left:0;position:absolute;scale:var(--scale);rotate:var(--rot);animation:move-to-right var(--time) ease-out both}body.landing .animated-background .element svg{width:var(--element-size);height:var(--element-size);stroke-width:3;color:var(--color)}@keyframes move-to-right{0%{left:0;opacity:0}10%{opacity:1}to{left:900px;opacity:0;rotate:0deg}}.menu-question-box{background:#262627;border-radius:20px;padding:60px;max-width:1000px}.menu-question-box h2{font-size:48px;font-family:var(--poppins);margin:0 30px 42px 0;text-wrap:nowrap;cursor:default}.menu-question-box section{display:flex;flex-direction:column;gap:28px}.menu-question-box .answer-box{background:var(--bg-color);border-radius:10px;padding:24px 32px 24px 18px;width:fit-content;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:start;box-shadow:none;border:none;transition:all .3s ease}.menu-question-box .answer-box:hover{scale:1.03;filter:brightness(120%);box-shadow:0 0 16px var(--bg-color-st)}.menu-question-box .answer-box:active{scale:.99;box-shadow:0 0 16px transparent;filter:brightness(95%);transform:translate(25px)}.menu-question-box .answer-box:hover svg{scale:1.1}.menu-question-box .answer-box:disabled,.menu-question-box .answer-box:disabled svg path{pointer-events:none;filter:brightness(75%);color:#fff}.menu-question-box .answer-box span{font-size:36px;font-family:var(--roboto);text-wrap:nowrap}.menu-question-box .answer-box svg{transition:all .3s ease;margin-right:20px;scale:.85}@media screen and (max-width: 1600px){.menu-question-box{padding:52px}.menu-question-box h2{font-size:42px}.menu-question-box section{gap:24px}.menu-question-box answer-box span{font-size:32px}}@media screen and (max-width: 1450px){.menu-question-box{padding:40px 44px}.menu-question-box h2{font-size:38px;margin:0 30px 30px 0}.menu-question-box section{gap:20px}.menu-question-box .answer-box span{font-size:28px}}@media screen and (max-width: 1250px){.menu-question-box{padding:32px;border-radius:16px}.menu-question-box h2{font-size:30px;margin:0 30px 30px 0}.menu-question-box section{gap:16px}.menu-question-box .answer-box{padding:16px 26px 16px 16px;border-radius:8px}.menu-question-box .answer-box span{font-size:24px}}@media screen and (max-width: 550px){.menu-question-box{padding:28px;border-radius:12px}.menu-question-box h2{font-size:24px;margin:0 20px 20px 0}.menu-question-box section{gap:14px}.menu-question-box .answer-box{padding:12px 22px 12px 12px}.menu-question-box .answer-box span{font-size:24px}.menu-question-box .answer-box svg{scale:.65;margin-right:8px}.menu-question-box .answer-box:hover svg{scale:.75}}@media screen and (max-width: 400px){.menu-question-box{padding:22px;border-radius:10px}.menu-question-box h2{font-size:20px;margin:0 16px 16px 0;font-weight:600}.menu-question-box section{gap:12px}.menu-question-box .answer-box{padding:10px 22px 10px 10px}.menu-question-box .answer-box span{font-size:20px}.menu-question-box .answer-box svg{scale:.6;margin-right:4px}.menu-question-box .answer-box:hover svg{scale:.7}}body.play{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090909;height:100vh;overflow:hidden;--q-name-font-xl: 130px;--q-name-font-s: 56px;--q-name-mtop: 70px}.header-buttons-wrapper{position:absolute;width:100vw;top:40px;left:0;padding:0 80px;display:flex;justify-content:space-between;align-items:center;height:var(--header-btns-size);--header-btns-size: 80px}.header-buttons-wrapper .app-logo{height:calc(var(--header-btns-size) * 1.35);width:calc(var(--header-btns-size) * 1.35);animation:header-btn-appear .4s ease .3s both}.header-buttons-wrapper .edit-btn{background:#0647ed;border:none;border-radius:10px;height:var(--header-btns-size);width:var(--header-btns-size);cursor:pointer;transition:filter .1s ease,scale .25s ease-out;animation:header-btn-appear .4s ease .5s both}.header-buttons-wrapper .edit-btn:hover{filter:brightness(115%);scale:1.03}.header-buttons-wrapper .edit-btn:active{filter:brightness(90%);scale:.98}.header-buttons-wrapper .edit-btn svg{width:85%;height:85%;stroke-width:1.2}.text-section{display:flex;flex-direction:column;justify-content:center;text-align:center;position:absolute;width:auto;gap:6px;top:var(--q-name-mtop);left:50%;transform:translate(-50%);z-index:10;transition:all .3s ease}.text-section h2{font-size:var(--q-name-font-s);text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:1200px}.text-section h6{font-size:28px;color:#cdcdcd;font-weight:500;animation:message-slide-in .3s ease-out both}@keyframes progress-message-pop{3%,7%{scale:1.05;filter:brightness(120%)}50%{filter:brightness(120%)}to{scale:1}}@keyframes message-slide-in{0%{scale:.95;opacity:0;transform:translateY(5px)}to{scale:1;opacity:1;transform:translateY(0)}}@keyframes quiz-name-appear{0%{transform:translate(60vw,calc(50vh - 50% - var(--q-name-mtop)));font-size:calc(var(--q-name-font-xl) * .96);opacity:0;rotate:2deg;filter:blur(4px);max-width:75vw}30%{transform:translate(-12px,calc(50vh - 50% - var(--q-name-mtop)));opacity:1;filter:blur(0)}40%,75%{transform:translateY(calc(50vh - 50% - var(--q-name-mtop)));font-size:var(--q-name-font-xl);rotate:0deg;text-shadow:0 0 4px #ffffff5d;max-width:75vw}to{font-size:var(--q-name-font-s);transform:translate(0);max-width:1200px}}@keyframes header-btn-appear{0%{opacity:0;scale:.8}90%{scale:1.01}to{opacity:1;scale:1}}@media screen and (max-width: 1600px){body.play{--q-name-font-xl: 120px;--q-name-font-s: 52px;--q-name-mtop: 50px}.header-buttons-wrapper{top:28px;padding:0 60px;--header-btns-size: 70px}.text-section{gap:4px}.text-section h2{max-width:800px}.text-section h6{font-size:26px}}@media screen and (max-width: 1400px){body.play{--q-name-font-xl: 84px;--q-name-font-s: 46px}.header-buttons-wrapper{padding:0 50px;--header-btns-size: 60px}.text-section{gap:4px}.text-section h2{max-width:500px}.text-section h6{font-size:22px}}@media screen and (max-width: 1100px){body.play{--q-name-font-xl: 60px;--q-name-font-s: 40px}.header-buttons-wrapper{padding:0 40px;--header-btns-size: 50px}.text-section h2{max-width:450px}}@media screen and (max-width: 750px){body.play{--q-name-font-xl: 56px;--q-name-font-s: 36px;--q-name-mtop: 96px}.header-buttons-wrapper{padding:0 40px;--header-btns-size: 50px}.text-section h2{max-width:450px}.text-section h6{font-size:20px}}@media screen and (max-width: 600px){body.play{--q-name-font-xl: 45px;--q-name-font-s: 28px}.header-buttons-wrapper{padding:0 30px;--header-btns-size: 40px}.text-section h2{max-width:calc(100vh - 100px)}.text-section h6{font-size:18px}}@media screen and (max-width: 400px){body.play{--q-name-font-xl: 40px;--q-name-font-s: 22px}.text-section h6{font-size:16px}}.loading-arrows{display:flex;justify-content:center;align-items:center;animation:loading-spin 1.2s linear infinite both}@keyframes loading-spin{0%{rotate:0deg}to{rotate:360deg}}body.not-found{height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#171818,#0c0c0c)}.not-found{background:#262627;border-radius:10px;padding:28px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-family:var(--poppins);animation:not-found-pop-in .2s ease-out both}.not-found h3{--query-fs: 36px;font-size:var(--query-fs);font-weight:600}.not-found h3 span{font-size:calc(var(--query-fs) * .8);margin-left:12px;opacity:.1}.not-found button{border-radius:15px;background:#a37df3;color:#fff;font-size:36px;font-weight:600;font-family:var(--poppins);border:none;padding:10px 22px;margin-top:12px;cursor:pointer;transition:all .25s ease-out,filter .1s ease}.not-found button:hover{scale:1.025;filter:brightness(120%)}.not-found button:active{scale:.95;filter:brightness(75%)}@keyframes not-found-pop-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}:root{--app-logo-size: 100px}.app-logo{background:url(/assets/favicon-DHYDr1uI.png);width:var(--app-logo-size);height:var(--app-logo-size);background-size:115%;background-repeat:no-repeat;background-position:center;border:none}.app-logo:disabled{opacity:.8}.app-logo:not(:disabled){cursor:pointer}.app-logo:not(:disabled):hover{filter:brightness(110%)}.play-question-box{background:#262627;border-radius:20px;padding:45px;max-width:var(--question-box-max-width);min-width:var(--question-box-min-width);-webkit-user-select:none;user-select:none;animation:question-box-appear .6s ease both}.play-question-box.unloading{animation:question-box-disappear .3s ease-out both}.play-question-box h2{font-size:var(--question-box-query-fs);line-height:34px;font-weight:600;font-family:var(--poppins);margin:0 30px 28px 0;text-wrap:wrap;word-break:break-word}.play-question-box .answers{gap:14px}.play-question-box .answers .answer-box{border-radius:10px;-webkit-user-select:none;user-select:none;cursor:pointer;background:var(--bg-color);border:none;text-align:left;display:flex;align-items:center;justify-content:start;gap:12px;transition:all .3s ease}.play-question-box .answers .answer-box span{font-family:var(--roboto)}.play-question-box .answers .answer-box svg{--svg-size: 30px;width:var(--svg-size);height:var(--svg-size);transition:all .3s ease}.play-question-box .answers .answer-box:disabled{pointer-events:none}.play-question-box .answers .answer-box:disabled,.play-question-box .answers .answer-box:disabled svg path{filter:brightness(75%);color:#fff}.play-question-box .answers .answer-box:not(:disabled):hover{filter:brightness(120%);box-shadow:0 0 10px var(--bg-color-st)}.play-question-box .answers .answer-box:not(:disabled):hover svg{scale:1.1}.play-question-box .answers .answer-box:not(:disabled):active{box-shadow:0 0 10px transparent;filter:brightness(95%)}.play-question-box .answers.list{display:flex;flex-direction:column}.play-question-box .answers.list .answer-box{padding:14px 36px 14px 18px;width:max-content;max-width:100%}.play-question-box .answers.list .answer-box span{max-width:700px;overflow:hidden;word-wrap:break-word;line-height:30px;font-size:var(--question-box-answer-list-fs)}.play-question-box .answers.list .answer-box:not(:disabled):hover{scale:1.01}.play-question-box .answers.list .answer-box:not(:disabled):active{scale:.99;transform:translate(25px)}.play-question-box .answers.grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr))}.play-question-box .answers.grid .answer-box{padding:25px 20px}.play-question-box .answers.grid .answer-box span{overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:32px;font-size:var(--question-box-answer-grid-fs)}.play-question-box .answers.grid .answer-box:not(:disabled):hover{scale:1.02}.play-question-box .answers.grid .answer-box:not(:disabled):active{scale:.99}@keyframes question-box-appear{0%{scale:.7;opacity:0;rotate:4deg}85%{scale:1.02}to{scale:1;opacity:1;rotate:0}}@keyframes answer-box-appear{0%{scale:.85;opacity:0}90%{scale:1.01}to{scale:1;opacity:1}}@keyframes question-box-disappear{50%{scale:.96;opacity:1}to{transform:translateY(-40px);opacity:0;scale:.96}}@media screen and (max-width: 1600px){.play-question-box{padding:42px}.play-question-box h2{line-height:32px;margin:0 28px 28px 0}.play-question-box .answers .answer-box{gap:10px}.play-question-box .answers .answer-box svg{--svg-size: 28px}.play-question-box .answers.list .answer-box{padding:12px 34px 12px 16px}.play-question-box .answers.grid .answer-box{padding:28px}}@media screen and (max-width: 1400px){.play-question-box{padding:36px;border-radius:16px}.play-question-box h2{line-height:27px}.play-question-box .answers .answer-box svg{--svg-size: 24px}.play-question-box .answers.list .answer-box{padding:10px 34px 10px 14px}.play-question-box .answers.grid .answer-box{padding:24px}}@media screen and (max-width: 1100px){.play-question-box{padding:40px}.play-question-box h2{line-height:30px}.play-question-box .answers .answer-box svg{--svg-size: 24px}.play-question-box .answers.list .answer-box{padding:22px 32px 22px 20px;gap:14px}.play-question-box .answers.list .answer-box span{line-height:22px}.play-question-box .answers.grid .answer-box{padding:24px}}@media screen and (max-width: 750px){.play-question-box{padding:32px}.play-question-box h2{line-height:24px}.play-question-box .answers.list .answer-box{padding:16px 28px 16px 14px;gap:10px}.play-question-box .answers.grid{grid-template-columns:repeat(2,1fr)}.play-question-box .answers.grid .answer-box{padding:16px}.play-question-box .answers.grid .answer-box svg{--svg-size: 22px}}@media screen and (max-width: 600px){.play-question-box{padding:24px}.play-question-box h2{line-height:20px;margin:0 22px 18px 0}.play-question-box .answers .answer-box svg{--svg-size: 18px}.play-question-box .answers.list{gap:10px}.play-question-box .answers.list .answer-box{padding:12px 28px 12px 10px}.play-question-box .answers.grid{grid-template-columns:repeat(2,1fr);gap:12px 10px}.play-question-box .answers.grid answer-box{padding:10px}}.question-answer-message{font-family:var(--poppins);font-weight:600;position:absolute;left:50%;translate:-50% 0;bottom:calc(11vh + 40px);font-size:36px;animation:question-answer-message 1s ease both;color:var(--qm-color)}@keyframes question-answer-message{0%{opacity:0;translate:-50% 0}30%{opacity:1;scale:1.1;translate:-50% 15px;text-shadow:0 0 10px var(--qm-color-st)}to{opacity:0;scale:1.11;translate:-50% 40px}}@media screen and (max-width: 1400px){.question-answer-message{font-size:28px}}@media screen and (max-width: 750px){.question-answer-message{font-size:24px}}.time-bar-wrapper{position:absolute;bottom:0;left:0;width:100vw;height:40px;background:#151515;overflow:hidden;animation:time-bar-appear .4s ease-out both}.time-bar-wrapper.unloading{animation:time-bar-disappear .3s ease-in both}.time-bar-wrapper .time-bar{background:#a37df3;width:0%;height:100%;border-radius:20px;position:absolute;left:-20px;top:0}@keyframes time-bar{0%{width:0%;filter:saturate(100%)}to{width:calc(100% + 40px);filter:saturate(120%)}}@keyframes time-bar-appear{0%{transform:translateY(40px)}to{transform:translateY(0)}}@keyframes time-bar-disappear{0%{transform:translateY(0)}to{transform:translateY(40px)}}body.results{justify-content:flex-start;overflow:hidden;height:100vh}#root.results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.results-title{text-align:center;font-size:66px;font-family:var(--poppins);animation:results-title-appear .7s ease-out .1s both}.results-box{background:#262627;border-radius:20px;padding:60px 50px 4%;display:flex;flex-direction:column;align-items:center;min-width:750px;gap:46px;animation:results-box-appear .6s ease .2s both}.results-box .score-message{--f-size: 32px;font-size:var(--f-size);font-family:var(--roboto);font-weight:600;text-align:center;text-wrap:nowrap;color:#dbdbdb}.results-box .score-message span{font-weight:700;font-size:calc(var(--f-size) * 1.1);color:#fff}.results-box .buttons{display:flex;justify-content:center;gap:40px}.results-box .buttons button{--btn-size: 82px;width:var(--btn-size);height:var(--btn-size);border:1px solid #5a5a5a;border-radius:10px;background:#363636;display:flex;align-items:center;justify-content:center;--svg-size: 73%}.results-box .buttons button.home{--svg-size: 60%}.results-box .buttons button svg{height:var(--svg-size);width:var(--svg-size);transition:all .5s ease}.results-box .buttons button:not(:disabled){transition:all .2s ease}.results-box .buttons button:not(:disabled) svg{scale:1.05}.results-box .buttons button:not(:disabled):hover{scale:1.01;filter:brightness(120%);box-shadow:0 0 10px #77777730}.results-box .buttons button:not(:disabled):active{scale:.95;filter:brightness(90%);box-shadow:none}.results-box .buttons button:disabled{transition:all .15s ease;opacity:.7}.results-box .buttons button:disabled svg{transition:all .15s ease}.results-box .buttons .edit-btn svg{width:70%}.result-questions-box{display:grid;gap:10px}.result-questions-box .result-question{border-radius:10px;border:3px solid var(--result-color);box-shadow:0 0 14px var(--result-color-st);background:#333;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;gap:10px}.result-questions-box .result-question span{font-family:var(--roboto);font-weight:500;width:max-content;text-wrap:nowrap}.result-questions-box .result-question .result-icon svg{color:var(--result-color);scale:1.6;stroke-width:2}.result-questions-box.lot{grid-template-columns:repeat(3,max-content)}.result-questions-box.lot .result-question{padding:10px 14px;width:200px}.result-questions-box.lot .result-question span{font-size:23px}.result-questions-box.lot .result-question .result-icon svg{width:24px}.result-questions-box.few{grid-template-columns:repeat(2,max-content)}.result-questions-box.few .result-question{padding:20px 26px;width:278px}.result-questions-box.few .result-question span{font-size:34px}.result-questions-box.few .result-question .result-icon svg{width:32px}@keyframes results-title-appear{0%{transform:translateY(-80px);opacity:0}75%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}@keyframes results-box-appear{0%{opacity:0;scale:.9;transform:translateY(50px)}75%{opacity:1;scale:1.01;transform:translateY(0)}to{opacity:1;scale:1}}@keyframes result-question-appear{0%{scale:.9;opacity:0}to{scale:1;opacity:1}}@media screen and (max-height: 920px){#root.results{gap:22px}.results-title{font-size:52px}.results-box{padding:48px 48px 24px;gap:34px}.results-box .score-message{--f-size: 30px}.results-box .buttons button{--btn-size: 78px}}@media screen and (max-width: 900px),screen and (max-height: 800px){#root.results{gap:10px}.results-title{font-size:46px}.results-box{padding:40px 60px 20px;gap:28px;min-width:fit-content}.results-box .score-message{--f-size: 26px}.results-box .buttons button{--btn-size: 70px}.result-questions-box{gap:10px}.result-questions-box .result-question{border-radius:8px;gap:0}.result-questions-box .result-question .result-icon svg{color:var(--result-color);scale:1.6;stroke-width:2}.result-questions-box.lot .result-question{padding:8px 12px;width:190px}.result-questions-box.lot .result-question span{font-size:22px}.result-questions-box.lot .result-question .result-icon svg{width:22px}.result-questions-box.few .result-question{padding:18px 24px;width:270px}.result-questions-box.few .result-question span{font-size:28px}.result-questions-box.few .result-question .result-icon svg{width:30px}}@media screen and (max-width: 800px),screen and (max-height: 750px){#root.results{gap:6px}.results-title{font-size:38px}.results-box{padding:40px 40px 20px;gap:25px}.results-box .score-message{--f-size: 24px}.results-box .buttons{gap:24px}.results-box .buttons button{--btn-size: 60px}.result-questions-box{gap:6px}.result-questions-box .result-question{border:2px solid var(--result-color)}.result-questions-box .result-question .result-icon svg{scale:2;stroke-width:1.8}.result-questions-box.lot .result-question{padding:8px 10px;width:160px}.result-questions-box.lot .result-question span{font-size:20px;font-weight:400}.result-questions-box.lot .result-question .result-icon svg{width:12px}.result-questions-box.few .result-question{padding:14px 20px;width:210px}.result-questions-box.few .result-question span{font-size:22px;font-weight:400}.result-questions-box.few .result-question .result-icon svg{width:20px}}@media screen and (max-width: 600px){.results-title{font-size:34px}.results-box{padding:28px 28px 20px;gap:20px}.results-box .score-message{--f-size: 16px}.results-box .buttons{gap:16px}.results-box .buttons button{--btn-size: 50px}.result-questions-box{gap:6px}.result-questions-box .result-question{border:1px solid var(--result-color)}.result-questions-box .result-question .result-icon svg{stroke-width:1.5}.result-questions-box.lot .result-question{padding:6px 8px;width:auto}.result-questions-box.lot .result-question span{font-size:16px;font-weight:400}.result-questions-box.lot .result-question .result-icon svg{width:24px;display:none}.result-questions-box.few .result-question{padding:10px 14px;width:150px}.result-questions-box.few .result-question span{font-size:16px}.result-questions-box.few .result-question .result-icon svg{width:14px}}@media screen and (max-width: 430px){.results-box{padding:20px 20px 18px}.results-box .score-message{--f-size: 14px}.result-questions-box.lot,.result-questions-box.few{gap:6px;grid-template-columns:repeat(2,max-content);max-height:180px;justify-content:center;width:100%;overflow:hidden scroll;outline:2px solid #393939;background:#222;padding:8px;border-radius:5px}.result-questions-box.lot .result-question,.result-questions-box.few .result-question{border:1px solid var(--result-color);padding:8px}.result-questions-box.lot .result-question .result-icon svg,.result-questions-box.few .result-question .result-icon svg{stroke-width:1.5}.result-questions-box.lot .result-question span,.result-questions-box.few .result-question span{font-size:16px;font-weight:400}.result-questions-box.lot .result-question .result-icon svg,.result-questions-box.few .result-question .result-icon svg{width:16px}}.stars-wrapper{display:flex;gap:60px;margin-bottom:10px;--star-base-scale: 1.75}.stars-wrapper svg{color:#f6d242;--svg-size: 82px;scale:var(--star-base-scale);width:var(--svg-size);stroke-width:.8;opacity:.5;fill:none}@keyframes star-popup{25%{fill:currentColor}45%,55%{scale:calc(var(--star-base-scale) * 1.2);opacity:1;fill:currentColor;filter:brightness(125%)}to{scale:calc(var(--star-base-scale) * 1.075);fill:currentColor;filter:brightness(110%);opacity:1;stroke-width:.1}}@media screen and (max-height: 920px),screen and (max-width: 900px){.stars-wrapper{gap:52px;margin-bottom:0}.stars-wrapper svg{--svg-size: 64px}}@media screen and (max-width: 800px),screen and (max-height: 750px){.stars-wrapper{gap:45px}.stars-wrapper svg{--svg-size: 56px}}@media screen and (max-width: 600px){.stars-wrapper{gap:32px}.stars-wrapper svg{--svg-size: 40px}}@media screen and (max-width: 430px){.stars-wrapper{gap:22px}.stars-wrapper svg{--svg-size: 30px}}body.edit .edit-mode-header{--nav-size: 80px;--btns-size: var(--nav-size);display:flex;width:100vw;height:var(--nav-size);justify-content:space-between;margin-top:40px;padding:0 40px;position:absolute;left:0;top:0}body.edit .edit-mode-header section{display:flex;align-items:center;--btns-gap: 28px;position:relative;gap:var(--btns-gap)}body.edit .edit-mode-header section button{border:none;border-radius:12px;height:var(--btns-size);width:var(--btns-size);display:flex;justify-content:center;align-items:center;--svg-size: 85%}body.edit .edit-mode-header section button svg{width:var(--svg-size);height:var(--svg-size);stroke-width:1.2}body.edit .edit-mode-header section .quiz-share-btn{background:#1f1f1f;position:relative}body.edit .edit-mode-header section .quiz-share-btn svg{--svg-size: 65%;stroke-width:1.5;color:gray}body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message{--bg-color: #350d89;text-wrap:nowrap;color:#fff;position:absolute;top:135%;max-height:50px;font-size:24px;background:var(--bg-color);border-radius:8px;padding:0 12px;opacity:0;margin:0;left:50%;transform:translate(-50%);line-height:0}body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message:before{content:"";background:var(--bg-color);--size: 24px;width:var(--size);height:var(--size);position:absolute;top:0;left:50%;translate:-50% -40%;rotate:45deg;border-radius:4px}body.edit .edit-mode-header section a{margin-left:12px}body.edit .edit-mode-header section .quiz-settings-btn:disabled,body.edit .edit-mode-header section .quiz-play-btn:disabled{opacity:.9}body.edit .edit-mode-header section .app-logo{--app-logo-size: var(--nav-size)}body.edit .edit-mode-header section .cloud-info{width:var(--btns-size);height:var(--btns-size);display:flex;align-items:center;justify-content:center}body.edit .edit-mode-header section div{display:flex;justify-content:center;align-items:center;height:100%;margin-left:12px}body.edit .edit-mode-header section div svg{width:86%;height:86%;opacity:.2;animation:cloud-svg-pop .2s ease-out both}body.edit .edit-mode-header button:not(.app-logo){background:var(--bg-color);transition:filter .1s ease,scale .25s ease-out}body.edit .edit-mode-header button:not(.app-logo):not(:disabled){cursor:pointer}body.edit .edit-mode-header button:not(.app-logo):not(:disabled):hover{filter:brightness(115%);scale:1.03}body.edit .edit-mode-header button:not(.app-logo):not(:disabled):active{filter:brightness(90%);scale:.98}@keyframes copied-message-appear{0%,to{scale:1 0;opacity:0;translate:0 -50%}10%,85%{scale:1;opacity:1;translate:0}}@keyframes cloud-svg-pop{0%{scale:.99}20%{scale:1.05;opacity:.25}to{scale:1}}@media (max-width: 1600px){body.edit .edit-mode-header{--nav-size: 70px;--btns-size: 65px}body.edit .edit-mode-header section{--btns-gap: 24px}body.edit .edit-mode-header section button{border-radius:11px}body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message{font-size:22px}}@media (max-width: 1400px){body.edit .edit-mode-header{--nav-size: 60px;--btns-size: 55px}body.edit .edit-mode-header section{--btns-gap: 20px}body.edit .edit-mode-header section button{border-radius:10px}body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message{font-size:18px}}@media (max-width: 1100px){body.edit .edit-mode-header{background:var(--page-header);border-bottom:1px solid #333;margin-top:0;padding:16px 40px 10px;height:auto}body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message{font-size:16px}}@media (max-width: 750px){body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message{font-size:14px}}@media (max-width: 600px){body.edit .edit-mode-header{--btns-size: 50px;border:1px solid #333;position:absolute;transform:translate(-50%);top:20px;left:50%;border-radius:10px;width:auto;padding:12px;gap:32px}body.edit .edit-mode-header section{--btns-gap: 16px}body.edit .edit-mode-header section:first-child{--btns-gap: 4px;min-width:max-content}body.edit .edit-mode-header section button{border-radius:8px}body.edit .edit-mode-header section .quiz-share-btn .quiz-url-copied-message{font-size:12px}body.edit .edit-mode-header .app-logo{--app-logo-size: var(--btns-size)}}@media (max-width: 400px){body.edit .edit-mode-header{--btns-size: 35px;gap:10px;padding:4px 8px}body.edit .edit-mode-header section{--btns-gap: 8px}body.edit .edit-mode-header section:first-child{--btns-gap: 2px}}.edit-question-box{--question-box-padding: 45px;--question-query-border-radius: 10px;--y-translation: 0;background:#262627;border-radius:20px;padding:var(--question-box-padding);max-width:var(--question-box-max-width);min-width:var(--question-box-min-width);max-height:600px;position:relative}.edit-question-box.disabled{pointer-events:none}.edit-question-box header{display:flex;gap:10px;margin-bottom:30px;justify-content:space-between;max-width:100%}.edit-question-box header .question-query{display:flex;align-items:center;justify-content:flex-start;max-width:calc(100% - 80px);-webkit-user-select:none;user-select:none;gap:10px}.edit-question-box header .question-query textarea{--bg-color: #2b2b2c;border-radius:var(--question-query-border-radius);border:none;font-size:var(--question-box-query-fs);background:var(--bg-color);outline:10px solid var(--bg-color);resize:none}.edit-question-box header .question-query span{font-size:var(--question-box-query-fs);line-height:34px;font-weight:500;width:100%;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;transition:all .2s ease}.edit-question-box header .question-query span:hover{animation:question-query-blink .9s ease infinite both}.edit-question-box header .question-query span:hover~svg{opacity:.5}.edit-question-box header .question-query svg{--svg-size: 22px;max-width:var(--svg-size);max-height:var(--svg-size);min-width:var(--svg-size);min-height:var(--svg-size);opacity:0;transition:all .12s ease}.edit-question-box .add-answer-btn{background:#313131;border:1px solid #5a5a5a;border-radius:10px;transition:all .2s ease}.edit-question-box .add-answer-btn:not(:disabled){cursor:pointer}.edit-question-box .add-answer-btn:not(:disabled):hover{filter:brightness(115%);scale:1.02}.edit-question-box .add-answer-btn:not(:disabled):active{box-shadow:none;filter:brightness(95%);scale:.99}.edit-question-box .add-answer-btn svg{width:30px;height:30px}@keyframes question-query-blink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 1600px){.edit-question-box{--question-query-border-radius: 4px}}@media (max-width: 1400px){.edit-question-box{--question-box-padding: 40px}.edit-question-box header{margin-bottom:26px}}@media (max-width: 1100px){.edit-question-box{--question-box-padding: 32px;--question-query-border-radius: 2px;border-radius:18px;translate:0 var(--y-translation)}}@media (max-width: 750px){.edit-question-box header{margin-bottom:22px}}@media (max-width: 600px){.edit-question-box{--question-box-padding: 18px;border-radius:12px}.edit-question-box header{margin-bottom:16px}}@media (max-height: 1100px){.edit-question-box{--y-translation: 5vh}}@media (max-height: 800px){.edit-question-box{--y-translation: 10vh}}@media (max-height: 700px){.edit-question-box{--y-translation: 15vh}}@media (max-height: 600px){.edit-question-box{--y-translation: 20vh}}.edit-question-box .answers .edit-answer-box{border-radius:10px;-webkit-user-select:none;user-select:none;background:var(--bg-color);border:none;text-align:left;position:relative;display:flex;align-items:center;justify-content:start;gap:12px;transition:all .3s ease;overflow:hidden}.edit-question-box .answers .edit-answer-box span{font-family:var(--roboto)}.edit-question-box .answers .edit-answer-box>svg{--svg-size: 32px;min-height:var(--svg-size);min-width:var(--svg-size);height:var(--svg-size);width:var(--svg-size);stroke-width:2.75;opacity:var(--svg-op-sc);scale:calc(var(--svg-op-sc) * 1.25);transition:all .3s ease}.edit-question-box .answers .edit-answer-box textarea{font-size:var(--question-box-answer-list-fs);font-family:var(--roboto);overflow:hidden;resize:none;padding:4px;border:none;outline:10px solid #00000014;background:#00000014;border-radius:10px}.edit-question-box .answers.list{display:flex;flex-direction:column;gap:12px}.edit-question-box .answers.list .edit-answer-box{padding:16px 36px 16px 16px;width:max-content;min-width:120px;max-width:100%}.edit-question-box .answers.list .edit-answer-box:hover{min-width:220px}.edit-question-box .answers.list .edit-answer-box span{max-width:700px;overflow:hidden;word-wrap:break-word;font-size:var(--question-box-answer-list-fs);line-height:calc(var(--question-box-answer-list-fs) * 1.1);max-height:55px}.edit-question-box .answers.list .edit-answer-box>svg{height:30px}.edit-question-box .answers.list .add-answer-btn{padding:10px;width:40%}.edit-question-box .answers.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-question-box .answers.grid .edit-answer-box{padding:26px 28px 26px 16px;max-height:180px}.edit-question-box .answers.grid .edit-answer-box span{overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;font-size:var(--question-box-answer-grid-fs);line-height:calc(var(--question-box-answer-grid-fs) * 1.1);max-height:100px}.edit-question-box .answers.grid .edit-answer-box>svg{height:38px}.edit-question-box .answers.grid .add-answer-btn{width:100%;padding:20px}@media (max-width: 1600px){.edit-question-box .answers.list .edit-answer-box{padding:14px 32px 14px 14px}.edit-question-box .answers.grid .edit-answer-box{padding:22px 24px 22px 14px}}@media (max-width: 1400px){.edit-question-box .answers.list{gap:10px}.edit-question-box .answers.list .edit-answer-box{padding:12px 30px 12px 12px}.edit-question-box .answers .edit-answer-box>svg{--svg-size: 26px}}@media (max-width: 1100px){.edit-question-box .answers.list .edit-answer-box{padding:16px 30px 16px 16px}.edit-question-box .answers.grid{gap:10px}.edit-question-box .answers.grid .edit-answer-box{padding:18px 24px 18px 14px}}@media (max-width: 750px){.edit-question-box .answers.list{gap:8px}.edit-question-box .answers.list .edit-answer-box{padding:12px 28px 12px 12px}.edit-question-box .answers.grid .edit-answer-box{padding:14px 20px 14px 10px;gap:8px}.edit-question-box .answers.grid .add-answer-btn{padding:10px}.edit-question-box .answers .edit-answer-box{border-radius:8px}.edit-question-box .answers .edit-answer-box>svg{--svg-size: 24px}}@media (max-width: 600px){.edit-question-box .answers.list .edit-answer-box{padding:8px 24px 8px 8px}.edit-question-box .answers.grid{gap:7px}.edit-question-box .answers.grid .edit-answer-box{padding:10px 16px 10px 8px;gap:6px}.edit-question-box .answers .edit-answer-box>svg{--svg-size: 22px}}.edit-answer-box .edit-answer-menu{--svg-size: 90%;position:absolute;width:100%;height:100%;top:0;left:0;background:#0000004d;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;--gap-n-padd: 8px;padding:var(--gap-n-padd);gap:var(--gap-n-padd);align-items:center;justify-content:center;transition:all .15s ease;opacity:0}.edit-answer-box .edit-answer-menu:hover{opacity:1}.edit-answer-box .edit-answer-menu button{--move-hover: 2px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 8px;border:none;border-radius:10px;cursor:pointer;background:#00000095;transition:all .25s ease}.edit-answer-box .edit-answer-menu button svg{width:var(--svg-size);height:var(--svg-size)}.edit-answer-box .edit-answer-menu button:hover{background:#000000dc;scale:1.01;transform:translateY(calc(var(--move-hover) * -1))}.edit-answer-box .edit-answer-menu button:hover svg{scale:1.05}.edit-answer-box .edit-answer-menu button:active{transform:translateY(var(--move-hover));scale:.95;background:#00000095}@media (max-width: 750px){.edit-answer-box .edit-answer-menu{--gap-n-padd: 4px}.edit-answer-box .edit-answer-menu button{min-height:70%}}.edit-question-options{--btn-size: 46px;--btn-gap: 10px;display:flex;justify-content:flex-start;gap:var(--btn-gap);position:absolute;top:var(--question-box-padding);right:var(--question-box-padding);translate:0 -25%;padding:var(--btn-gap);transition:all ease .3s;width:calc(var(--btn-size) + var(--btn-gap));overflow:hidden}.edit-question-options:hover{width:calc(var(--btn-size) * 2 + var(--btn-gap) * 3)}.edit-question-options button{height:var(--btn-size);width:var(--btn-size);min-width:var(--btn-size);border:none;border-radius:8px;background:#0006;--svg-size: 80%;display:flex;justify-content:center;align-items:center}.edit-question-options button svg{max-width:var(--svg-size);max-height:var(--svg-size);stroke-width:1.2;scale:.95}.edit-question-options button:disabled{opacity:.5}.edit-question-options button:not(:disabled){transition:all .15s ease}.edit-question-options button:not(:disabled):hover{background:#000;scale:1.025}.edit-question-options button:not(:disabled):active{background:#0006;scale:.99}.edit-question-options button:not(.more-btn){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-question-options button.more-btn{background:transparent;scale:1.5}.edit-question-options:hover .more-btn{transition:all .4s ease;display:none}@media (max-width: 1100px){.edit-question-options{--btn-size: 40px;--btn-gap: 8px}}@media (max-width: 750px){.edit-question-options{--btn-size: 36px;--btn-gap: 6px}.edit-question-options button{border-radius:6px}}@media (max-width: 600px){.edit-question-options{--btn-size: 30px;--btn-gap: 6px}}.question-warning-message{--svg-size: 28px;--font-size: 22px;--trans-y: 75%;position:absolute;left:50%;translate:-50% var(--trans-y);bottom:-60px;display:flex;gap:12px;align-items:center;color:#eaea79}.question-warning-message svg{width:var(--svg-size);height:var(--svg-size)}.question-warning-message span{font-size:var(--font-size);line-height:0;text-wrap:nowrap}@media (max-width: 1100px){.question-warning-message{--svg-size: 24px;--font-size: 20px;--trans-y: 60%;gap:10px}}@media (max-width: 750px){.question-warning-message{--svg-size: 22px;--font-size: 18px;--trans-y: 40%;gap:8px}}@media (max-width: 600px){.question-warning-message{--svg-size: 20px;--font-size: 14px;--trans-y: 0}}@media (max-width: 400px){.question-warning-message{--svg-size: 16px;--font-size: 12px;--trans-y: -20%;gap:7px}}.settings-checkbox{--btn-size: 32px;width:var(--btn-size);height:var(--btn-size);border-radius:5px;border:1px solid #949494;background:#4b4b4b;cursor:pointer;position:relative;transition:all .2s ease-out,filter .1s ease}.settings-checkbox svg{--svg-size: 135%;color:#a37df3;stroke-width:4px;position:absolute;width:var(--svg-size);height:var(--svg-size);scale:1.1 1;left:2px;bottom:0}.settings-checkbox:hover{filter:brightness(120%)}.settings-checkbox:active{filter:brightness(90%);scale:.9}@media (max-width: 1400px){.settings-checkbox{--btn-size: 30px}}@media (max-width: 1100px){.settings-checkbox{--btn-size: 26px}}@media (max-width: 600px){.settings-checkbox{--btn-size: 20px;border-radius:2px}}.settings-input{background:#2d2d2d;border:1px solid #949494;width:60px;height:38px;border-radius:5px;padding:8px;font-family:var(--poppins);font-size:var(--text-s);color:#fff;outline:none;transition:all .15s ease}.settings-input:hover{filter:brightness(115%)}.settings-input:focus{border:1px solid #fff;box-shadow:0 0 10px #ffffff1a}@media (max-width: 1400px){.settings-input{width:52px;height:36px}}@media (max-width: 1100px){.settings-input{width:48px;height:32px}}@media (max-width: 600px){.settings-input{width:42px;height:28px;border-radius:4px}}.settings-range-wrapper{width:100%;--height: 16px;height:var(--height);position:relative;--handler-size: 24px}.settings-range-wrapper input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:19;scale:1 2}.settings-range-wrapper input::-webkit-slider-thumb{scale:2.5;cursor:pointer}.settings-range-wrapper input::-moz-range-thumb{scale:2.5;cursor:pointer}.settings-range-wrapper .settings-range-visual{background:#5a5a5a;height:100%;width:100%;border-radius:calc(var(--height) / 2);position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-range-wrapper .settings-range-visual .handler{width:var(--handler-size);height:var(--handler-size);background:#a37df3;border-radius:50%;position:absolute;left:0;top:50%;translate:calc((var(--range-width) * var(--progress)) - 50%) -50%}.settings-range-wrapper .settings-range-visual:after{content:"";height:100%;position:absolute;border-radius:calc(var(--height) / 2);left:0;top:0;background:#a37df3;width:calc(100% * var(--progress))}@media (max-width: 600px){.settings-range-wrapper{--height: 12px;--handler-size: 22px}}.edit-quiz-settings-wrapper{position:absolute;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;--text-s: 24px;--text-m: 30px;--text-xl: 52px;--text-btn: 36px;transition:backdrop-filter .2s ease,opacity .2s ease}.edit-quiz-settings-wrapper.visible{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edit-quiz-settings-wrapper.hidden{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.edit-quiz-settings-wrapper .edit-quiz-settings{background:#202020;border:1px solid #6a6a6a;border-radius:20px;height:700px;width:500px;padding:40px 50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:38px;transition:all .2s ease;animation:quiz-settings-appear .15s ease-out backwards}.edit-quiz-settings-wrapper .edit-quiz-settings.visible{opacity:1;scale:1}.edit-quiz-settings-wrapper .edit-quiz-settings.hidden{opacity:0;scale:.85}.edit-quiz-settings-wrapper .edit-quiz-settings h2{font-family:var(--poppins);font-size:var(--text-xl);text-wrap:nowrap;color:#fff}.edit-quiz-settings-wrapper .edit-quiz-settings h4{font-family:var(--roboto);letter-spacing:1px;font-size:var(--text-m);color:#fff}.edit-quiz-settings-wrapper .edit-quiz-settings h5{font-family:var(--roboto);letter-spacing:1px;font-size:var(--text-s);color:#939393}.edit-quiz-settings-wrapper .edit-quiz-settings section{width:100%;display:flex;gap:5px}.edit-quiz-settings-wrapper .edit-quiz-settings .shuffle{flex-direction:column}.edit-quiz-settings-wrapper .edit-quiz-settings .shuffle div{display:flex;width:100%;justify-content:space-between;align-items:center}.edit-quiz-settings-wrapper .edit-quiz-settings .show-icons{flex-direction:row;align-items:center;justify-content:space-between}.edit-quiz-settings-wrapper .edit-quiz-settings .answer-time{flex-direction:column;gap:20px}.edit-quiz-settings-wrapper .edit-quiz-settings .answer-time .txt-wrapper{display:flex;justify-content:space-between;align-items:center}.edit-quiz-settings-wrapper .edit-quiz-settings .okay-btn{background:#a37df3;color:#fff;font-size:var(--text-btn);font-weight:600;font-family:var(--poppins);border:none;border-radius:15px;padding:10px 22px;margin-top:12px;cursor:pointer;transition:all .25s ease-out,filter .1s ease}.edit-quiz-settings-wrapper .edit-quiz-settings .okay-btn:hover{scale:1.025;filter:brightness(120%)}.edit-quiz-settings-wrapper .edit-quiz-settings .okay-btn:active{scale:.95;filter:brightness(75%)}@keyframes quiz-settings-appear{0%{opacity:0;scale:.95}75%{scale:1.02}to{opacity:1;scale:1}}@media (max-width: 1400px){.edit-quiz-settings-wrapper{--text-s: 20px;--text-m: 28px;--text-xl: 40px;--text-btn: 32px}.edit-quiz-settings-wrapper .edit-quiz-settings{height:600px;width:450px}.edit-quiz-settings-wrapper .edit-quiz-settings .answer-time{gap:16px}}@media (max-width: 1100px){.edit-quiz-settings-wrapper{--text-s: 18px;--text-m: 26px;--text-xl: 36px;--text-btn: 28px}.edit-quiz-settings-wrapper .edit-quiz-settings{height:500px;width:380px;gap:20px;padding:0 40px}.edit-quiz-settings-wrapper .edit-quiz-settings section{gap:4px}.edit-quiz-settings-wrapper .edit-quiz-settings h4,.edit-quiz-settings-wrapper .edit-quiz-settings h5{font-weight:400}.edit-quiz-settings-wrapper .edit-quiz-settings .answer-time{gap:14px}}@media (max-width: 600px){.edit-quiz-settings-wrapper{--text-s: 16px;--text-m: 20px;--text-xl: 26px;--text-btn: 20px}.edit-quiz-settings-wrapper .edit-quiz-settings{height:400px;width:300px;gap:16px;padding:0 20px}.edit-quiz-settings-wrapper .edit-quiz-settings section{gap:4px}.edit-quiz-settings-wrapper .edit-quiz-settings h4,.edit-quiz-settings-wrapper .edit-quiz-settings h5{font-weight:300}.edit-quiz-settings-wrapper .edit-quiz-settings .answer-time{gap:12px}.edit-quiz-settings-wrapper .edit-quiz-settings .okay-btn{border-radius:12px;padding:8px 16px}}.question-navigation-arrows{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;--sep: 350px;width:calc(var(--question-box-max-width) + var(--sep));display:flex;justify-content:space-between;pointer-events:none}.question-navigation-arrows button{--btn-size: 150px;width:var(--btn-size);height:var(--btn-size);border:none;background:none;opacity:.2;pointer-events:all;transition:all .2s ease-out}.question-navigation-arrows button:disabled{opacity:.07}.question-navigation-arrows button:not(:disabled){cursor:pointer}.question-navigation-arrows button:not(:disabled):hover{opacity:.2;scale:1.05}.question-navigation-arrows button:not(:disabled):active{opacity:.12;scale:.94;--transl-x: 20px}.question-navigation-arrows button.left:active{translate:calc(var(--transl-x) * -1)}.question-navigation-arrows button.right:active{translate:var(--transl-x)}.question-navigation-arrows svg{width:100%;height:100%}@media (max-width: 1400px){.question-navigation-arrows button{--btn-size: 100px}}@media (max-width: 1100px){.question-navigation-arrows{width:400px;align-items:center;position:relative;transform:translate(0);left:auto;top:auto}.question-navigation-arrows button{--btn-size: 70px}}@media (max-width: 600px){.question-navigation-arrows{width:250px}.question-navigation-arrows button{--btn-size: 50px}}.question-navigation-points{position:absolute;bottom:90px;left:50%;translate:-50%;display:flex;--size: 22px;gap:calc(var(--size) / 1.1)}.question-navigation-points .navigation-point{width:var(--size);height:var(--size);border:none;border-radius:50%;cursor:pointer;position:relative;background:#fff;opacity:.2;display:flex;justify-content:center;align-items:center;transition:all .15s ease-out,background 0s ease}.question-navigation-points .navigation-point:hover{opacity:.25;filter:brightness(120%)}.question-navigation-points .navigation-point:before{position:absolute;content:"";--ratio: 150%;width:var(--ratio);height:var(--ratio);top:50%;left:50%;translate:-50% -50%}.question-navigation-points .navigation-point.invalid{background:#ffff81}.question-navigation-points .navigation-point.selected{scale:1.25;cursor:default;filter:saturate(140%);opacity:.55}@media (max-width: 1100px){.question-navigation-points{display:none}}.question-progress{font-family:var(--poppins);font-size:26px;color:#cdcdcd;-webkit-user-select:none;user-select:none;text-wrap:nowrap}@media (max-width: 1100px){.question-progress{font-size:24px}}@media (max-width: 750px){.question-progress{font-size:22px}}@media (max-width: 600px){.question-progress{font-size:16px}}body.edit .quiz-title-and-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);top:40px}body.edit .quiz-title-and-progress .quiz-name{--font-size: 58px;--max-w: 850px;position:relative}body.edit .quiz-title-and-progress .quiz-name h3{font-family:var(--poppins);font-size:var(--font-size);font-weight:600;color:#fff;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:var(--max-w)}body.edit .quiz-title-and-progress .quiz-name h3:hover{animation:question-query-blink .9s ease infinite both}body.edit .quiz-title-and-progress .quiz-name h3:hover+svg{opacity:.5}body.edit .quiz-title-and-progress .quiz-name svg{--svg-size: calc(var(--font-size) / 2);--off: calc(var(--font-size) * .9);width:var(--svg-size);height:var(--svg-size);color:#fff;right:calc(var(--off) * -1);top:50%;position:absolute;transform:translateY(-50%);opacity:0;transition:all .12s ease}body.edit .quiz-title-and-progress .quiz-name input{font-family:var(--poppins);font-size:var(--font-size);font-weight:500;padding:0 calc(var(--font-size) / 4);background:#ffffff06;outline:none;text-align:center;border:none;border-radius:calc(var(--font-size) / 2.5);max-width:var(--max-w)}@media (max-width: 1600px){body.edit .quiz-title-and-progress .quiz-name{--font-size: 50px;--max-w: 700px}}@media (max-width: 1400px){body.edit .quiz-title-and-progress .quiz-name{--font-size: 40px;--max-w: 500px}}@media (max-width: 1100px){body.edit .quiz-title-and-progress{top:130px;gap:0px}body.edit .quiz-title-and-progress .quiz-name{--font-size: 40px}}@media (max-width: 750px){body.edit .quiz-title-and-progress .quiz-name{--max-w: 400px;--font-size: 32px}}@media (max-width: 600px){body.edit .quiz-title-and-progress .quiz-name{--max-w: 250px;--font-size: 22px}}@media (max-width: 400px){body.edit .quiz-title-and-progress{top:110px}}body.edit{background:#090909;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}@keyframes question-query-blink{0%{color:#fff}50%{color:#acacac}to{color:#fff}}body.login{height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#171818,#0c0c0c)}body.login .app-logo{position:absolute;top:30px;left:40px}body.login main{border-radius:10px;background:#262627;width:1100px;height:650px;display:flex;position:relative;--min-w: 42.5%;--max-w: 57.5%}body.login .showing{width:var(--max-w)}body.login .not-showing{width:var(--min-w)}.login-wrapper,.sign-up-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 100px;transition:all 1.5s ease;position:relative;gap:18px}.login-wrapper h3,.sign-up-wrapper h3{font-size:48px;height:40px;margin-bottom:24px;text-wrap:nowrap}@media screen and (max-width: 1600px){body.login main{width:950px;height:625px}.login-wrapper h3,.sign-up-wrapper h3{font-size:42px}}@media screen and (max-width: 1400px){body.login main{width:800px;height:600px;--min-w: 40%;--max-w: 60%}body.login .app-logo{top:20px;left:30px}.login-wrapper,.sign-up-wrapper{padding:70px;gap:16px}}@media screen and (max-width: 1200px){body.login main{width:680px;height:550px}.login-wrapper,.sign-up-wrapper{padding:60px;gap:12px}.login-wrapper h3,.sign-up-wrapper h3{font-size:32px;margin-bottom:8px}}@media screen and (max-width: 1000px){body.login{min-height:100vh;height:auto;overflow-x:hidden;overflow-y:scroll;display:flex;justify-content:center;align-items:start}body.login .app-logo{width:80px;height:80px;top:16px;left:24px}body.login main{margin-top:140px;width:500px;height:600px;--min-w: 33.4%;--max-w: 66.6%}.login-wrapper,.sign-up-wrapper{padding:40px}.login-wrapper h3,.sign-up-wrapper h3{font-size:28px;font-weight:500;overflow-x:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:4px}}@media screen and (max-width: 600px){body.login main{margin-top:140px;width:350px;height:500px;--min-w: 32%;--max-w: 68%}body.login main .app-logo{width:60px;height:60px}.login-wrapper,.sign-up-wrapper{gap:10px;padding:28px}.login-wrapper h3,.sign-up-wrapper h3{font-size:22px;margin-bottom:2px}}.form-curtain{position:absolute;height:100%;width:var(--min-w);border-radius:10px;background:#a37df3;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;right:0;top:0;transition:all 1s ease}.form-curtain div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.form-curtain h4{font-family:var(--poppins);line-height:50px;text-align:center;font-weight:600;font-size:30px;text-wrap:nowrap}.form-curtain button{font-size:28px;font-weight:500;font-family:var(--poppins);border-radius:10px;border:2px solid #fff;background:#ffffff26;color:#fff;padding:8px 20px;transition:all .25s ease-out,background .1s ease}.form-curtain button:disabled{opacity:.4}.form-curtain button:not(:disabled){cursor:pointer}.form-curtain button:not(:disabled):hover{background:#ffffff4d}.form-curtain button:not(:disabled):active{scale:.975;transform:translateY(6px);background:#ffffff26}@keyframes transition-to-sign-up{0%{width:var(--min-w);right:0}50%{width:var(--max-w)}to{width:var(--min-w);right:calc(100% - var(--min-w))}}@keyframes transition-to-login{0%{width:var(--min-w);left:0}50%{width:var(--max-w)}to{width:var(--min-w);left:calc(100% - var(--min-w))}}@keyframes transition-inner-content{0%,to{opacity:1}35%,65%{opacity:0}}@media screen and (max-width: 1600px){.form-curtain h4{line-height:46px;font-size:26px}.form-curtain button{font-size:22px}}@media screen and (max-width: 1400px){.form-curtain h4{line-height:40px;font-size:22px}.form-curtain div{gap:6px}.form-curtain button{font-size:18px}}@media screen and (max-width: 1200px){.form-curtain h4{line-height:36px;font-size:20px;font-weight:500}.form-curtain div{gap:4px}.form-curtain button{font-size:16px}}@media screen and (max-width: 600px){.form-curtain h4{font-size:14px}.form-curtain div{gap:2px}.form-curtain button{padding:6px 16px;border-radius:8px;font-size:14px}}.form-error{text-wrap:nowrap;color:#d92929;font-family:var(--roboto);font-size:20px;font-weight:500;-webkit-user-select:none;user-select:none;margin-top:10px;overflow-x:hidden;text-overflow:ellipsis;max-width:100%;transition:all .15s ease}.form-error.visible{opacity:1;scale:1}.form-error.hidden{opacity:0;scale:.95}@media screen and (max-width: 1400px){.form-error{font-size:18px;margin-top:10px}}@media screen and (max-width: 1200px){.form-error{font-size:16px;margin-top:8px}}@media screen and (max-width: 1000px){.form-error{font-size:14px}}@media screen and (max-width: 600px){.form-error{font-size:12px;margin-top:6px}}.form-input{display:flex;flex-direction:column;gap:6px;width:100%}.form-input span{color:#a9a9a9;font-size:16px;overflow-x:hidden;text-overflow:ellipsis;text-wrap:nowrap;width:100%}.form-input input{border-radius:10px;height:50px;outline:none;border:1px solid #313131;background:#1b1b1b;width:100%;padding:0 14px;font-size:20px;text-wrap:nowrap}@media screen and (max-width: 1600px){.form-input span{font-size:15px}.form-input input{height:46px;font-size:18px}}@media screen and (max-width: 1200px){.form-input span{font-size:13px}.form-input input{font-size:16px}}@media screen and (max-width: 1000px){.form-input span{font-size:12px}.form-input input{font-size:14px;padding:0 12px}}@media screen and (max-width: 1000px){.form-input span{font-size:10px}.form-input input{height:38px;font-size:12px;padding:0 10px}}.form-submit-button{width:100%;height:60px;border:none;color:#fff;border-radius:10px;background:#313131;border:2px solid #39393a;font-family:var(--poppins);font-size:26px;font-weight:500;margin-top:16px;display:flex;justify-content:center;align-items:center}.form-submit-button svg{--svg-size: 40px;width:var(--svg-size);height:var(--svg-size)}.form-submit-button:disabled{opacity:.5}.form-submit-button:not(:disabled){cursor:pointer;transition:all .2s ease-out,filter .1s ease}.form-submit-button:not(:disabled):hover{filter:brightness(120%)}.form-submit-button:not(:disabled):active{filter:brightness(90%);scale:.975}@media screen and (max-width: 1600px){.form-submit-button{height:58px;font-size:24px;margin-top:14px}}@media screen and (max-width: 1600px){.form-submit-button{height:54px;font-size:20px;margin-top:12px}}@media screen and (max-width: 1600px){.form-submit-button{height:48px;font-size:18px}}body.dashboard{background:#121212}#root.dashboard{display:flex;height:auto;--side-bar-width: 100px;margin-left:var(--side-bar-width);width:calc(100vw - var(--side-bar-width));padding:60px 140px 80px}#root.dashboard main{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}@media screen and (max-width: 1700px){#root.dashboard{padding:50px 120px 70px}}@media screen and (max-width: 1450px){#root.dashboard{--side-bar-width: 85px;padding:50px 110px 70px}}@media screen and (max-width: 1200px){#root.dashboard{padding:40px 90px 70px}}@media screen and (max-width: 900px){body.dashboard{display:flex;justify-content:center}#root.dashboard{width:100vh;margin-left:0;padding:80px 0 0}#root.dashboard main{align-items:center}}.dashboard-sidebar{height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;border-right:1px solid #333;background:var(--page-header);justify-content:space-between;padding:40px 0;--element-gap: 40px;--element-bg: #343434}.dashboard-sidebar.semi-transparent{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--element-bg: #0f0f0f}.dashboard-sidebar section{width:var(--side-bar-width);--element-size: 60px;display:flex;flex-direction:column;align-items:center;gap:var(--element-gap)}.dashboard-sidebar .user-profile-pic{background:var(--element-bg);width:var(--element-size);height:var(--element-size);border-radius:50%}.dashboard-sidebar button{width:var(--element-size);height:var(--element-size);border:none;border-radius:50%;background:var(--element-bg);transition:all .25s ease-out,filter .15s ease,background .15s ease-out}.dashboard-sidebar button:not(:disabled){cursor:pointer}.dashboard-sidebar button:not(:disabled):hover{scale:1.05;filter:brightness(120%)}.dashboard-sidebar button:not(:disabled):active{scale:.98;filter:brightness(150%)}.dashboard-sidebar button svg{stroke-width:2;width:65%;height:65%}.dashboard-sidebar button:not(.search-btn) svg{stroke-width:1.25;color:#aeaeae}.dashboard-sidebar button.loading,.user-profile-pic.loading{background:var(--loading-bg-color);background-size:var(--loading-bg-size);animation:var(--loading-bg-anim)}@media screen and (max-width: 1450px){.dashboard-sidebar section{--element-size: 55px;--element-gap: 38px}}@media screen and (max-width: 900px){.dashboard-sidebar{height:var(--side-bar-width);border:1px solid #333;width:auto;--element-gap: 36px;border-radius:16px;left:50%;top:16px;transform:translate(-50%);z-index:10;flex-direction:row;justify-content:center;gap:var(--element-gap);padding:0 calc(var(--element-gap) * .75)}.dashboard-sidebar section{flex-direction:row;gap:var(--element-gap);width:auto}}@media screen and (max-width: 600px){.dashboard-sidebar{--element-gap: 24px;--side-bar-width: 72px;top:12px}.dashboard-sidebar section{--element-size: 48px;--element-gap: 24px}}@media screen and (max-width: 400px){.dashboard-sidebar{--element-gap: 16px;--side-bar-width: 55px}.dashboard-sidebar section{--element-gap: 16px;--element-size: 40px}}.user-quizzes-grid{height:auto;width:100%;display:grid;gap:30px;padding-bottom:70px;grid-template-columns:repeat(auto-fit,var(--element-width));grid-template-rows:repeat(auto-fit,var(--element-height));align-items:start;--element-width: 400px;--element-height: 200px}.user-quizzes-grid .create-new-quiz-btn{width:var(--element-width);height:var(--element-height);background:#313131;border:1px solid #5a5a5a;border-radius:10px;transition:all .2s ease}.user-quizzes-grid .create-new-quiz-btn.loading svg{--size: 50%}.user-quizzes-grid .create-new-quiz-btn svg{--size: 30%;width:var(--size);height:var(--size);opacity:.5}.user-quizzes-grid .create-new-quiz-btn:not(:disabled){cursor:pointer}.user-quizzes-grid .create-new-quiz-btn:not(:disabled):hover{scale:1.03;filter:brightness(120%)}.user-quizzes-grid .create-new-quiz-btn:not(:disabled):active{scale:.98;filter:brightness(90%)}@media screen and (max-width: 1700px) and (min-width: 1450px){.user-quizzes-grid{--element-width: 340px;--element-height: 180px;gap:26px}}@media screen and (max-width: 1200px) and (min-width: 750px){.user-quizzes-grid{--element-width: 300px;--element-height: 160px;gap:22px}}@media screen and (max-width: 900px){.user-quizzes-grid{justify-content:center}}@media screen and (max-width: 600px){.user-quizzes-grid{--element-width: 300px;--element-height: 160px;gap:22px}}@media screen and (max-width: 400px){.user-quizzes-grid{--element-width: 250px;--element-height: 140px;gap:16px}}.user-quiz-options-menu{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:10px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;gap:36px;opacity:0;transition:all .1s ease-out}.user-quiz-options-menu:hover{opacity:1}.user-quiz-options-menu button{--size: 140px;width:var(--size);height:var(--size);border:none;border-radius:10px;background:#0006;transition:all .25s ease-out,background .15s ease}.user-quiz-options-menu button svg{width:80%;height:80%}.user-quiz-options-menu button:not(:disabled){cursor:pointer}.user-quiz-options-menu button:not(:disabled):hover{background:#000000b3;scale:1.05}.user-quiz-options-menu button:not(:disabled):active{scale:.96;background:#0009}@media screen and (max-width: 1700px) and (min-width: 1450px){.user-quiz-options-menu{gap:32px}.user-quiz-options-menu button{--size: 125px}}@media screen and (max-width: 1200px) and (min-width: 900px),screen and (max-width: 900px) and (min-width: 750px),screen and (max-width: 600px){.user-quiz-options-menu{gap:30px}.user-quiz-options-menu button{--size: 110px}}@media screen and (max-width: 400px){.user-quiz-options-menu{gap:16px}.user-quiz-options-menu button{--size: 98px}}.user-quizzes-grid .user-quiz{width:var(--element-width);height:var(--element-height);background:var(--bg-color);border-radius:10px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.user-quizzes-grid .user-quiz h4{font-size:36px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.user-quizzes-grid .user-quiz section{display:flex;width:50%;justify-content:space-between;opacity:.8}.user-quizzes-grid .user-quiz section div{display:flex;align-items:center;justify-content:center;gap:8px}.user-quizzes-grid .user-quiz section div svg{--svg-size: 32px;width:var(--svg-size);height:var(--svg-size)}.user-quizzes-grid .user-quiz section div span{font-size:28px}:root{--del-vib-rate: .4deg}.user-quizzes-grid .user-quiz.delete-mode{--red: #ca2631;box-shadow:0 0 8px var(--red);outline:1px solid var(--red);cursor:pointer;transition:all .15s ease;animation:delete-vibration .1s linear infinite both alternate-reverse}.user-quizzes-grid .user-quiz.delete-mode:hover{outline:5px solid var(--red);box-shadow:0 0 28px var(--red);--del-vib-rate: .8deg;scale:1.04}.user-quizzes-grid .user-quiz.delete-mode:active{scale:.9;filter:brightness(75%);--del-vib-rate: .1deg}@keyframes delete-vibration{0%{rotate:var(--del-vib-rate)}to{rotate:calc(var(--del-vib-rate) * -1)}}.user-quizzes-grid .user-quiz.loading{background:var(--loading-bg-color);background-size:var(--loading-bg-size);animation:var(--loading-bg-anim)}@media screen and (max-width: 1700px) and (min-width: 1450px){.user-quizzes-grid .user-quiz{gap:18px}.user-quizzes-grid .user-quiz h4{font-size:32px}.user-quizzes-grid .user-quiz section{width:52%}.user-quizzes-grid .user-quiz section div{gap:8px}.user-quizzes-grid .user-quiz section div svg{--svg-size: 30px}.user-quizzes-grid .user-quiz section div span{font-size:26px}}@media screen and (max-width: 1200px) and (min-width: 750px),screen and (max-width: 600px){.user-quizzes-grid .user-quiz{gap:14px}.user-quizzes-grid .user-quiz h4{font-size:26px;font-weight:600}.user-quizzes-grid .user-quiz section{width:50%}.user-quizzes-grid .user-quiz section div{gap:6px}.user-quizzes-grid .user-quiz section div svg{--svg-size: 26px}.user-quizzes-grid .user-quiz section div span{font-size:22px}}@media screen and (max-width: 400px){.user-quizzes-grid .user-quiz h4{font-size:21px}.user-quizzes-grid .user-quiz section div{gap:4px}.user-quizzes-grid .user-quiz section div svg{--svg-size: 22px}.user-quizzes-grid .user-quiz section div span{font-size:18px}}.user-quiz-delete-menu{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:10px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default;gap:12px;opacity:0;transition:all .1s ease-out}.user-quiz-delete-menu.visible{opacity:1}.user-quiz-delete-menu.hidden{opacity:0;display:none}.user-quiz-delete-menu.hidden h4,.user-quiz-delete-menu.hidden .buttons-wrapper{scale:.75}.user-quiz-delete-menu h4{font-family:var(--poppins);font-size:36px}.user-quiz-delete-menu .buttons-wrapper{display:flex;justify-content:center;gap:28px;align-items:center;min-width:100%}.user-quiz-delete-menu .buttons-wrapper button{border:none;border-radius:10px;background:#0006;font-size:42px;color:#fff;font-weight:700;padding:16px 24px;transition:all .25s ease-out,background .15s ease}.user-quiz-delete-menu .buttons-wrapper button:not(:disabled){cursor:pointer}.user-quiz-delete-menu .buttons-wrapper button:not(:disabled):hover{background:#000000b3;scale:1.05}.user-quiz-delete-menu .buttons-wrapper button:not(:disabled):active{scale:.96;background:#0009}@media screen and (max-width: 1700px) and (min-width: 1450px){.user-quiz-delete-menu{gap:10px}.user-quiz-delete-menu h4{font-size:32px}.user-quiz-delete-menu .buttons-wrapper{gap:24px}.user-quiz-delete-menu .buttons-wrapper button{font-size:42px;padding:12px 22px}}@media screen and (max-width: 1200px) and (min-width: 900px),screen and (max-width: 600px){.user-quiz-delete-menu .buttons-wrapper{gap:18px}.user-quiz-delete-menu .buttons-wrapper button{font-size:40px}}@media screen and (max-width: 400px){.user-quiz-delete-menu{gap:6px}.user-quiz-delete-menu .buttons-wrapper{gap:12px}.user-quiz-delete-menu .buttons-wrapper button{font-size:32px}}.local-quiz{width:var(--element-width);height:var(--element-height);background:#1f1f1f;border-radius:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;gap:16px}.local-quiz p{font-size:24px;font-weight:500;opacity:.5}.local-quiz svg{--svg-size: 62px;width:var(--svg-size);height:var(--svg-size);opacity:.5}.user-quizzes-header{display:flex;align-items:center;gap:40px;height:120px;-webkit-user-select:none;user-select:none;text-wrap:nowrap}.user-quizzes-header .your-quizzes-title{font-size:58px}.user-quizzes-header .your-quizzes-title.loading{width:320px;height:50px;border-radius:10px;background:var(--loading-bg-color);background-size:var(--loading-bg-size);animation:var(--loading-bg-anim)}.user-quizzes-header h3{font-size:36px;font-weight:600;font-style:italic}.user-quizzes-header button{padding:8px 18px;font-size:20px;border:none;border-radius:6px;background:#313131;border:1px solid #5a5a5a;font-style:italic;cursor:pointer;transition:all .15s ease}.user-quizzes-header button:hover{scale:1.03;filter:brightness(120%)}.user-quizzes-header button:active{scale:.98;filter:brightness(90%)}@media screen and (max-width: 1450px){.user-quizzes-header{gap:36px}.user-quizzes-header h3{font-size:32px}.user-quizzes-header button{padding:8px 16px;font-size:20px}}@media screen and (max-width: 900px){.user-quizzes-header{margin:45px 0 25px;justify-content:center;gap:30px}.user-quizzes-header .your-quizzes-title{font-size:72px}.user-quizzes-header h3{font-size:30px;font-weight:500}.user-quizzes-header button{padding:6px 14px;font-size:18px}}@media screen and (max-width: 600px){.user-quizzes-header{margin:10px 0 0;gap:16px}.user-quizzes-header .your-quizzes-title{font-size:52px}.user-quizzes-header h3{font-size:22px}.user-quizzes-header button{padding:6px 12px;font-size:14px}}@media screen and (max-width: 400px){.user-quizzes-header{gap:10px;height:100px;margin:0}.user-quizzes-header .your-quizzes-title{font-size:38px}.user-quizzes-header h3{font-size:16px}.user-quizzes-header button{padding:4px 8px;font-size:12px}}body.browse{background:#121212}#root.browse{display:flex;align-items:center;flex-direction:column;width:100vw;padding:0 180px;gap:75px}@media screen and (max-width: 2000px){#root.browse{padding:0}}#root.browse>.app-logo{position:absolute;--size: 80px;--padding: 40px;width:var(--size);height:var(--size);top:var(--padding);left:var(--padding);z-index:20}.browse-header{--height: 90px;--hidden-pos: calc(-1 * var(--height));--visible-pos: 16px;--element-size: 70px;position:fixed;width:320px;height:var(--height);top:var(--hidden-pos);left:50%;transform:translate(-50%);border:1px solid #333;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:var(--page-header);z-index:40;transition:all .25s ease-out}.browse-header.visible{top:var(--visible-pos)}.browse-header .app-logo{width:var(--element-size);height:var(--element-size)}.browse-header .search-btn{width:calc(var(--element-size) * .7);height:calc(var(--element-size) * .7);opacity:.9;border:none;background:transparent;transition:all .2s ease-out}.browse-header .search-btn svg{width:100%;height:100%;stroke-width:2}.browse-header .search-btn:not(:disabled){cursor:pointer}.browse-header .search-btn:not(:disabled):hover{opacity:1}.browse-header .search-btn:not(:disabled):active{scale:.9}.browse-header .search-btn:disabled{opacity:.7}@media screen and (max-width: 1000px){#root.browse>.app-logo{--size: 65px;--padding: 32px}.browse-header{--height: 84px;--element-size: 74px}}@media screen and (max-width: 700px){#root.browse>.app-logo{--size: 48px;--padding: 25px}.browse-header{--height: 80px;--element-size: 70px;width:280px}}.browse-quizzes-form{display:flex;align-items:center;flex-direction:column;margin-top:60px;gap:12px}.browse-quizzes-form h2{font-family:var(--poppins);font-size:64px}.browse-quizzes-form label{display:flex;background:#0c0c0c;border:1px solid #313131;border-radius:10px;padding:0 12px;width:600px;align-items:center;gap:14px;height:54px;cursor:pointer;transition:all .1s ease-out;--font-size: 18px}.browse-quizzes-form label:hover{border:1px solid #4e4e4e}.browse-quizzes-form label svg{--size: 26px;width:var(--size);height:var(--size);opacity:.6;transition:all .25s ease-out}.browse-quizzes-form label input{background:none;outline:none;border:none;cursor:pointer;font-size:var(--font-size);color:#dbdbdb;font-size:18px;font-family:var(--roboto);width:100%}.browse-quizzes-form label input:focus{cursor:text}.browse-quizzes-form label input:focus::placeholder{opacity:.7}.browse-quizzes-form label input::placeholder{transition:opacity .2s ease;color:#4f4f4f;font-size:var(--font-size);font-family:var(--roboto)}@media screen and (max-width: 1300px){.browse-quizzes-form h2{font-size:58px}}@media screen and (max-width: 1000px){.browse-quizzes-form{margin-top:60px}.browse-quizzes-form h2{font-size:52px}.browse-quizzes-form label{padding:0 10px;width:500px;gap:12px;height:48px;--font-size: 16px}.browse-quizzes-form label svg{--size: 22px}}@media screen and (max-width: 800px){.browse-quizzes-form{margin-top:70px}.browse-quizzes-form h2{font-size:46px}.browse-quizzes-form label{width:420px;height:44px;gap:10px;border-radius:8px;--font-size: 14px}.browse-quizzes-form label svg{--size: 20px}}@media screen and (max-width: 600px){.browse-quizzes-form{margin-top:80px}.browse-quizzes-form h2{font-size:40px}.browse-quizzes-form label{width:350px}}@media screen and (max-width: 500px){.browse-quizzes-form{margin-top:90px}.browse-quizzes-form h2{font-size:32px}.browse-quizzes-form label{width:300px}}@media screen and (max-width: 400px){.browse-quizzes-form h2{font-size:28px}.browse-quizzes-form label{width:270px}}.browse-quizzes-grid{height:auto;padding-bottom:70px;display:grid;width:100%;gap:var(--gap);grid-template-columns:repeat(auto-fit,var(--element-width));grid-template-rows:repeat(auto-fit,var(--element-height));place-content:center;align-items:start;--gap: 30px;--element-width: 400px;--element-height: 200px}.browse-quizzes-grid.loading{background:var(--loading-bg-color);background-size:var(--loading-bg-size);animation:var(--loading-bg-anim)}.browse-quizzes-message{font-size:26px;color:#9e9e9e}@media screen and (max-width: 2000px){.browse-quizzes-grid{grid-template-columns:repeat(3,var(--element-width));grid-template-rows:repeat(3,var(--element-height))}}@media screen and (max-width: 1600px) and (min-width: 1300px){.browse-quizzes-grid{--gap: 28px;--element-width: 350px;--element-height: 180px}}@media screen and (max-width: 1300px){.browse-quizzes-grid{grid-template-columns:repeat(2,var(--element-width));grid-template-rows:repeat(2,var(--element-height))}}@media screen and (max-width: 1000px) and (min-width: 700px){.browse-quizzes-grid{--gap: 24px;--element-width: 320px;--element-height: 170px}}@media screen and (max-width: 800px) and (min-width: 700px){.browse-quizzes-grid{--gap: 18px;--element-width: 270px;--element-height: 150px}}@media screen and (max-width: 700px){.browse-quizzes-grid{grid-template-columns:var(--element-width);grid-template-rows:var(--element-height)}}@media screen and (max-width: 500px){.browse-quizzes-grid{--gap: 28px;--element-width: 350px;--element-height: 180px}}@media screen and (max-width: 400px){.browse-quizzes-grid{--gap: 18px;--element-width: 270px;--element-height: 150px}}.browse-quiz{width:var(--element-width);height:var(--element-height);background:var(--bg-color);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;padding:48px 52px;transition:all .6s ease-out}.browse-quiz.not-disabled{cursor:pointer;transition:all .25s ease-out}.browse-quiz.not-disabled:hover{scale:1.04;filter:brightness(115%);box-shadow:0 0 10px var(--bg-color)}.browse-quiz.not-disabled:active{scale:.98;filter:brightness(90%);box-shadow:none}.browse-quiz h4{text-align:center;font-size:34px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-quiz .info{display:flex;justify-content:space-between;align-items:center}.browse-quiz .info h6{font-size:24px;font-weight:400;opacity:.9}.browse-quiz .info div{display:flex;gap:28px;align-items:center;opacity:.75}.browse-quiz .info div span{display:flex;align-items:center;gap:5px}.browse-quiz .info div span svg{--size: 26px;width:var(--size);height:var(--size)}.browse-quiz .info div span p{font-size:20px}@media screen and (max-width: 1600px) and (min-width: 1300px){.browse-quiz{padding:45px 50px}.browse-quiz h4{font-size:30px}.browse-quiz .info h6{font-size:20px}.browse-quiz .info div{gap:18px}.browse-quiz .info div span{gap:4px}.browse-quiz .info div span svg{--size: 22px}.browse-quiz .info div span p{font-size:18px}}@media screen and (max-width: 1000px) and (min-width: 700px){.browse-quiz{padding:42px 50px}.browse-quiz h4{font-size:26px}.browse-quiz .info h6{font-size:18px}.browse-quiz .info div{gap:16px}.browse-quiz .info div span{gap:4px}.browse-quiz .info div span svg{--size: 20px}.browse-quiz .info div span p{font-size:16px}}@media screen and (max-width: 800px) and (min-width: 700px){.browse-quiz{padding:38px 40px}.browse-quiz h4{font-size:24px}.browse-quiz .info h6{font-size:16px}.browse-quiz .info div{gap:14px}.browse-quiz .info div span{gap:4px}.browse-quiz .info div span svg{--size: 18px}.browse-quiz .info div span p{font-size:14px}}@media screen and (max-width: 500px){.browse-quiz{padding:45px 50px}.browse-quiz h4{font-size:32px}.browse-quiz .info h6{font-size:20px}.browse-quiz .info div{gap:18px}.browse-quiz .info div span{gap:4px}.browse-quiz .info div span svg{--size: 22px}.browse-quiz .info div span p{font-size:18px}}@media screen and (max-width: 400px){.browse-quiz{padding:38px 40px}.browse-quiz h4{font-size:24px}.browse-quiz .info h6{font-size:16px}.browse-quiz .info div{gap:14px}.browse-quiz .info div span{gap:4px}.browse-quiz .info div span svg{--size: 18px}.browse-quiz .info div span p{font-size:14px}}