.render-with-loading-component .loading{margin-top:64px}@media not (prefers-reduced-motion: reduce){.render-with-loading-component .loading{animation:animateScale 3s ease-in-out infinite}}:where(.render-with-loading-component>*,.render-with-loading-component .component-wrapper:not(.render-with-loading-component :not(.component-wrapper) .component-wrapper)>*){transition:opacity .3s ease-in-out}:where(.render-with-loading-component.ready-for-load>*,.render-with-loading-component.ready-for-load .component-wrapper:not(.render-with-loading-component :not(.component-wrapper) .component-wrapper)>*){opacity:0;transition:none}.countries-component label{margin-block:16px;display:inline flex;flex-direction:column;font-weight:700;max-width:100%}.countries-component fieldset{border-radius:8px;margin:0;padding:0}.countries-component fieldset legend{margin:auto;font-weight:700;padding-inline:8px}.countries-component fieldset label{font-weight:500;margin:0;padding:10px;flex-direction:row}.countries-component input[type=search]{margin-top:4px;font-size:inherit;font-family:inherit;padding:8px 16px;border-radius:999999px;border:2px groove var(--background-color-primary-foreground-accent);width:400px;max-width:100%;outline-offset:2px}.countries-component .directory{max-width:var(--layout-max-width)}.countries-component .directory ul{display:grid;grid-template-columns:repeat(4,minmax(auto,1fr));text-align:left}.countries-component .directory ul li,.countries-component .directory ul a{width:100%}.countries-component .directory ul a{--flag-width: 40px;--link-padding: 12px;display:inline-flex;align-items:center;padding-left:calc((2 * var(--link-padding)) + var(--flag-width));position:relative}.countries-component .directory ul a img.flag{position:absolute;left:var(--link-padding);margin:0;width:var(--flag-width)}.countries-component .directory ul a img.flag.load-failed{filter:none;border:none}@media (max-width: 1200px){.countries-component .directory ul{grid-template-columns:repeat(3,minmax(auto,1fr))}}@media (max-width: 900px){.countries-component .directory ul{grid-template-columns:repeat(2,minmax(auto,1fr))}}@media (max-width: 600px){.countries-component .directory ul{grid-template-columns:minmax(auto,1fr)}}.button-component{--button-hover-scale: 1.05;--button-active-scale: .8}.button-component button{all:unset;outline:revert;line-height:revert;display:inline flex;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline-offset:-4px;border-radius:8px;transition:all .1s ease-in-out,opacity .3s ease-in-out,visibility 0s;font-size:inherit;font-family:inherit;font-weight:700}.button-component button .button-shell{transition:all .1s ease-in-out,opacity .3s ease-in-out,visibility 0s;width:100%;height:100%;padding:12px 16px;background:var(--background-color-accent);color:var(--background-color-accent-foreground-primary);border-radius:inherit;border:1px solid var(--shadow-color);box-shadow:0 2px 4px 0 var(--shadow-color)}@media (hover: hover) and (pointer: fine){.button-component button:hover:not(:disabled):not(.level-up):not(:active){transform:scale(var(--button-hover-scale))}.button-component button:hover:not(:disabled):not(.level-up) .button-shell{filter:brightness(var(--light-hover-brightness))}}.button-component button:active:not(:disabled) .button-shell{transform:scale(var(--button-active-scale))}.button-component button:not(:active) .button-shell{transition:all .1s ease-in-out,transform .4s cubic-bezier(.54,2.06,.23,.39),opacity .3s ease-in-out,visibility 0s}.button-component button:not(:disabled){cursor:pointer}.button-component button:disabled{opacity:.6}.button-component button.danger .button-shell{background:var(--danger-color);color:var(--background-color-primary)}.button-component button.small{outline-offset:-3px}.button-component button.small .button-shell{padding:4px 8px}figure :is(.button-component button).image-dialog-button{outline-offset:1px;border-radius:0}figure :is(.button-component button).image-dialog-button .button-shell{display:inline flex;padding:0;background:transparent;border:none;box-shadow:none;color:var(--background-color-primary-foreground-accent);text-decoration:underline dotted;text-underline-offset:.1em;text-decoration-thickness:.05em}@media (hover: hover) and (pointer: fine){figure :is(.button-component button).image-dialog-button:hover .button-shell{text-decoration-style:solid;text-decoration-thickness:.15em}}.captioned-image-dialog-wrapper{display:contents}.captioned-image-dialog-wrapper dialog.captioned-image-dialog{background-color:var(--background-color-primary);border-color:var(--background-color-primary-foreground-primary);border-radius:16px;text-align:center;position:relative;padding:1rem}.captioned-image-dialog-wrapper dialog.captioned-image-dialog::backdrop{background-color:#0006}.captioned-image-dialog-wrapper dialog.captioned-image-dialog button.dialog-close-button{margin-bottom:8px;align-self:flex-end;position:absolute;right:1rem;z-index:1}.captioned-image-dialog-wrapper dialog.captioned-image-dialog h1{padding-top:1rem;font-size:1.5rem}.captioned-image-dialog-wrapper dialog.captioned-image-dialog .loading-image{display:inline flow-root}@media not (prefers-reduced-motion: reduce){.captioned-image-dialog-wrapper dialog.captioned-image-dialog .loading-image{animation:animateScale 3s ease-in-out infinite}}.captioned-image-dialog-wrapper dialog.captioned-image-dialog figure{max-width:100%}.captioned-image-dialog-wrapper dialog.captioned-image-dialog figure>div{max-width:800px}.captioned-image-dialog-wrapper dialog.captioned-image-dialog figure>div.with-max-height{max-width:816px;transition:opacity .3s ease-in-out,max-height 1s ease-in-out,overflow .3s allow-discrete step-end}.captioned-image-dialog-wrapper dialog.captioned-image-dialog figure>div img.flag{max-width:100%;width:auto;display:block;margin:auto}.captioned-image-dialog-wrapper dialog.captioned-image-dialog figure figcaption{margin:auto;max-width:800px;padding-top:8px;font-weight:500}.country-component figure>div button.image-dialog-button{margin:6px auto 10px}.country-component figure>div:not(.load-failed) img.flag{width:300px}.country-component figure figcaption{display:inline flow-root}.country-component ul{text-align:left}.home-component .home-intro{margin-block:32px}.home-component .home-intro p{margin-block:.5rem}.home-component #portfolio-link{margin-top:16px;display:inline flex;align-items:center;background-color:#edb526;border:2px solid #edb526;border-radius:99999px;box-shadow:0 0 4px #f9b70f}@media (hover: hover) and (pointer: fine){.home-component #portfolio-link:hover{box-shadow:0 0 6px 1px #f9b70f}}.home-component #portfolio-link.load-failed{padding-inline:8px;background:transparent}.home-component #portfolio-link.load-failed>img{display:none}.home-component #portfolio-link>img{height:64px;border-radius:99999px;pointer-events:none}.layout-component #settings-bar{width:100%;background:var(--background-color-accent);color:var(--background-color-accent-foreground-primary)}.layout-component #settings-bar label{--hover-glow-color: var(--background-color-accent-foreground-primary);display:inline flow-root;padding:12px 16px;font-weight:500}.layout-component #settings-bar label input[type=checkbox]{transform:translateY(20%)}.layout-component main{flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:32px 16px 16px;outline-offset:-4px}.quiz-component{--drag-width: 299px}.quiz-component details{margin-bottom:16px}.quiz-component details summary>*{display:inline flow-root}.quiz-component details.quiz-instructions summary::marker{font-size:1.5rem}.quiz-component details.quiz-instructions ol{margin:0 auto 48px;font-size:1.2rem;font-weight:700}.quiz-component details.quiz-instructions ol>ul{font-size:1rem;font-weight:400;padding-inline-start:20px}.quiz-component details.quiz-instructions ol li{text-align:left;margin-block:.25rem}.quiz-component #quiz-type-description{display:inline flex;padding-inline:8px}.quiz-component .quiz-message{margin-block:8px}.quiz-component .quiz-outcome-message{margin-block:8px;font-size:1.25rem}.quiz-component .quiz-action-button{margin-block:16px 48px}.quiz-component .quiz-action-button.give-up{margin-top:250px}.quiz-component .quiz-action-button .level-up-background{display:none}.quiz-component .quiz-action-button.level-up{outline-offset:2px;font-size:1.25rem}.quiz-component .quiz-action-button.level-up .button-shell{text-shadow:0 0 2px black,0 0 3px black,0 0 4px black;box-shadow:0 2px 8px 2px var(--shadow-color);background-color:var(--shadow-color);overflow:hidden;position:relative}.quiz-component .quiz-action-button.level-up .button-shell:after{content:"";display:block;border:3px solid transparent;position:absolute;inset:0;border-radius:inherit;filter:blur(.5px);background-clip:padding-box;background-color:#00000040}.quiz-component .quiz-action-button.level-up .button-shell .level-up-content{position:relative;z-index:1}@media (hover: hover) and (pointer: fine){.quiz-component .quiz-action-button.level-up:hover:not(:disabled):not(:active){transform:scale(var(--button-hover-scale))}.quiz-component .quiz-action-button.level-up:hover:not(:disabled) .button-shell:after{filter:brightness(var(--light-hover-brightness));background-color:#0006}}.quiz-component .quiz-action-button.level-up .level-up-background{display:block;position:absolute;width:calc(100% + var(--layout-max-width));height:calc(100% + var(--layout-max-width));inset:calc(-.5 * var(--layout-max-width));filter:blur(10px);background-image:conic-gradient(red,#ffbf00 6.25%,#ffef00,#dfff00 9.38%,#7fff00,#20ff00 15.62%,#00ff10,#00ff40 18.75%,#0ff,#0040ff 31.25%,#0010ff,#2000ff 34.38%,#7f00ff,#df00ff 40.62%,#ff00ef,#ff00bf 43.75%,red,#ffbf00 56.25%,#ffef00,#dfff00 59.38%,#7fff00,#20ff00 65.62%,#00ff10,#00ff40 68.75%,#0ff,#0040ff 81.25%,#0010ff,#2000ff 84.38%,#7f00ff,#df00ff 90.62%,#ff00ef,#ff00bf 93.75%,red)}@media (prefers-color-scheme: dark){.quiz-component .quiz-action-button.level-up .level-up-background{background-image:conic-gradient(#ff8080,#ffdf80 6.25%,#fff780,#efff80 9.38%,#bfff80,#90ff80 15.62%,#80ff88,#80ffa0 18.75%,#80ffff,#80a0ff 31.25%,#8088ff,#9080ff 34.38%,#bf80ff,#ef80ff 40.62%,#ff80f7,#ff80df 43.75%,#ff8080,#ffdf80 56.25%,#fff780,#efff80 59.38%,#bfff80,#90ff80 65.62%,#80ff88,#80ffa0 68.75%,#80ffff,#80a0ff 81.25%,#8088ff,#9080ff 84.38%,#bf80ff,#ef80ff 90.62%,#ff80f7,#ff80df 93.75%,#ff8080)}}@media not (prefers-reduced-motion: reduce){.quiz-component .quiz-action-button.level-up .level-up-background{animation:rainbowMotion 12s infinite linear}}.quiz-component .draggable-country{clear:both;width:var(--drag-width);max-width:100%;margin:auto;padding:12px;border-radius:8px;background:var(--background-color-primary)}.quiz-component .draggable-country.being-dragged-over:not(li:has(.dragged)+li :is(.quiz-component .draggable-country.being-dragged-over)){border-top:8px solid var(--background-color-accent);border-radius:0;padding-block:8px 16px;margin-block:-4px -4px}.quiz-component .draggable-country.being-dragged-over:not(li:has(.dragged)+li :is(.quiz-component .draggable-country.being-dragged-over))>*{pointer-events:none}li:has(.dragged)+li :is(.quiz-component .draggable-country.being-dragged-over){padding-bottom:16px;margin-bottom:-4px}.quiz-component .draggable-country.selected,.quiz-component .draggable-country.dragged{padding:10px;border:2px dashed var(--background-color-accent);color:var(--background-color-primary-foreground-accent)}.quiz-component .draggable-country.dragged{transition:color .1s 0s allow-discrete,border .1s 0s allow-discrete}.quiz-component .draggable-country.dragged .button-controls{visibility:hidden}.quiz-component .draggable-country.locked-in{cursor:default}.quiz-component .draggable-country.locked-in .grip{display:none}.quiz-component .draggable-country:not(.locked-in) .check-mark{visibility:hidden}@media (hover: hover) and (pointer: fine){.quiz-component .draggable-country[draggable=true]:hover:not(.locked-in):not(.dragged){filter:brightness(.9);cursor:move;border:2px solid var(--background-color-accent);padding:10px}}.quiz-component .draggable-country .button-controls{float:right;display:flex;gap:8px;margin-left:12px}.quiz-component .draggable-country .button-controls button{margin-block:-2px;outline-offset:2px}.quiz-component .draggable-country .button-controls button .button-shell{border-width:2px;padding:0 8px;box-shadow:0 1px 1px 0 var(--shadow-color)}.quiz-component .draggable-country .button-controls button.remove-button .button-shell>span{display:inline flow-root;transform:rotate(45deg);transform-origin:50% 45%}.quiz-component .draggable-country .symbol-wrapper .grip{float:left;width:0}.quiz-component .draggable-country .image-dialog-button{margin-top:8px}.quiz-component .quiz-controls{margin-block:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:var(--layout-max-width);max-width:100%}.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list{padding:16px;max-width:100%;border-radius:16px;border:8px solid var(--background-color-accent);box-shadow:0 0 3px 1px var(--background-color-accent);text-align:left}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h2,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h3,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h4,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h5,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h6,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>div>p{margin:auto;text-align:center;width:100%;max-width:315px}:is(:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h2,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h3,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h4,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h5,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h6,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>div>p):not(.draggable-country-pool:has(.draggable-country-pool)>:is(:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h2,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h3,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h4,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h5,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h6,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>div>p)){max-width:var(--drag-width)}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h2{font-size:1.25rem}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>h3{font-size:1.15rem}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>div>p{font-weight:700;text-align:left;padding-inline:8px}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>p{margin:auto;text-align:center;padding:12px 16px;width:315px;max-width:100%}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>p:not(.draggable-country-pool:has(.draggable-country-pool)>:is(:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>p)){width:var(--drag-width)}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list)>.content-below-header{padding:4px 16px;width:var(--drag-width);max-width:100%;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) ul,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) ol{list-style:none;padding:0;margin:0}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool{border-width:4px;margin-top:8px;padding:4px}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool>h2,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool>h3,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool>h4,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool>h5,:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool>h6{padding-inline:8px;max-width:var(--drag-width)}:is(.quiz-component .quiz-controls .draggable-country-pool,.quiz-component .quiz-controls .draggable-country-list) .draggable-country-pool>p{clear:both}.quiz-component .quiz-controls .draggable-country-list{padding:16px 16px 24px}.quiz-component .quiz-controls .draggable-country-list,.quiz-component .quiz-controls .draggable-country-pool.target-container{border-color:#ffffff4d}@media not (prefers-reduced-motion: reduce){:is(.quiz-component .quiz-controls .draggable-country-list,.quiz-component .quiz-controls .draggable-country-pool.target-container).shake{animation:animateShake .25s 2 ease-in-out}}.quiz-component .quiz-controls .draggable-country-list.being-dragged-over:not(:has(.draggable-country)){border-color:var(--background-color-accent)}.quiz-component .quiz-controls .draggable-country-list.being-dragged-over>*{pointer-events:none}.quiz-component .quiz-controls .draggable-country-list.being-dragged-over .draggable-country{pointer-events:all}.quiz-component .quiz-controls .draggable-country-list.being-dragged-over li:last-child>.draggable-country:not(.dragged){border-bottom:8px solid var(--background-color-accent);border-radius:0;padding-bottom:8px;margin-bottom:-4px}.quiz-component .quiz-controls .draggable-country-pool{border-color:#0000004d}.quiz-component .quiz-controls .draggable-country-pool.being-dragged-over:not(:has(.dragged)){border-color:var(--background-color-accent)}.quiz-component .quiz-controls .draggable-country-pool.being-dragged-over>*{pointer-events:none}.quiz-component .quiz-controls .draggable-country-pool .target-for-add-button{outline-offset:2px;font-weight:400;font-size:1rem}.quiz-component .quiz-controls .draggable-country-pool .target-for-add-button.hidden{visibility:hidden}.quiz-component .quiz-controls .draggable-country-pool .target-for-add-button .button-shell{border-width:2px;padding:0 8px;box-shadow:0 1px 1px 0 var(--shadow-color);overflow:hidden}.quiz-component .quiz-controls .draggable-country-pool .target-for-add-button .button-shell>span{display:inline flow-root;transform:scale(2)}.quiz-component .quiz-controls .draggable-country-pool .target-for-add-button:not(.draggable-country-pool>.button-component :is(.quiz-component .quiz-controls .draggable-country-pool .target-for-add-button)){visibility:hidden}.quiz-component .quiz-controls .draggable-country-pool>.button-component>.target-for-add-button{float:right;margin:0 0 2px 8px}.quiz-component .quiz-controls .draggable-country-pool.target-for-add{border-style:dashed;border-color:var(--background-color-accent)}.quiz-component .quiz-controls figure:not(dialog figure){padding:8px;max-width:var(--drag-width)}.quiz-component .quiz-controls figure:not(dialog figure) button.image-dialog-button{position:relative;z-index:1;float:left;margin:0 16px 8px 0}.quiz-component .quiz-controls figure:not(dialog figure) button.image-dialog-button img.flag{width:100px}.quiz-component .quiz-controls figure:not(dialog figure) details{margin:0}.quiz-component .quiz-controls figure:not(dialog figure) details summary{padding:0 4px 8px}@keyframes rainbowMotion{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes animateShake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(0)}75%{transform:translate(8px)}to{transform:translate(0)}}@font-face{font-family:Symbola;src:url(/Symbola.ttf)}*,*:before,*:after{box-sizing:border-box;flex:0 0 auto;min-width:0;min-height:0}:root{--layout-max-width: 1280px;--light-hover-brightness: .85;--background-color-primary: #e9e9e9;--background-color-primary-foreground-primary: #29273a;--background-color-primary-foreground-accent: #5a4dd3;--danger-color: #c50000;--background-color-accent: #10009e;--light-dark-hover-brightness: var(--light-hover-brightness);--background-color-accent-foreground-primary: #e9e9e9;--shadow-color: rgba(0, 0, 0, .5);--shadow-color-foreground: white;color-scheme:light dark;background-color:var(--background-color-primary);color:var(--background-color-primary-foreground-primary);accent-color:var(--background-color-primary-foreground-accent);font-family:system-ui,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme: dark){:root{--background-color-primary: #29273a;--background-color-primary-foreground-primary: #e9e9e9;--background-color-primary-foreground-accent: #a099e1;--danger-color: #ffb3b3;--background-color-accent: #565091;--light-dark-hover-brightness: .6}}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}#root{width:100%;height:100%;overflow:auto;display:flex;flex-direction:column;text-align:center}.symbol-font{font-family:Symbola,system-ui,Arial,sans-serif}strong{font-weight:500}nav{width:100%;background:var(--background-color-accent);color:var(--background-color-accent-foreground-primary)}nav ul{width:100%;max-width:var(--layout-max-width);list-style:none;padding:0;margin:0 auto;display:flex;flex-wrap:wrap}nav ul a{display:inline flow-root;background:var(--background-color-accent);color:inherit;text-decoration:inherit;padding:12px 16px;height:100%;outline-offset:-4px}nav ul a.active,nav ul a.active:hover{background:var(--background-color-primary);color:var(--background-color-primary-foreground-accent)}@media (prefers-contrast: more){nav ul a.active,nav ul a.active:hover{border-bottom:2px solid var(--background-color-primary-foreground-accent);padding-bottom:10px}}@media (hover: hover) and (pointer: fine){nav ul a:hover{filter:brightness(var(--light-hover-brightness));color:inherit}}@media (hover: hover) and (pointer: fine) and (prefers-contrast: more){nav ul a:hover{filter:brightness(var(--light-dark-hover-brightness))}}.sr-only{position:absolute;width:0;height:0;padding:0;margin:0;border-width:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}label{--hover-glow-color: var(--background-color-primary-foreground-accent);cursor:pointer}label input[type=radio],label input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0 6px 0 0;transform:translateY(10%);cursor:inherit}@media (hover: hover) and (pointer: fine){label:hover input{filter:drop-shadow(0 0 4px var(--hover-glow-color))}}h1{font-size:2.5rem;font-weight:700;margin:16px 0;padding-inline:.5rem}h2{font-size:1.5rem;font-weight:500;margin:8px 0}h3{font-size:1.2rem;font-weight:700;margin:16px 0}p{margin:0}a{font-weight:700;color:var(--background-color-primary-foreground-accent);text-underline-offset:.1em;text-decoration-thickness:.05em;text-decoration-style:dotted}@media (hover: hover) and (pointer: fine){a:hover{text-decoration-style:solid;text-decoration-thickness:.15em}}.danger{color:var(--danger-color)}dialog{box-shadow:0 3px 8px 1px var(--shadow-color)}details summary{padding-inline:16px;border-radius:8px;width:max-content;margin-inline:auto;cursor:pointer;background:var(--background-color-primary);transition:filter .1s ease-in-out}@media (hover: hover) and (pointer: fine){details summary:hover:not(:disabled){filter:brightness(var(--light-dark-hover-brightness))}}figure{margin:auto}figure figcaption p{padding-top:8px;font-size:.875rem;font-weight:500}dl{max-width:100%}dl.country-data-list,dl.quiz-data-list{max-width:var(--layout-max-width);width:100%;display:flex;flex-direction:column;gap:16px 32px;margin:8px 0 16px}:is(dl.country-data-list,dl.quiz-data-list) dt{font-weight:700}:is(dl.country-data-list,dl.quiz-data-list) dd{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}:is(dl.country-data-list,dl.quiz-data-list) dd>*{flex-shrink:1}:is(dl.country-data-list,dl.quiz-data-list) dd.large-number{font-size:2rem}dl.country-data-list .country-data-wrapper{flex-shrink:1;display:flex;flex-direction:column;gap:16px 32px}@media (min-width: 600px){dl.country-data-list{display:grid;grid-template-columns:1fr 1fr}}dl.quiz-data-list .quiz-data-wrapper{flex-shrink:1;display:flex;justify-content:center;gap:16px 32px;flex-wrap:wrap}dl.quiz-data-list .quiz-data-wrapper>div{flex-shrink:1}.error{color:var(--danger-color);padding-inline:8px;font-weight:500}.flag{display:inline flow-root;max-width:100%;border:1px solid transparent;filter:drop-shadow(0 2px 3px black)}.flag.load-failed,.load-failed .flag{filter:none;border:none}.smooth-loading{opacity:0;transition:opacity .3s ease-in-out}.smooth-loading.with-max-height{padding:8px;margin:-8px;width:calc(100% + 16px);overflow:hidden;max-height:0;transition:opacity .3s ease-in-out,max-height 3s ease-in-out,overflow .3s allow-discrete step-end}.smooth-loading.with-max-height,.smooth-loading.with-max-height img{object-fit:contain}.smooth-loading.done-loading{opacity:1}.smooth-loading.done-loading.with-max-height{max-height:9999px;overflow:visible}.component-wrapper{display:contents}@keyframes animateScale{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}