main.quiz{width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}main.quiz .container{padding:32px 16px;box-sizing:border-box;width:100%;max-width:1280px}main.quiz .container .heading{display:flex;flex-direction:column}main.quiz .container .heading h1{color:#0a0a0a;font-size:30px;line-height:36px;font-weight:700;margin:0 0 8px}main.quiz .container .heading p{color:#737373;font-size:16px;line-height:24px;font-weight:400;margin:0 0 16px}main.quiz .container .random-quiz{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:48px 24px;box-sizing:border-box;margin-bottom:32px;border-radius:14px;background-image:linear-gradient(90deg,oklch(.97 .014 254.604) 0,oklch(.977 .014 308.299));box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}main.quiz .container .random-quiz .text-section{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}main.quiz .container .random-quiz .text-section h2{margin:0 0 8px;font-size:20px;line-height:27px;font-weight:700;color:#0a0a0a}main.quiz .container .random-quiz .text-section p{margin:0 0 16px;font-size:16px;line-height:24px;font-weight:400;color:#737373}main.quiz .container .random-quiz .text-section button{border-radius:8px;padding:8px 12px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;border:none;color:#fafafa;font-weight:500;line-height:20px;font-size:14px;height:36px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px;background-color:transparent;background-image:linear-gradient(90deg,oklch(.546 .245 262.881) 0,oklch(.558 .288 302.321));transition:all .15s ease}main.quiz .container .random-quiz .text-section button:hover{background-color:rgba(23,23,23,.9019607843);background-image:linear-gradient(90deg,oklch(.488 .243 264.376) 0,oklch(.496 .265 301.924))}main.quiz .container .available-quizzes{width:100%}main.quiz .container .available-quizzes h2{color:#0a0a0a;font-size:24px;line-height:32px;font-weight:700;margin:0 0 24px}main.quiz .container .available-quizzes .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;width:100%}@media only screen and (max-width:1024px){main.quiz .container .available-quizzes .grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){main.quiz .container .available-quizzes .grid{grid-template-columns:1fr}}main.quiz .container .available-quizzes .grid .card{padding:24px;box-sizing:border-box;border-radius:14px;background-color:white;border:1px solid #e5e5e5;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:36px;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}main.quiz .container .available-quizzes .grid .card:hover{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}main.quiz .container .available-quizzes .grid .card:hover .info-container .heading{color:#155dfb}main.quiz .container .available-quizzes .grid .card .info-container{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%}main.quiz .container .available-quizzes .grid .card .info-container .icon{display:flex;align-items:center;justify-content:center;border-radius:10px;width:40px;height:40px;font-size:18px;line-height:28px;margin-bottom:8px}main.quiz .container .available-quizzes .grid .card .info-container .heading{color:#0a0a0a;font-size:18px;line-height:26px;font-weight:600;transition:all .15s ease}main.quiz .container .available-quizzes .grid .card .info-container .description{font-size:14px;line-height:20px;font-weight:400;color:#737373;-moz-tab-size:4;tab-size:4;text-wrap-style:balance}main.quiz .container .available-quizzes .grid .card .stats-container{width:100%;display:flex;flex-direction:column;gap:16px}main.quiz .container .available-quizzes .grid .card .stats-container .stats{display:flex;flex-direction:row;align-items:center;gap:16px}main.quiz .container .available-quizzes .grid .card .stats-container .stats .percentage,main.quiz .container .available-quizzes .grid .card .stats-container .stats .questions,main.quiz .container .available-quizzes .grid .card .stats-container .stats .time{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;font-size:14px;line-height:20px;font-weight:400;color:#737373}main.quiz .container .available-quizzes .grid .card .stats-container a{padding:8px 16px;text-decoration:none;background-color:#171717;color:#fafafa;transition:all .15s ease;font-size:14px;line-height:20px;font-weight:500;width:100%;box-sizing:border-box;border-radius:8px;text-align:center;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}main.quiz .container .available-quizzes .grid .card .stats-container a:hover{background-color:#155dfb}main.quiz .container .track-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:48px 24px;box-sizing:border-box;border:1px dashed #e5e5e5;border-radius:14px;margin-top:32px;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}main.quiz .container .track-progress svg{margin-bottom:16px}main.quiz .container .track-progress h3{margin:0 0 8px;font-size:18px;line-height:28px;font-weight:600;color:#0a0a0a}main.quiz .container .track-progress p{color:#737373;margin:0 0 16px;font-size:16px;line-height:24px;font-weight:400}main.quiz .container .track-progress .buttons{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}main.quiz .container .track-progress .buttons a{box-sizing:border-box;border-radius:8px;font-size:14px;line-height:20px;font-weight:500;padding:8px 16px;text-decoration:none;text-align:center;transition:all .15s ease;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}main.quiz .container .track-progress .buttons a.secondary-button{background-color:white;color:#0a0a0a;border:1px solid #e5e5e5}main.quiz .container .track-progress .buttons a.secondary-button:hover{background-color:#f5f5f5}main.quiz .container .track-progress .buttons a.tertiary-button{background-color:#171717;color:#fafafa}main.quiz .container .track-progress .buttons a.tertiary-button:hover{background-color:rgba(23,23,23,.9019607843)}