.prompts-popup-flexbox{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;pointer-events:none;z-index:5}.prompts-popup{position:relative;box-shadow:4.6px 9.3px 9.3px #0000005c;display:none;width:80%;height:90%;background:#fff;border:1px solid black;padding:20px;overflow-y:scroll;border-radius:4px;max-width:1200px;pointer-events:visible;z-index:6}.prompts-popup>p,.prompts-popup>div{max-width:1152px}.prompts-popup .close-cross{position:absolute;right:10px;top:10px;font-size:var(--font-large);cursor:pointer}.prompts-popup .close-cross:hover{color:#fff;background:#000}.prompts-popup span.prompt-hover{height:30px;transition:height .3s ease}.prompts-popup span.prompt-hover:hover{height:40px}.prompts-popup .text-stats span{margin-right:1em}.prompts-popup .prompt{margin-top:30px}.prompts-popup .prompt em{font-weight:700;font-style:normal;font-size:var(--font-medium)}.prompts-popup .other-bot{cursor:pointer;color:#005f87}.prompts-popup .other-bot:hover{text-decoration:underline}.prompts-popup .clip-effect{display:inline-block;overflow:hidden;white-space:nowrap;animation:reveal .5s linear forwards}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.header{position:absolute;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;grid-template-areas:"logo title input";align-items:end;justify-content:start;row-gap:5px;column-gap:5px;pointer-events:none}@media (max-width: 768px),(max-height: 768px){.header{grid-template-columns:40px auto;grid-template-rows:35px 20px;grid-template-areas:"logo title" "input input";align-items:start}}.header .logo{grid-area:logo;pointer-events:none;height:40px}.header .title{grid-area:title;pointer-events:none}.header .input{grid-area:input;margin-bottom:.05em}.header .input select{opacity:.5;font-size:var(--font-tiny);border:1px solid transparent;border-radius:3px;padding-top:2px;padding-bottom:2px;background-color:#ffffff80;color:#444;cursor:pointer;pointer-events:visible}.header .input select:hover{opacity:1;border:1px solid #000;color:#000;background-color:#fff}.questions-section{flex:none}.question-icon{flex:1 1 calc(14% + 2px);margin:2px;box-sizing:border-box;cursor:pointer}.question-icon img{width:100%}.questions-section .question-icon-container{max-width:300px;display:flex;flex-wrap:wrap;justify-content:space-between}.questions-section .question-pile-container{display:grid;grid-template-columns:repeat(18,1fr)}.questions-section .question-pile{line-height:10px;max-width:75px}.questions-section .question-rect{display:inline-block;width:10px;height:10px;border:1px solid white;cursor:pointer}:root{--tooltip-shadow-color: rgba(0,0,0,1)}.tooltip{display:none;border:1px solid black;border-radius:8px;position:absolute;background-color:#fff;overflow:hidden;pointer-events:none;padding:5px;box-shadow:0 7px 14px 2px var(--shadow-color);-webkit-box-shadow:0px 7px 14px 2px var(--shadow-color);-moz-box-shadow:0px 7px 14px 2px var(--shadow-color);border:2px solid var(--shadow-color);column-gap:5px;row-gap:10px;align-items:center}.tooltip:not(.rtl){grid-template-columns:5.5em auto auto auto;grid-template-rows:auto auto;grid-template-areas:"title title title icon" "ctext cpercent link link"}.tooltip.rtl{grid-template-columns:auto auto auto 5.5em;grid-template-rows:auto auto;grid-template-areas:"icon title title title" "link link cpercent ctext";text-align:right}.tooltip .title{grid-area:title;font-size:var(--font-large);font-weight:700}.tooltip .icon{grid-area:icon}.tooltip .icon img{width:40px}.tooltip .correct-text{grid-area:ctext;font-size:var(--font-small);text-transform:uppercase}.tooltip .correct-percent{grid-area:cpercent;font-size:var(--font-large)}.tooltip .link-to-more{grid-area:link;pointer-events:visible;text-decoration:underline;color:#00f}@media (max-width: 768px),(max-height: 768px){.tooltip .title{font-size:var(--font-medium)}.tooltip .correct-text{font-size:var(--font-micro)}.tooltip .correct-percent{font-size:var(--font-medium)}.tooltip .icon{display:none}.tooltip .link-to-more{font-size:var(--font-tiny)}.tooltip:not(.rtl),.tooltip.rtl{grid-template-columns:3.5em auto;grid-template-rows:auto auto auto;grid-template-areas:"title title" "ctext cpercent" "link link";text-align:left}}:root{--font-large: 26px;--font-medium: 20px;--font-small: 16px;--font-tiny: 14px;--font-micro: 10px}.correct{font-weight:700;color:#006400}.wrong{font-weight:700;color:orange}.verywrong{font-weight:700;color:red}html,body{height:100vh;margin:0}.app-container{visibility:hidden;font-family:sans-serif;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(250px,20%) auto;grid-template-areas:"sidebar-top main-view" "sidebar-bottom main-view";column-gap:15px;width:100%;height:100%;max-height:100vh;max-width:2000px;margin:auto}@media (max-width: 768px),(max-height: 768px){.app-container{grid-template-rows:auto auto auto;grid-template-columns:1fr;grid-template-areas:"sidebar-top" "main-view" "sidebar-bottom"}}.sidebar{width:100%;max-height:100vh;overflow:hidden;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto}.sidebar-top{grid-area:sidebar-top;align-self:start;padding-top:10px}.sidebar-bottom{grid-area:sidebar-bottom;display:flex;flex-direction:column;align-self:end;height:100%}.sidebar>div{padding-left:10px;padding-right:10px}.info-static .title,.info-static .intro{display:flex;flex-wrap:wrap;width:100%;max-width:300px}.info-static text{fill:#1fa0a9;font-family:sans-serif}.info-static .video{display:inline-block;width:100%;max-width:500px}.info-static .video iframe{display:inline-block;width:100%;aspect-ratio:16/9}.sidebar .hoverHint{font-size:var(--font-medium);max-width:460px}.sidebar .colorlegend{font-size:var(--font-medium)}.info-image{width:50px;height:50px;margin-bottom:10px}.info-image img{width:100%}.info-hint-topics{flex:none}.info-menu{flex:none;margin-top:10px;margin-bottom:10px}.info-menu-item svg{height:20px;position:relative;top:.2em;fill:#aaa;cursor:pointer}.info-menu-item a{font-size:var(--font-small);color:#aaa;text-decoration:none}.info-menu-item:hover a{color:#00f;text-decoration:underline}.info-menu-item:hover svg{fill:#00f}.info-question-details,.info-sdg-details{flex-grow:1;overflow:auto;min-height:0;font-size:var(--font-medium)}.info-sdg-details{margin-top:50px;margin-bottom:50px}.info-question-details p,.info-question-details h2,.info-sdg-details p,.info-sdg-details h2{margin-top:.5em;margin-bottom:.5em}.info-question-details p.ungoalheader{font-size:var(--font-small);margin-bottom:0}.info-question-details h2{font-size:var(--font-large)}.info-sdg-details a,.info-question-details a{text-decoration:underline;color:#00f;cursor:pointer;font-size:var(--font-small)}.chart-section{grid-area:main-view;padding-top:20px;position:relative;overflow-x:hidden;overflow-y:auto}@media (max-width: 768px),(max-height: 768px){.chart-section{overflow-y:hidden}}.chart-section .track{position:relative;z-index:0}.chart-section .chimp{position:absolute;width:60px}canvas{position:relative}.chart-section .xaxis text,.chart-section .xaxistext{font-size:var(--font-small)}