.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-\[10\%\]{margin-left:10%;margin-right:10%}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-14{height:3.5rem}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.max-h-\[600px\]{max-height:600px}.\!w-full{width:100%!important}.w-32{width:8rem}.w-48{width:12rem}.w-80{width:20rem}.w-\[320px\]{width:320px}.w-\[60\%\]{width:60%}.w-\[80\%\]{width:80%}.w-\[90\%\]{width:90%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-none{border-style:none}.\!bg-\[\#1677ff\]{--tw-bg-opacity:1!important;background-color:rgb(22 119 255/var(--tw-bg-opacity))!important}.bg-\[\#04144f\]{--tw-bg-opacity:1;background-color:rgb(4 20 79/var(--tw-bg-opacity))}.bg-\[\#1D9BD7\]{--tw-bg-opacity:1;background-color:rgb(29 155 215/var(--tw-bg-opacity))}.bg-\[\#2b2b2b\]{--tw-bg-opacity:1;background-color:rgb(43 43 43/var(--tw-bg-opacity))}.bg-\[\#2c2d30\]{--tw-bg-opacity:1;background-color:rgb(44 45 48/var(--tw-bg-opacity))}.bg-\[\#e2e5e6\]{--tw-bg-opacity:1;background-color:rgb(226 229 230/var(--tw-bg-opacity))}.bg-\[white\],.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[10\%\]{padding-left:10%;padding-right:10%}.px-\[20\%\]{padding-left:20%;padding-right:20%}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-\[\#1677ff\]{--tw-text-opacity:1;color:rgb(22 119 255/var(--tw-text-opacity))}.text-\[\#319646\]{--tw-text-opacity:1;color:rgb(49 150 70/var(--tw-text-opacity))}.text-\[\#E5D618\]{--tw-text-opacity:1;color:rgb(229 214 24/var(--tw-text-opacity))}.text-\[\#af895e\]{--tw-text-opacity:1;color:rgb(175 137 94/var(--tw-text-opacity))}.text-\[green\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity))}.text-\[red\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:rgb(var(--foreground-rgb));height:100vh}*{box-sizing:border-box;padding:0;margin:0}input:focus::-moz-placeholder{color:transparent}input:focus::placeholder{color:transparent}.ant-input-create{box-shadow:0 3px 8px rgba(0,0,0,.24)}.ant-input-create[placeholder]{text-align:center}.test-input{width:50px;height:50px;border-radius:50%;color:#fff;background-color:#87d068}.content-main{height:100%}.box-question{box-shadow:0 3px 8px rgba(0,0,0,.24);border-radius:5px}.main-item{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)}.card-layout{border-radius:5px}.box-pass{box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08)}.point{width:50px;height:50px;border-radius:50%;background-color:#87d068;text-align:center;padding-top:7px}#point{text-align:center!important}.fake-img{-o-object-fit:contain;object-fit:contain;border-radius:2px}.time{width:70px;height:70px;background-color:#87d068;padding-top:17px}.all-point,.time{border-radius:50%;text-align:center}.all-point{width:50px;height:50px;background-color:#1390e6;padding-top:7px}.ant-card-head{padding:0!important;border:2px}.card-answer:hover{background-color:#1390e6}.card-answer:hover h3{color:#fff}.ant-upload{width:300px!important;height:200px!important}@media screen and (max-width:768px){.ant-upload{width:150px!important;height:150px!important}}.eachQuestion{border:1px dashed #1677ff;border-radius:4px}.text-answer{padding:10px;color:#fff}.div-cover,.text-answer,.title-question{border-radius:10px}.title-question{border:1px solid #fff;background-color:#2c2d30;padding:10px;color:#fff!important}.pointQuestion{color:#f75700}.totalPoint{color:#f7e108}.main-answer-question{background-repeat:repeat-y;background-color:#04144f;height:calc(100vh - 3.5rem)}.bg-main{background-color:#d9afd9;background-image:linear-gradient(0deg,#d9afd9,#97d9e1)}.highlight-correct{position:relative;border:2px solid #0f0;transition:box-shadow .5s ease-in-out}.highlight-correct:hover{box-shadow:0 0 10px #0f0}.fade-wrong{background-color:gray;opacity:.5}.user-point{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:10px;transition:all .3s ease}.user-point:hover{transform:scale(1.1)}.form-login{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);background-color:#e5f5fa}.right-answer{box-shadow:0 0 0 3px rgba(162,190,221,.3);background-color:#2c2d30;border-radius:5px}.highlighted{background-color:#f0f2f5}.outside-top-10:after{content:attr(data-rank);position:absolute;top:0;right:0;padding:5px;color:#fff}.start-quiz-title{font-family:Poppins,sans-serif;font-size:36px;color:#fff;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2);transition:color .3s ease-in-out}.ant-select-selector{border-radius:16px!important}.card-image-container{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center}.card-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ant-collapse-expand-icon{color:#fff}.leaderboard-container{display:flex;flex-direction:column;align-items:center;width:100%;scrollbar-width:none;-ms-overflow-style:none}.leaderboard-container::-webkit-scrollbar{display:none}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;font-weight:600;width:80%;background-color:#f5f5f5;color:#000;padding:4px 30px;margin:2px 0;border-radius:5px;text-align:left}.rank{flex:1;text-align:left;font-weight:700}.username{flex:9;text-align:left}.score{flex:1;text-align:right;font-weight:700}.top-1 .rank,.top-1 .score,.top-1 .username{color:#ceb10d;font-size:1.1em}.top-2 .rank,.top-2 .score,.top-2 .username{color:silver;font-size:1.1em}.top-3 .rank,.top-3 .score,.top-3 .username{color:#cd7f32;font-size:1.1em}.current-player{background-color:#2f2fe4;color:#fff}@keyframes border-rotate{0%{border-color:#fc0}25%{border-color:#f6c}50%{border-color:#6cf}75%{border-color:#6f6}to{border-color:#fc0}}.leaderboard-item.current-player{border:2px solid;padding:10px;animation:border-rotate 2s linear infinite}.ant-collapse-content-box{background-color:#eee7dc}.first-letter\:py-3:first-letter{padding-top:.75rem;padding-bottom:.75rem}@media (min-width:640px){.sm\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.sm\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.sm\:mt-2{margin-top:.5rem}.sm\:w-96{width:24rem}.sm\:w-\[40\%\]{width:40%}.sm\:w-\[400px\]{width:400px}.sm\:w-\[500px\]{width:500px}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:gap-10{gap:2.5rem}}@media (min-width:768px){.md\:fixed{position:fixed}.md\:right-5{right:1.25rem}.md\:top-0{top:0}.md\:z-50{z-index:50}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:w-80{width:20rem}.md\:w-\[500px\]{width:500px}.md\:w-\[600px\]{width:600px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:bg-\[\#2b2b2b\]{--tw-bg-opacity:1;background-color:rgb(43 43 43/var(--tw-bg-opacity))}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:font-normal{font-weight:400}.md\:\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.md\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:right-5{right:1.25rem}.lg\:top-0{top:0}.lg\:z-50{z-index:50}.lg\:mb-5{margin-bottom:1.25rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:gap-5{gap:1.25rem}.lg\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:px-\[10\%\]{padding-left:10%;padding-right:10%}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}