main.6ac01dfe.css

*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-x:hidden;scrollbar-color:orange #ff4500;scrollbar-width:thin}::-webkit-scrollbar{width:12px;z-index:-9}::-webkit-scrollbar-thumb{background-color:orange;border-radius:14px}::-webkit-scrollbar-track{background-color:#ff4500;border-radius:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.offline-popup{aspect-ratio:2/1;background-color:#f0f8ff;left:calc(50vw - 300px);position:absolute;top:calc(50vh - 150px);transition:all .6s linear;width:600px;z-index:9999}.slide-out{transform:translateY(-9999px)}.slide-in{transform:translateY(0)}.lifeline{align-self:flex-end;background-color:#000;border:2px solid orange;border-radius:12px;border-top-left-radius:0;border-top-right-radius:0;display:flex;gap:1rem;height:13%;justify-content:space-evenly;justify-self:center;left:15%;padding:1rem 1.2rem;position:absolute;width:70%;z-index:99}.audience{align-items:center;background-color:#0e044d;border:2px solid orange;border-radius:12px;inset:-100px 20% -300px 20%;position:absolute;z-index:9999}.audience p{color:orange;font-family:Poetsen One,sans-serif;font-size:1.2rem;font-style:normal;line-height:1.4;text-align:center}.lifeline button{background-color:initial;border:none;color:orange;cursor:pointer;display:block;font-size:2rem;outline:none;position:relative}.lifeline button>*{pointer-events:none}.lifeline .num{aspect-ratio:1/1;background-color:#f80d0d;border-radius:50%;color:#fff;display:grid;font-size:12px;place-content:center;position:absolute;right:-10px;top:-10px;width:20px}.lifeline button:not(:first-of-type):hover{background-color:#dd4b02}.lifeline button:is(:first-of-type){cursor:auto}.logo{align-items:center;color:orange;display:flex;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:400;gap:6px;height:50px;left:10px;position:absolute;text-decoration:none;top:10px;z-index:9999}.logo img,.logo-select img{height:100%}.select-quiz{min-height:100vh}.select-quiz header{align-items:center;background-color:#000;border-bottom:2px solid orange;display:flex;height:60px;justify-content:space-between;left:0;padding-inline:2rem;position:fixed;top:0;width:100%;z-index:99}.container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:60px;margin-inline:auto;padding:28px 1rem 2rem 2rem;position:relative}.container .item{background-color:#000;border:4px solid orange;border-radius:12px;display:flex;flex-direction:column;gap:12px;height:420px;width:324px}.container .item figure{color:#fff;font-family:Poppins;padding:10px;width:100%}.container .item figure img,.img-placeholder{border-radius:8px;height:200px;object-fit:cover;object-position:center;width:100%}.item-bottom{color:orange;flex-wrap:wrap;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:100;justify-content:space-between;justify-self:flex-end;padding-inline:10px;width:100%}.item-bottom,.item-bottom a{align-items:center;display:flex}.item-bottom a{background-color:#000;border:4px solid orange;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1rem;padding:.6rem 1.5rem;text-decoration:none;transition:all .4s linear}a.Hard{border-color:red}a.Medium{border-color:orange}a.Easy{border-color:#0cea0c}.item.Hard{border-color:red}.item.Medium{border-color:orange}.item.Easy{border-color:#0cea0c}.item-bottom a:is(:hover,:focus){color:#ff0}.item-bottom .title{display:flex;flex-direction:column;gap:12px}.search-quiz{align-items:center;border:3px solid orange;border-radius:12px;color:orange;display:flex;gap:4px;padding-right:10px;z-index:999}.search-quiz input{background-color:initial;border:none;font-size:1rem;font-weight:100;outline:none;padding:10px 6px 10px 4px;width:160px}.logo-select,.search-quiz input{color:orange;font-family:Poetsen One,sans-serif;font-style:normal}.logo-select{font-weight:400;gap:6px;height:50px;text-decoration:none;z-index:9999}.logo-select,.skel-bottom{align-items:center;display:flex}.skel-bottom{justify-content:space-between;padding-left:10px;padding-right:1rem;width:100%}.skel-bottom>:first-child{width:100%}.skel{border:4px solid orange;border-radius:12px;gap:70px;height:100%;padding:12px 10px;position:relative}.not-found,.skel{display:flex;flex-direction:column}.not-found{align-items:center;color:orange;font-family:Poetsen One,sans-serif;font-size:2rem;font-style:normal;font-weight:100;gap:1rem;height:calc(100vh - 80px);justify-content:center}.not-found img{aspect-ratio:1/1;width:100px}.suggestions{display:flex;flex-wrap:wrap;gap:10px;width:70%}.suggestions>*{border:2px solid orange;border-radius:12px;color:orange;cursor:pointer;font-size:.8rem;padding:12px 6px}.not-available{filter:grayscale(100%)}.notice{color:#fff;display:grid;filter:grayscale(0);font-family:Poetsen One,sans-serif;font-style:normal;font-weight:100;left:calc(100% - 130px);padding:10px 6px;place-content:center;position:absolute;top:calc(50% - 15px);width:130px;z-index:9}.container>*{width:-webkit-max-content;width:max-content}.n-red{background-color:red}.n-green{background-color:#10b510}button{background-color:initial;border:none;cursor:pointer;display:grid;outline:none;place-content:center}.display-t{animation-duration:.85s;animation-name:glow;animation-timing-function:linear;flex-wrap:wrap;padding-inline:1rem}.display-t,.display-t figure{display:flex;justify-content:center}.display-t p{margin:20px 16px 0 0}.display-f{display:none}.game-start-info{background-color:#0e044d;border:2px solid orange;border-radius:12px;color:orange;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:100;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:5%;padding:1.4rem;position:absolute;right:5%;top:7%;z-index:999}.game-start-info h1{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;margin-top:2rem;padding-right:1rem}.game-start-info ul{margin-left:1rem;margin-top:1rem;padding-right:1rem}.game-start-info ul li{display:flex;gap:1rem;margin-top:10px}.milli{align-items:center;color:orange;display:flex;flex-wrap:wrap;font-family:Poetsen One,sans-serif;font-size:2.6rem;font-style:normal;font-weight:100;gap:1rem;justify-content:center}.milli figcaption{padding-inline:12px}.fade{animation-duration:10s;animation-iteration-count:infinite;animation-name:fade-in-out;animation-timing-function:linear}.main-box{background-color:#1a1414}.online-indicator{align-items:center;background-color:#000;border:2px solid orange;border-radius:12px;color:orange;display:flex;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:100;height:88px;justify-content:space-between;left:20%;padding-inline:1rem;position:fixed;top:40vh;width:60%}.select-quiz .online-indicator .load.abs{position:static;z-index:9}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}85%{opacity:1}to{opacity:0}}@media (max-width:678px){.container .item{width:90vw}}@media (max-width:650px){.audience{inset:-100px 2% -300px 2%}}@media (max-width:600px){.game-start-info ul li{flex-wrap:wrap}}@media (max-width:510px){.container .item,.skel{border-radius:8px;border-width:2px}.select-quiz header{border-bottom-width:2px}.item-bottom a,.search-quiz{border-width:2px}}@media (max-width:534px){.lifeline{justify-content:space-evenly;left:2.5%;right:2.5%;width:95%}}@media (max-width:450px){.load.abs{width:30px}.online-indicator{left:2.5vw;right:2.5vw;width:95vw}}@media (max-width:400px){.milli figcaption img{display:block;margin:auto}.start a.start-btn{border-radius:8px;border-width:2px;font-size:1.6rem;padding:1rem 1.4rem}.milli span{font-size:1.6rem}}@media (max-width:350px){.container{width:100vw}.container>*{display:flex;width:100%}.milli{font-size:2.4rem}.milli figcaption{text-align:center;width:100%}.milli figcaption img{display:block;margin:auto}}body{background-color:#000;background-size:100vw;overflow-x:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none}.start{align-items:center;background-image:linear-gradient(#000000e6,#000000e6),url(/static/media/home-bg.73259127bd25a8b8f85d.jpeg);background-position:50%;background-repeat:no-repeat;background-size:100%;display:flex;flex-direction:column;gap:2rem;height:calc(100vh - 80px);justify-content:center;position:relative;width:100vw}.start-banner{animation:rotate;animation-duration:60s;animation-iteration-count:infinite;animation-timing-function:linear;left:calc(50vw - 300px);position:absolute;top:calc(50vh - 350px);width:600px;z-index:-1}@media (max-width:590px){.start-banner{left:0;top:calc(50vh - 50vw);width:100vw}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.start-banner img{width:100%}.start .start-btn{background-color:#000;border:4px solid orange;border-radius:12px;color:#fff;cursor:pointer;font-family:Poetsen One,sans-serif;font-size:2rem;font-style:normal;font-weight:400;padding:1.2rem 1.6rem;text-decoration:none}.start .start-btn:is(:hover,:focus){color:orange;transition:all .4s}.load{animation-direction:reverse;animation-duration:2s;animation-iteration-count:infinite;animation-name:turn;animation-timing-function:linear;aspect-ratio:1/1;border:3px solid orange;border-left-color:#0000;border-radius:50%;display:block;left:calc(50% - 20px);position:absolute;top:40px;width:40px}@keyframes turn{0%{transform:rotate(0deg)}to{transform:rotate(-2turn)}}.info>*{pointer-events:none;z-index:999}.footer{align-items:center;background-color:#000;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;min-height:80px;padding-top:2rem;padding-inline:2rem}.footer span{color:orange;font-family:Poetsen One,sans-serif;font-size:1.2rem;font-style:normal;font-weight:400}.icon-lists{display:flex;gap:2rem}.icon-lists a{color:orange;font-size:2rem;text-decoration:none}.icon-lists a:is(:hover,:focus){color:#ff4500;transition:all .4s}.fail-btn{background-color:#000;border:2px solid orange;border-radius:12px;color:orange;cursor:pointer;font-family:Poetsen One,sans-serif;font-size:1.4rem;font-style:normal;font-weight:400;padding:2rem}.sad img{width:180px}.fail-text{font-family:Nosifer,sans-serif}.earn{display:block;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:400;text-align:center}@media (max-width:700px){.fail{font-size:1rem}.start{background-size:200%}}@media (min-width:1600px){.main-box{border:4px solid orange;border-radius:12px}}.main{font-family:sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}.game-banner{border:2px solid orange;border-bottom:none;border-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;height:87%;left:15%;margin-bottom:2rem;overflow:hidden;position:absolute;width:70%}.game-banner:before{background-image:linear-gradient(#00000080,#00000080);content:"";inset:0;position:absolute;z-index:2}.game-banner img{border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.mon{display:flex;min-height:470px;position:relative}.ans{flex-direction:column;gap:2rem;min-height:40%;padding-inline:1rem;padding-bottom:2rem}.ans,.ques{align-items:center;display:flex;justify-content:center}.ques{background-color:#0e044d;border:2px solid orange;border-radius:42px;color:#f0f8ff;font-family:Poetsen One,sans-serif;font-size:1.6rem;line-height:1.2;max-width:800px;padding-block:1rem;padding-inline:.6rem;position:relative;text-align:center;width:calc(70% + 3.2rem)}.ques:before{right:100%;top:calc(50% - 1px)}.ques:after,.ques:before{background-color:orange;content:"";height:2px;position:absolute;width:1000px;z-index:1}.ques:after{left:100%;top:calc(50% - 2px)}.ans ul{flex-wrap:wrap;gap:1.5rem;justify-content:center;line-height:1.2;list-style-type:circle;width:100%}.ans ul,.ans ul li{align-items:center;display:flex}.ans ul li{background-color:#0e044d;border:2px solid orange;border-radius:42px;color:#f0f8ff;cursor:pointer;font-family:Poetsen One,sans-serif;font-size:1.4rem;gap:10px;max-width:400px;padding:1.5rem;position:relative;width:400px;z-index:22}.ans ul li:before{right:100%}.ans ul li:after,.ans ul li:before{background-color:orange;content:"";height:2px;position:absolute;top:calc(50% - 1px);width:1000px;z-index:1}.ans ul li:after{left:100%}.ans ul li:is(:nth-child(2),:nth-child(3)):before{width:1.5rem;z-index:-44}.ans ul li:is(:first-child,:nth-child(2)):after{width:1.5rem;z-index:-44}.fail{align-items:center;background-color:#000;color:#f0f8ff;display:flex;flex-direction:column;gap:4rem;height:100vh;justify-content:center;width:100vw}.fail>:is(:not(a)){font-size:1.6rem}.anime{height:400px;left:0;overflow:hidden;pointer-events:none;top:0;width:100vw;z-index:999}.anime,.timer{position:absolute}.timer{background-color:#000;bottom:15%;color:#f0f8ff;left:calc(50% - 50px);margin:0;z-index:9}.none{display:none}.amount{align-items:center;animation-duration:.85s;animation-name:glow;animation-timing-function:linear;background-color:#060332;border:2px solid orange;border-radius:8px;color:#f0f8ff;display:flex;display:none;flex-direction:column;font-size:1rem;justify-content:space-between;left:8%;list-style:none;margin:1rem;overflow:hidden;padding-block:10px;padding-top:1.2rem;position:absolute;right:8%;top:calc(50vh - 60px);z-index:99999}.amount li,.indicator{align-items:center;display:flex;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:400;gap:1rem;justify-content:center;padding-left:20px;padding-block:4px;position:relative;width:70%}.amount li{height:30px}.amount.active{display:flex}.indicator:before{right:100%}.indicator:after,.indicator:before{background-color:inherit;content:"";height:2px;position:absolute;top:calc(50% - 1px);width:1000px;z-index:1}.indicator:after{left:100%}.amount .indicator{background-color:orange;border-radius:42px;color:#fff;height:100%;inset:0;position:absolute;transition:all 1s linear;width:100%;z-index:-1}@keyframes glow{0%{opacity:0}to{opacity:1}}.li-bg-grey{background-color:initial;color:orange}.li-bg-green{color:#fff}.failed{animation-name:failed}.correct-bg,.failed{animation-duration:6s}.correct-bg{animation-name:static;background-color:#11a706}@keyframes static{0%{background-color:#0e044d}25%{background-color:#0e044d}60%{background-color:rgba(221,221,28,.789)}to{background-color:#11a706}}@keyframes failed{0%{background-color:#ff0}15%{background-color:#bcbc2233}30%{background-color:#ffff28}to{background-color:red}}.correct{animation-duration:6s;animation-name:correct}@keyframes correct{0%{background-color:#ff0}15%{background-color:#bcbc2233}30%{background-color:#ffff28}to{background-color:#1ef70f}}.close,.info,.menu{background-color:initial;border:none;color:orange;cursor:pointer;display:none;font-size:2.4rem;font-weight:600;outline:none;position:absolute;top:10px;width:-webkit-max-content;width:max-content;z-index:999}.close>*,.menu>*{pointer-events:none}.main .close{display:block;right:10px}.info{display:block;left:10px}ul.menu-active{transform:translateX(0)}.menu,ul .close{left:10px}@media (max-width:1278.5px){.ans ul li:is(:nth-child(2),:nth-child(4)):before{width:1.5rem;z-index:-44}.ans ul li:is(:first-child,:nth-child(3)):before{width:1000px;z-index:-44}.ans ul li:is(:nth-child(2),:nth-child(4)):after{width:1000px;z-index:-44}.ans ul li:is(:first-child,:nth-child(3)):after{width:1.5rem;z-index:-44}}@media (max-width:855px){.main .ans ul li:after,.main .ans ul li:before{width:1000px;z-index:-44}}@media (max-width:804px){:root{font-size:12px}.ques{border-width:2px;font-size:1.4rem;width:80%}.ques:after,.ques:before{height:2px}.ans ul li{border-width:2px;font-size:1.3rem;width:85%}.ans ul li:after,.ans ul li:before{height:2px}}@media (max-width:960px){.close,.menu{display:block}}@media (max-width:534px){.ques{width:95%}.ans ul li{width:85%}.game-banner{border:2px solid orange;border-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;left:2.5%;margin-bottom:2rem;right:2.5%;width:95%}.amount{left:4%;right:4%;top:calc(50vh - 40px)}}@media (max-width:320px){.game-banner{top:46px}.game-banner img{width:100%}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.milli_filter__YESHG{background-color:initial;border:2px solid orange;border-radius:8px;color:orange;cursor:pointer;display:grid;font-size:1.1rem;padding:6px 10px;place-content:center}.milli_btn_section__S8RdL{align-items:center;display:flex;gap:20px}@media (max-width:620px){.milli_btn_section__S8RdL{display:none}}.error-class{background-color:#0e044d;border:2px solid orange;border-radius:12px;color:orange;display:flex;flex-direction:column;font-family:Poetsen One,sans-serif;font-style:normal;font-weight:100;gap:1rem;inset:5%;padding:1.4rem;position:absolute}.error-top{align-items:center;display:flex;gap:1rem}.error-class a{color:inherit}
/*# sourceMappingURL=main.6ac01dfe.css.map*/