@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--font-family: "Rubik", sans-serif;--font-display: 500 14.4rem var(--font-family);--font-heading-l-bold: 500 clamp(4rem, 8vw, 6.4rem) var(--font-family);--font-heading-l-regular: 400 clamp(4rem, 8vw, 6.4rem) var(--font-family);--font-heading-m: 500 clamp(3rem, 5vw, 3.6rem) var(--font-family);--font-heading-s: 500 clamp(1.8rem, 3vw, 2.4rem) var(--font-family);--font-body-m: 400 2.4rem var(--font-family);--font-body-s: italic 400 2rem var(--font-family);--color-purple: #a729f5;--color-light-purple: #d394fa;--color-dark-navy: #313e51;--color-navy: #3b4d66;--color-grey-navy: #626c7f;--color-light-bluish: #abc1e1;--color-bluish: #f6e7ff;--color-light-grey: #f4f6fa;--color-pure-white: #fff;--color-green: #26d782;--color-red: #ee5454;--max-inline-size: 116rem}body{--color-body-background: var(--color-light-grey);--color-body-font: var(--color-dark-navy);--color-body-secondary-font: var(--color-grey-navy);--color-content-shadow: rgba(143, 160, 193, .14);--color-content-background: var(--color-pure-white);--color-icon-font: var(--color-dark-navy);--color-icon-background: var(--color-light-grey);--color-icon-active: var(--color-bluish);--color-button-font: var(--color-pure-white);--color-button-background: var(--color-purple);--color-button-background-active: var(--color-light-purple);--color-success: var(--color-green);--color-error: var(--color-red)}body[mode=dark]{--color-body-background: var(--color-dark-navy);--color-body-font: var(--color-pure-white);--color-body-secondary-font: var(--color-light-bluish);--color-content-background: var(--color-navy);--color-content-shadow: rgba(49, 62, 81, .14)}.display{font:var(--font-display)}h1{font:var(--font-heading-l-regular);margin-block-end:.8em}h1 strong{font:var(--font-heading-l-bold)}h2{font:var(--font-heading-m)}h3{font:var(--font-heading-s)}small{font-style:italic;color:var(--color-body-secondary-font)}html{font-size:62.5%}body{min-height:100vh;background-color:var(--color-body-background);color:var(--color-body-font);font:var(--font-body-m);background-size:cover;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='812'%20fill='none'%20viewBox='0%200%20375%20812'%3e%3ccircle%20cx='-113.5'%20cy='323.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'/%3e%3c/svg%3e")}body[mode=dark]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='812'%20fill='none'%20viewBox='0%200%20375%20812'%3e%3ccircle%20cx='-113.5'%20cy='323.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e")}main{max-inline-size:var(--max-inline-size);margin-inline:auto;padding:3rem}button{cursor:pointer;background:var(--color-button-background);border-radius:2.4rem;border:none;color:var(--color-button-font);font:var(--font-heading-s);inline-size:100%;padding-block:2rem;transition:all .1s ease-in-out}button:hover{background:var(--color-light-purple);scale:1.05}.list-options{display:flex;padding:0;flex-direction:column}.list-options li{display:block}.list-options li button{text-align:left;display:flex;align-items:center;color:var(--color-body-font)}.list-options li button .choice-icon{flex-shrink:0}.list-options li button.active{outline:4px solid var(--color-button-background)}.list-options li button.active .choice-icon{color:var(--color-button-font);background:var(--color-button-background)}.list-options li button.active.correct{outline-color:var(--color-success)}.list-options li button.active.correct .choice-icon{background:var(--color-success)}.list-options li button.active.incorrect{outline-color:var(--color-error)}.list-options li button.active.incorrect .choice-icon{background:var(--color-error)}.list-options li button:hover{background:var(--color-content-background)}.list-options:not(.locked) li button:not(.active):hover .choice-icon{color:var(--color-button-background);background:var(--color-icon-active)}.list-options li button img{margin-inline-start:auto}.choice-icon{display:inline-flex;justify-content:center;align-items:center;inline-size:5rem;block-size:5rem;padding:.8rem;border-radius:1rem;vertical-align:middle;margin-inline-end:3rem;color:var(--color-icon-font);background:var(--color-icon-background)}.error{text-align:center;margin-block-start:2rem;color:var(--color-error);font:var(--font-body-s);animation:horizonatal-shake .3s ease-in-out}@keyframes horizonatal-shake{0%{opacity:0;transform:translate(0)}25%{opacity:50%;transform:translate(5px)}50%{opacity:100%;transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.error img{display:inline-block;vertical-align:middle;margin-inline-end:1rem}.progress-bar{height:1.6rem;padding:.5rem;background-color:var(--color-content-background);border-radius:10px}.progress-bar div{height:100%;width:0%;background-color:var(--color-button-background);border-radius:inherit;transition:width .5s ease-in-out}.card{animation:slide .3s;animation-fill-mode:both}@keyframes slide{0%{opacity:0;transform:translate(30px)}to{opacity:100%;transform:translate(0)}}.card{padding:2rem;border-radius:20px;margin-bottom:2.4rem;background-color:var(--color-content-background);box-shadow:var(--color-content-shadow) 0 1.6rem 4rem}.card.large-card{padding:4rem;text-align:center}.card.large-card .display{margin-block:2rem}.switch{display:flex;gap:1.6rem;align-items:center}.switch button{inline-size:5rem;block-size:3rem;padding:0;flex-shrink:0;position:relative}.switch button span{display:block;position:absolute;top:.5rem;left:.5rem;border-radius:50%;inline-size:2rem;block-size:2rem;background-color:var(--color-button-font);transition:left .2s ease-in-out}.switch.active button span{left:2.5rem}.inline-block{display:inline-block}.quiz nav{display:flex;max-height:3rem;margin-block-end:5rem;justify-content:space-between;align-items:center}.quiz>.content-section{display:grid;grid-template-columns:1fr;grid-column-gap:8rem;justify-content:space-between}.quiz .question-view>section>h2{margin-block-start:3rem}.quiz .progress-bar{margin-block-start:2rem}.quiz .list-options{margin-block-start:4rem}@media only screen and (width >= 768px){body{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='438'%20height='531'%20fill='none'%20viewBox='0%200%20438%20531'%3e%3ccircle%20cx='-50.5'%20cy='42.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'/%3e%3c/svg%3e")}body[mode=dark]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='438'%20height='531'%20fill='none'%20viewBox='0%200%20438%20531'%3e%3ccircle%20cx='-50.5'%20cy='42.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e")}}@media only screen and (width >= 1024px){body{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='960'%20fill='none'%20viewBox='0%200%201440%20960'%3e%3cg%20stroke='%23edf1f9'%20stroke-width='144'%3e%3ccircle%20cx='-50.5'%20cy='75.5'%20r='416.5'/%3e%3ccircle%20cx='1388.5'%20cy='840.5'%20r='416.5'/%3e%3c/g%3e%3c/svg%3e")}body[mode=dark]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='960'%20fill='none'%20viewBox='0%200%201440%20960'%3e%3ccircle%20cx='-50.5'%20cy='75.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3ccircle%20cx='1388.5'%20cy='840.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e")}main{padding-block-start:8rem}.quiz .progress-bar{grid-row:2;grid-column:1;margin:0}.quiz nav{margin-block-end:8.5rem}.quiz .list-options{margin:0}.quiz .content-section{grid-template-columns:1fr 1fr}}