.render-with-loading-component{display:contents}.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}}@keyframes animateScale{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.countries-component{display:contents}.countries-component label{margin-block:16px;display:flex;flex-direction:column;font-weight:700;max-width:100%}.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))}.countries-component .directory ul li,.countries-component .directory ul a{width:100%}@media (max-width: 900px){.countries-component .directory ul{grid-template-columns:repeat(2,minmax(auto,1fr))}}@media (max-width: 500px){.countries-component .directory ul{grid-template-columns:minmax(auto,1fr)}}.flag{max-width:100%;width:300px;background:var(--shadow-color);color:var(--shadow-color-foreground);border:1px solid var(--shadow-color);box-shadow:0 4px 8px 0 var(--shadow-color);margin-block:6px}.load-failed .flag{padding:4px 8px}.home-component{display:contents}.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;background-color:#edb526;border:2px solid #edb526;border-radius:99999px;box-shadow:0 0 4px #f9b70f}@media (hover: hover){.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:128px;border-radius:99999px;pointer-events:none}.layout-component{display:contents}.layout-component #settings-bar{width:100%;background:var(--background-color-accent);color:var(--background-color-accent-foreground-primary)}.layout-component #settings-bar label{display:inline flow-root;cursor:pointer;padding:12px 16px;font-weight:500}.layout-component #settings-bar label input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0 6px 0 0;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{display:contents}.quiz-component details{margin-bottom:16px}.quiz-component details summary{padding-inline:16px;cursor:pointer}.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}.quiz-component details.quiz-instructions ol li{text-align:left;margin-block:.25rem}.quiz-component .quiz-outcome-message{margin-block:8px;font-size:1.25rem}.quiz-component .quiz-action-button{margin-block:16px}.quiz-component .draggable-country{width:299px;max-width:100%;margin:auto;padding:12px;border-radius:8px;background:var(--background-color-primary)}.quiz-component .draggable-country.being-dragged-over:not(.dragged+: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(.dragged+:is(.quiz-component .draggable-country.being-dragged-over))>*{pointer-events:none}.dragged+: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{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){.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;border-width:2px;padding:0 8px;box-shadow:0 1px 1px 0 var(--shadow-color);outline-offset:2px}.quiz-component .draggable-country .button-controls button.remove-button{border-color:var(--danger-color);background:var(--background-color-primary);color:var(--danger-color)}.quiz-component .draggable-country .button-controls button.remove-button>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 .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)>p,: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{margin:auto;text-align:center;max-width:315px}: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)>p{padding:12px 16px;width:299px;max-width:100%}: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:299px}.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}@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;--background-color-primary: #e9e9e9;--background-color-primary-foreground-primary: #29273a;--background-color-primary-foreground-accent: #5a4dd3;--danger-color: #c50000;--background-color-accent: #10009e;--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;--background-color-accent-foreground-primary: #e9e9e9;--shadow-color: rgba(0, 0, 0, .5);--shadow-color-foreground: white}}html,body{margin:0;padding:0;height:100%}#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}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){nav ul a:hover{color:inherit;filter:brightness(.85)}}.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}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}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){a:hover{text-decoration-style:solid;text-decoration-thickness:.15em}}.danger{color:var(--danger-color)}button{background:var(--background-color-accent);color:var(--background-color-accent-foreground-primary);font-weight:700;font-size:inherit;font-family:inherit;padding:12px 16px;outline-offset:-4px;border-radius:8px;border:1px solid var(--shadow-color);box-shadow:0 2px 4px 0 var(--shadow-color)}@media (hover: hover){button:hover:not(:disabled){cursor:pointer;filter:brightness(.85)}}button:disabled{opacity:.5}button.danger{background:var(--danger-color);color:var(--background-color-primary)}dl{max-width:100%}dl.country-data-list,dl.quiz-data-list{max-width:var(--layout-max-width);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;justify-content: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}.smooth-loading{opacity:0;transition:opacity .3s ease-in-out}.smooth-loading.done-loading{opacity:1}