.credits{color:var(--credits-text, #a9a9a9);font-family:Montserrat,sans-serif}@supports (font-variation-settings: normal){.credits{font-family:Montserrat Variable,sans-serif}}.credits{font-size:var(--fs-0, .875rem);font-weight:500;text-align:center}.username{font-weight:700;text-decoration:underline}.character{position:absolute;top:var(--character-top-offset, -75px);right:0;height:var(--character-height, auto)}.question{margin:0;color:var(--primary-dark);font-weight:700;font-size:var(--fs-fluid-3)}.quiz-footer{display:grid;grid-auto-flow:column;justify-content:space-evenly;align-items:center;gap:20px;margin:0}.current-question{margin:0 auto;color:var(--primary-dark);font-size:var(--fs-fluid-3);font-weight:700;letter-spacing:4px}.action{border-radius:12px;padding:14px 36px;font-weight:700;font-size:var(--fs-fluid-0-2)}.flag{height:54px;aspect-ratio:1.55/1;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px var(--primary);color:#000;animation:skeleton 1.25s linear infinite alternate}@keyframes skeleton{0%{background-color:var(--primary)}to{background-color:#f0f3f5}}.quiz-answers{display:grid;gap:var(--answers-gap, 32px)}.quiz-answers .button{gap:var(--option-gap, 40px);justify-content:flex-start;--button-outline-bg-hover: var(--warning);padding:10px 20px;border-radius:12px;color:var(--primary);--button-text-disabled: var(--primary);font-size:var(--fs-fluid-0-2);text-align:left}.quiz-answers .button:hover:enabled,.quiz-answers .button:focus:enabled{border-color:var(--warning)}.quiz-answers .button:hover:enabled,.quiz-answers .button:focus:enabled,.quiz-answers .button.correct,.quiz-answers .button.wrong{color:#fff}.quiz-answers .button.correct{--button-bg-disabled: var(--success);border-color:var(--success)}.quiz-answers .button.wrong{--button-bg-disabled: var(--error);border-color:var(--error)}.quiz-answers .button:before{font-size:1.33em}.quiz-answers .button:nth-child(1):before{content:"A"}.quiz-answers .button:nth-child(2):before{content:"B"}.quiz-answers .button:nth-child(3):before{content:"C"}.quiz-answers .button:nth-child(4):before{content:"D"}.quiz-answers .button [class*=material-icons]{margin-left:auto;--icon-size: 24px}.winner{margin-inline:auto;color:#000}.results-message{color:var(--primary-darkest)}.results-message h2{margin:0;font-weight:700;font-size:var(--fs-fluid-6-8)}.results-points{margin:0;font-size:var(--fs-2);font-weight:400}.results-points__correct{color:var(--success-light);font-size:var(--fs-6);font-weight:700}.try-again{margin-inline:auto;--button-outline-bg-hover: var(--primary-darkest);border-radius:12px;border-width:2px;padding:18px 60px;color:var(--primary-darkest);font-size:var(--fs-2);font-weight:600}.try-again:hover{color:#fff;border-color:var(--primary-darkest)}.loader{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 auto;color:var(--primary-dark);font-weight:700;font-size:var(--fs-fluid-2);--spinner-size: 60px;--spinner-animation-duration: 1s}.loader p{margin:0}.quiz-card{position:relative;display:grid;gap:var(--quiz-card-gap, 32px);border-radius:24px;background-color:#fff;padding:var(--quiz-card-padding, 64px 32px 32px)}.quiz-card--over{--quiz-card-gap: var(--quiz-card-gap__over, 72px);justify-content:center;padding-block:32px;text-align:center}.quiz-card--flag,.quiz-card--loading,.quiz-card--error{padding:var(--quiz-card-padding__equal, 32px)}.error{margin:0;color:var(--primary-dark);font-weight:700;font-size:var(--fs-fluid-3)}#root{position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;min-height:100vh;min-height:100svh}@media(max-width:767px){#root{padding-inline:1rem;--character-height: 90px;--character-top-offset: -65px;--header-margin-block: 16px 24px;--quiz-card-padding: 40px 20px 20px;--quiz-card-padding__equal: 20px;--quiz-card-gap: 20px;--quiz-card-gap__over: 20px;--answers-gap: 20px;--option-gap: 20px}}h1{width:60%;margin-block:var(--header-margin-block, 24px);color:#fff;font-weight:700;font-size:var(--fs-fluid-4-6)}:root{--fs-000: .625rem;--fs-00: .75rem;--fs-0: .875rem;--fs-1: 1rem;--fs-2: 1.125rem;--fs-3: 1.25rem;--fs-4: 1.5rem;--fs-5: 2rem;--fs-6: 2.25rem;--fs-7: 2.5rem;--fs-8: 3rem;--fs-9: 3.5rem;--fs-10: 4rem}:root{--fs-fluid-000: clamp(.625rem, 1.5vw, .75rem);--fs-fluid-00: clamp(.75rem, 1.5vw, .875rem);--fs-fluid-0: clamp(.875rem, 1.5vw, 1rem);--fs-fluid-1: clamp(1rem, 2vw, 1.125rem);--fs-fluid-2: clamp(1.125rem, 2vw, 1.25rem);--fs-fluid-3: clamp(1.25rem, 2vw, 1.5rem);--fs-fluid-4: clamp(1.5rem, 3vw, 1.75rem);--fs-fluid-5: clamp(2rem, 4vw, 2.25rem);--fs-fluid-6: clamp(2.25rem, 4vw, 2.5rem);--fs-fluid-7: clamp(2.5rem, 4vw, 3rem);--fs-fluid-8: clamp(3rem, 5vw, 3.5rem);--fs-fluid-9: clamp(3.5rem, 5vw, 4rem);--fs-fluid-10: clamp(4rem, 5vw, 5rem);--fs-fluid-0-2: clamp(.875rem, 1.75vw, 1.125rem);--fs-fluid-2-4: clamp(1.125rem, 2vw, 1.5rem);--fs-fluid-4-6: clamp(1.5rem, 3.5vw, 2.25rem);--fs-fluid-6-8: clamp(2.25rem, 4.5vw, 3rem)}body{min-height:100vh;min-height:100svh;max-width:1280px;min-width:320px;margin:0 auto}*,*:before,*:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}img,picture,svg,video{display:block;max-width:100%}img{height:auto;background-repeat:no-repeat;background-size:cover;vertical-align:middle;shape-margin:1rem;font-style:italic}@media(prefers-reduced-motion:no-preference){html,:has(:target){scroll-behavior:smooth}}html{color-scheme:dark light}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}:root{font-family:Poppins,sans-serif;--primary: #6066d0b2;--primary-dark: #2f527b;--primary-darkest: #1d355d;--error: #ea8282;--success: #60bf88;--success-light: #6fcf97;--warning: #f9a826;--warning-hover: #e69006;--credits-text: #f2f2f2}body{max-width:470px;background-image:url(/dev-challenges/legacy/country-quiz/background.png);background-color:#5256a1;background-size:cover;background-position:center;background-attachment:fixed}