html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{height:100vh;width:100vw;margin:0;display:flex;justify-content:center;font-family:Montserrat,"Noto Sans Arabic","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}body .view-standard{width:25vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width: 1000px){body .view-standard{width:40vw}}@media(max-width: 700px){body .view-standard{width:50vw}}body>div.background{z-index:-1;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#381272}body>div.background .background-item{position:fixed;transform:rotate(-15deg);background-color:#000;opacity:.1;min-width:75cqmin;min-height:75cqmin;pointer-events:none}body>div.background .background-item.star{clip-path:polygon(50% 0, 79% 90%, 2% 35%, 98% 35%, 21% 90%);top:-10cqmin;left:-10cqmin}body>div.background .background-item.triangle{clip-path:polygon(50% 0%, 0% 100%, 100% 100%);bottom:-10cqmin;right:-10cqmin}button,a.button{display:inline-block;padding:0 16px 4px 0;border:1px solid #333;border-radius:3px;background-color:#333;box-shadow:rgba(0,0,0,.25) 0px -4px inset;color:#fff;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;width:100%;min-height:48px;transition:background-color .2s}button:hover:not(:disabled),a.button:hover:not(:disabled){min-height:46px;margin-top:2px;padding-bottom:2px;background-color:#2f2f2f;box-shadow:rgba(0,0,0,.25) 0px -2px inset;outline-width:0px}a.button{text-align:center;line-height:48px}body>.error-notification{position:fixed;display:flex;bottom:0;min-height:calc(16px + 3vmin);width:100%;background-color:#d9002e;color:#fff;font-size:calc(8px + 2vmin);transform:translateY(100%)}body>.error-notification.visible{transform:translateY(0);visibility:visible;transition:transform .5s,visibility 0s 0s}body>.error-notification.hidden{transform:translateY(100%);visibility:hidden;transition:transform .5s,visibility 0s .5s}body>.error-notification span.icon{position:relative;display:inline-block;height:100%;width:fit-content;min-width:calc(16px + 3vmin);margin:auto 0 auto .5rem}body>.error-notification span.icon svg{height:100%}body>.error-notification p{padding:0 .2rem;font-size:calc(8px + 2vmin);line-height:calc(8px + 2vmin)}body:not([data-loading=true])>.loading{visibility:hidden;opacity:0;backdrop-filter:blur(0);transition:opacity 500ms,backdrop-filter 500ms,visibility 0ms ease-in 500ms}body[data-loading=true]>.loading{visibility:visible;opacity:1;backdrop-filter:blur(5px);transition:opacity 500ms,backdrop-filter 500ms,visibility 0ms}body>.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}body>.loading .loading-spinner{border:16px solid rgba(255,255,255,0);border-top:16px solid #fff;border-right:16px solid #fff;border-radius:50%;width:70px;height:70px;animation:spin 1s ease infinite}body>.loading .loading-text{color:#fff;font-size:1.5em;margin-top:1em;font-weight:700}@keyframes spin{0%{transform:rotate(-45deg)}75%{transform:rotate(315deg)}100%{transform:rotate(315deg)}}body>.start-view h1{color:#fff}body>.start-view div.form{width:100%;background-color:#fff;border-radius:4px;padding:16px}body>.start-view div.form .article-search{position:relative}body>.start-view div.form .article-search input{position:relative;min-height:40px;line-height:40px;margin:0;width:100%;padding:0 10px;border:2px solid #ccc;border-radius:4px;font-size:16px;font-weight:700}body>.start-view div.form .article-search input::placeholder{color:#757575}body>.start-view div.form .article-search input:focus,body>.start-view div.form .article-search input:active{border-color:#333;outline-width:0}body>.start-view div.form .article-search input:focus+.article-suggestions,body>.start-view div.form .article-search input:active+.article-suggestions{border-color:#333;border-top:solid 1px #ccc}body>.start-view div.form .article-search .article-suggestions{position:absolute;display:none;top:calc(100% - 2px);margin:0;width:100%;background-color:#fff;border-radius:0 0 8px 8px;border:solid 2px #ccc;border-top:solid 1px #ccc;list-style:none;padding:0}body>.start-view div.form .article-search .article-suggestions li{padding:10px;font-size:16px;cursor:pointer;transition:background-color .2s}body>.start-view div.form .article-search .article-suggestions li:hover{font-weight:700;background-color:#ccc}body>.start-view div.form .article-search .article-suggestions li:last-child{border-radius:0 0 8px 8px}body>.start-view div.form .article-search.searching input{border-bottom:0}body>.start-view div.form .article-search.searching .article-suggestions{display:block}body>.start-view div.form .article-search.selected input{border-color:#009600}body>.start-view div.form .article-search.error input{background-color:#fff2f4;border-color:#f35}body>.start-view div.form button{margin-top:12px}body>.start-view div.form button:hover{margin-top:14px}body:not([data-view=start])>.start-view{display:none}body>.question-view{width:100%;height:100%;background-color:#efefef}body>.question-view .question-heading-container{width:100%;display:inline-block;background-color:#fff}body>.question-view .question-heading-container #question-heading-text{width:100%;text-align:center;font-weight:500;font-size:1.8rem}@media(max-width: 700px){body>.question-view .question-heading-container #question-heading-text{font-size:1.4rem}}body>.question-view .question-content{display:flex;flex-direction:row;max-height:80vh}@media(max-width: 1000px){body>.question-view .question-content{flex-direction:column-reverse}}@media(max-height: 800px){body>.question-view .question-content{max-height:40vh}}body>.question-view .question-content .question-timer-container{flex:30%;display:flex;align-items:center;justify-content:center}@media(max-width: 1000px){body>.question-view .question-content .question-timer-container{flex:30%;display:flex;justify-content:start;background-color:#bebebe}}body>.question-view .question-content .question-timer-container .question-timer{background-color:#722db5;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%}body>.question-view .question-content .question-timer-container .question-timer #question-timer-text{font-size:2.4em;font-weight:600;color:#fff}@media(max-width: 1000px){body>.question-view .question-content .question-timer-container .question-timer{border-radius:0;width:100%;height:20px;display:flex;justify-content:end;padding:.8em;z-index:1}body>.question-view .question-content .question-timer-container .question-timer #question-timer-text{font-size:.8em}}body>.question-view .question-content .question-image-container{flex:40%;display:flex;justify-content:center;overflow:hidden;max-height:400px;aspect-ratio:6/4}body>.question-view .question-content .question-image-container img{max-width:100%;max-height:100%;object-fit:cover}body>.question-view .question-content .question-skip-container{flex:30%;display:flex;justify-content:end;padding:1em}body>.question-view .question-content .question-skip-container button#question-skip{width:max-content;height:max-content;padding-left:1em}@media(max-width: 1000px){body>.question-view .question-content .question-skip-container{position:relative;padding:0}body>.question-view .question-content .question-skip-container button#question-skip{position:absolute;top:1em;right:1em;padding:.8em;border-radius:50%}body>.question-view .question-content .question-skip-container button#question-skip .button-text{display:none}body>.question-view .question-content .question-skip-container button#question-skip::after{content:" ";width:20px;height:20px;clip-path:polygon(0% 0%, 0% 100%, 80% 50%, 80% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 50%);background-color:#fff;display:inline-block}}body>.question-view #question-answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;padding:1em}body>.question-view #question-answers .question-answer-button{width:100%;height:20vh;padding:4px;margin-bottom:2px;font-size:1.3em;font-weight:700;border:none;border-radius:4px;color:#fff;cursor:pointer;position:relative;transition:background-color .2s}@media(max-height: 800px){body>.question-view #question-answers .question-answer-button{height:15vh}}body>.question-view #question-answers .question-answer-button::before{content:" ";width:40px;height:40px;background-color:#fff;position:absolute;top:50%;left:20px;transform:translateY(-50%)}@media(max-width: 1000px){body>.question-view #question-answers .question-answer-button::before{display:none}}body>.question-view #question-answers .question-answer-button.correct{background-color:#57b72d !important}body>.question-view #question-answers .question-answer-button.correct::before{top:50%;width:60px;height:60px;clip-path:polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%) !important;transform:translateY(-50%) !important}body>.question-view #question-answers .question-answer-button.incorrect{background-color:#4d4d4d !important}body>.question-view #question-answers .question-answer-button.incorrect::before{top:50%;clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%) !important;transform:translateY(-50%) !important}body>.question-view #question-answers .question-answer-button:hover:not(:disabled){margin-bottom:0}body>.question-view #question-answers .question-answer-button:nth-child(1){background-color:#dc002a}body>.question-view #question-answers .question-answer-button:nth-child(1)::before{clip-path:polygon(50% 0, 0 100%, 100% 100%)}body>.question-view #question-answers .question-answer-button:nth-child(2){background-color:#0c4dc7}body>.question-view #question-answers .question-answer-button:nth-child(2)::before{transform:translateY(-50%) rotate(45deg)}body>.question-view #question-answers .question-answer-button:nth-child(3){background-color:#c88800}body>.question-view #question-answers .question-answer-button:nth-child(3)::before{border-radius:50%}body>.question-view #question-answers .question-answer-button:nth-child(4){background-color:#208200}body:not([data-view=question])>.question-view{display:none}body>.end-view h2{color:#fff}body>.end-view div.content{width:100%;background-color:#fff;border-radius:4px;padding:16px}body>.end-view div.content .score h3{margin:0;text-align:center}body>.end-view div.content .score p{display:flex;flex-direction:column;align-items:center;margin:10px 0}body>.end-view div.content .score p span#end-view-score{margin:0;font-size:24px;font-weight:700}body>.end-view div.content hr{border:0;margin:1em 0;border-top:1px solid #ccc}body>.end-view div.content .credits h3{margin:0}body>.end-view div.content .credits p,body>.end-view div.content .credits ul{font-size:14px;margin:5px 0}body>.end-view div.content .credits p a,body>.end-view div.content .credits ul a{color:#000;text-decoration:underline}body>.end-view div.content .credits ul{max-height:200px;overflow-y:auto;padding:5px 10px;border:1px solid #ccc}body>.end-view div.content .credits ul li{list-style:none;margin-bottom:5px}body>.end-view div.content button.restart-button{margin-top:10px}body:not([data-view=end])>.end-view{display:none}body>.unsupported-view{display:none;color:#fff}body>.unsupported-view a.button::after{display:inline-block;width:.8rem;height:.8rem;margin-left:.3rem;content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzUyIDBjLTEyLjkgMC0yNC42IDcuOC0yOS42IDE5LjhzLTIuMiAyNS43IDYuOSAzNC45TDM3MC43IDk2IDIwMS40IDI2NS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDQxNiAxNDEuM2w0MS40IDQxLjRjOS4yIDkuMiAyMi45IDExLjkgMzQuOSA2LjlzMTkuOC0xNi42IDE5LjgtMjkuNlYzMmMwLTE3LjctMTQuMy0zMi0zMi0zMkgzNTJ6TTgwIDMyQzM1LjggMzIgMCA2Ny44IDAgMTEyVjQzMmMwIDQ0LjIgMzUuOCA4MCA4MCA4MEg0MDBjNDQuMiAwIDgwLTM1LjggODAtODBWMzIwYzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMyVjQzMmMwIDguOC03LjIgMTYtMTYgMTZIODBjLTguOCAwLTE2LTcuMi0xNi0xNlYxMTJjMC04LjggNy4yLTE2IDE2LTE2SDE5MmMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkg4MHoiLz48L3N2Zz4=");filter:invert(1)}body[data-view=unsupported]>.unsupported-view{display:flex}/*# sourceMappingURL=main.css.map */