:root{--chevron-purple: url('data:image/svg+xml,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(28, 18, 131)" d="m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z" /></svg>');--chevron-orange: url('data:image/svg+xml,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(254, 66, 18)" d="m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z" /></svg>')}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 40px 8px 16px;height:40px;border:none;box-shadow:inset 0 0 0 2px var(--purple);border-radius:20px;cursor:pointer;background-color:#fff;text-overflow:ellipsis;font-family:inherit;color:var(--purple);font-weight:600;background-repeat:no-repeat;background-position:calc(100% - 16px) center;background-size:16px;background-image:var(--chevron-purple)}select:focus,select:hover{color:var(--orange);background-image:var(--chevron-orange)}.filters{display:flex;flex-wrap:wrap;gap:1rem}.filter-country{width:200px}.filter-year{width:140px}.loading-indicator{display:inline-block;position:relative;width:80px;height:13px}.loading-indicator div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#fe4212;animation-timing-function:cubic-bezier(0,1,1,0)}.loading-indicator div:nth-child(1){left:8px;animation:loading-indicator1 .6s infinite}.loading-indicator div:nth-child(2){left:8px;animation:loading-indicator2 .6s infinite}.loading-indicator div:nth-child(3){left:32px;animation:loading-indicator2 .6s infinite}.loading-indicator div:nth-child(4){left:56px;animation:loading-indicator3 .6s infinite}@keyframes loading-indicator1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading-indicator3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading-indicator2{0%{transform:translate(0)}to{transform:translate(24px)}}.options{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem}.options button{height:40px;padding:8px 16px;border:none;box-shadow:inset 0 0 0 2px var(--purple);border-radius:20px;cursor:pointer;background-color:var(--purple);font-family:inherit;color:#fff;font-weight:600;white-space:nowrap}.options button:focus,.options button:hover{color:var(--purple);background-color:#fff}footer{height:100px;margin-top:3rem;border-top:1px solid var(--grey);background-color:#fff;max-width:100%;padding:1rem;display:flex;justify-content:center}footer>p{width:var(--main-width);display:flex;justify-content:right;align-items:center;margin:0 auto;font-weight:700;font-size:smaller}.chartBox{border:2px solid var(--purple);display:flex;flex-direction:column;justify-content:space-between;background:#fff;min-height:28rem}.chartBox .chartHeading{background:var(--purple);color:#fff;padding:1rem;min-height:5rem}.chartBox h2{font-size:1.1rem;font-weight:600}.chartBox h3{font-size:1rem;font-weight:600}.chartBox .chartWrapper{padding:1rem;flex:1}.chartBox .visualization{width:100%}.chartBox .optionWrapper{display:flex;gap:8px;margin-top:20px}.chartBox .optionWrapper *{min-width:0}.chartBox .optionWrapper select{font-size:14px}.geoMap{position:relative;flex:auto;height:400px}.geoMap .buttonContainer{position:absolute;bottom:8px;right:8px;z-index:1;display:flex;flex-direction:column;gap:4px}.geoMap .buttonContainer button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid var(--purple);font-size:24px;cursor:pointer;background-color:#fff;-webkit-user-select:none;user-select:none}.geoMap .buttonContainer button:hover{color:var(--orange)}.toolTip{position:absolute;z-index:1;pointer-events:none;padding:8px;font-size:11px;border-radius:3px;box-shadow:2px 2px 4px #0000001a;background-color:#fffffff2;border:1px solid #d9d9d9;color:#000;font-weight:400}.toolTip .keyCell{color:gray;max-width:150px;text-align:right;padding-right:4px}.geoMap .attribution{position:absolute;z-index:1;bottom:4px;left:12px;font-size:12px;color:#333}.geoMap .attribution a{color:#333;text-decoration:none}.mapBox{border:2px solid var(--purple);display:flex;flex-direction:column;justify-content:space-between;background:#fff}.mapBox .mapHeading{background:var(--purple);color:#fff;padding:1rem;min-height:5rem}.mapBox h2{font-size:1.1rem;font-weight:600}.mapBox h3{font-size:1rem;font-weight:600}.App{position:relative}header{height:100px;border-bottom:1px solid var(--grey);background-color:#fff;max-width:100%;padding:1rem;display:flex;justify-content:center}header>div{width:var(--main-width);display:flex;justify-content:space-between;align-items:center;margin:0 auto}header img{width:160px}main{max-width:100%;padding:1rem;display:flex;justify-content:center;background-color:#fafafa}.menu{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}main>div{width:var(--main-width)}h1{color:var(--purple);margin-block-end:2rem}p{margin-block-end:2rem}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}@media (min-width: 768px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}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;font-weight:600;line-height:1.5}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{font-family:Open sans,sans-serif;line-height:1.5;font-weight:400;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root{font-family:Open sans,sans-serif;line-height:1.5;font-weight:400;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--purple: #1c1283;--orange: #fe4212;--grey: #f0f0f0;--main-width: 1044px }
