:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input{font-family:Source Sans Pro,sans-serif}.buButton{-webkit-appearance:none;appearance:none;background-color:#c00;border:none;border-radius:1em;color:#fff;cursor:pointer;font-weight:600;padding:.2em 1em}.AboutModal{background-color:#fff;height:100%;left:0;padding-top:4em;position:fixed;top:0;width:100%;z-index:98}.AboutModal .content{margin:0 auto;max-width:40em;position:relative}.AboutModal .content .copy{max-height:calc(100vh - 8em);overflow-y:auto;padding-right:2em}.AboutModal .close{cursor:pointer;font-size:3em;position:absolute;right:-2em;top:0 em}.AboutModal p+p{margin-top:1em}.AboutModal .aboutHead{margin:1em 0}.AboutModal a{color:#c00;text-decoration:underline}header.header{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}header.header .header__logo{height:32px;width:313px}header.header h1{font-size:1.5em;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}header.header .menu{display:flex;font-size:.85rem}header.header .menu button{-webkit-appearance:none;appearance:none;background:none;border:0;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-right:16px}header.header .menu img{height:1rem;margin-left:1rem;width:1rem}header.header .languageSelector{display:flex;font-size:14px;font-weight:600;line-height:2em;margin-right:8px}header.header .languageSelector .group{display:flex}header.header .languageSelector .language{cursor:pointer;margin-left:1em}header.header .languageSelector .language.selected{border-bottom:2px solid #fff}header.header .links{align-items:center;display:flex}.showPreview header.header .links{display:none}.sizeContainer{left:0;margin:0 auto;position:relative}.sizeContainer.inIntro{position:fixed;top:0}.sizeContainer .mapContainer{cursor:move;height:100%;overflow:hidden;position:relative;touch-action:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.sizeContainer .mapContainer .transformContainer{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform-origin:0 0 0;transition:transform .6s cubic-bezier(.77,0,.175,1);will-change:transform}.sizeContainer .mapContainer.transition .stack path,.sizeContainer .mapContainer.transition path.shadow{opacity:0}.sizeContainer .controls{left:1rem;position:absolute;top:1rem;z-index:20}.sizeContainer .controls .rippleButton{height:26px;margin-bottom:4px}.sizeContainer .controls button{background:#fff;border:1px solid #666;border-radius:4px;color:#000;cursor:pointer;font-size:12pt;font-weight:700;height:26px;line-height:22px;margin:0!important;outline:none;padding:0 0 2px!important;text-align:center;width:26px!important}.sizeContainer .controls button img{margin:2px 2.5px;width:20px}.sizeContainer .controls button.inactive{background:#c8c8c6!important}.sizeContainer .colorScale{background-color:#cbf2ff80;border-bottom-left-radius:.5em;padding:calc(1em - 3px) 1em 1em;position:absolute;right:0;top:0;z-index:20}.sizeContainer .colorScale .tick{display:inline-block;font-size:.7em;text-align:center}.sizeContainer .colorScale .tick .tickFill{height:15px;width:45px}.sizeContainer .colorScale .tick .tickLabel{margin-top:2px}.sizeContainer .countryColorScale{background-color:#fff9;bottom:3em;font-size:.875em;left:20px;padding:.5em 2em .5em 1em;position:absolute;z-index:10}.sizeContainer .countryColorScale svg{overflow:visible}.sizeContainer .graphTitles{font-size:1.4em;left:20px;position:absolute;top:20px;z-index:95}.sizeContainer .graphTitles .year{color:#c00;font-size:.875em}.sizeContainer .graphTitles .countryLabel{font-size:1.125em;font-weight:700;text-transform:uppercase}.Map{overflow:visible}.Map .background{fill:#ccc}.Map .country,.Map .region{transition:fill .3s cubic-bezier(.77,0,.175,1);will-change:fill}.Map .country.clickable:hover{fill:#eee}.Map .stack path{cursor:pointer}.Map g.shadow,.Map g.stack{transition:transform .3s ease-in-out}.Map .stack path:last-child{pointer-events:none}@media screen and (max-width:812px){.sizeContainer .colorScale{font-size:.75em;padding:.5em}}@media screen and (max-width:414px){.sizeContainer .controls{left:.5em;top:.5em}.sizeContainer .controls .rippleButton{height:19px;margin-bottom:2px}.sizeContainer .controls .rippleButton button{height:19px;line-height:14px;padding:0!important;width:19px!important}.sizeContainer .controls .rippleButton button img{width:14px}.sizeContainer .colorScale{padding-right:.75em;padding-top:.75em}.sizeContainer .colorScale .tick .tickFill{width:35px}}.loanTable{margin:20px;width:100%}.loanTable .expandAllButton{color:#c00;cursor:pointer;font-size:.7777em;font-weight:600;margin-left:.5em;text-decoration:underline;text-transform:none}.loanTable .tableTitle{align-items:baseline;display:flex;font-size:1.125em;font-weight:700;margin:.5em;text-transform:uppercase}.loanTable table.mainTable{border-collapse:collapse;table-layout:fixed;width:calc(100% - 40px)}.loanTable table.mainTable+table{margin-top:1em}.loanTable table.mainTable td{padding:.3em .3em .3em 1em}.loanTable table.mainTable td:last-child{text-align:right}.loanTable table.mainTable .widthRow td{padding:0}.loanTable table.mainTable .alignRight{text-align:right}.loanTable table.mainTable .loanRow{font-size:.875em}.loanTable .chevron{cursor:pointer;margin-right:.2em;transition:transform .3s ease-in-out}.loanTable .chevron.white{filter:invert(100%);margin-right:1em}.loanTable .chevron.expanded{transform:rotate(90deg)}.filters{background-color:#fbfbfa;box-shadow:0 0 6px #00000029;display:flex;justify-content:space-between;margin-right:40px;padding:10px 20px;width:100%}.myTooltip{max-width:30em;text-align:center}.YearFilterGraph{display:inline-block;position:relative}.YearFilterGraph .reset{position:absolute;right:0;top:0}.YearFilterGraph .graphContainer{position:relative}.YearFilterGraph line{transition:opacity .3s ease-in-out}.YearFilterGraph svg{overflow:visible}.TypeFilterGraph{display:inline-block;position:relative}.TypeFilterGraph .reset{position:absolute;right:0;top:0}.TypeFilterGraph .graphContainer{position:relative}.TypeFilterGraph rect{transition:opacity .3s ease-in-out}.TypeFilterGraph .lenderExplainer{background-color:#fff;border-radius:.5em;box-shadow:0 1px 3px #00000080;font-size:.85em;font-weight:600;left:60px;position:absolute;top:24px;z-index:100}.TypeFilterGraph .lenderExplainer table{border-collapse:collapse;border-radius:.5em}.TypeFilterGraph .lenderExplainer table td{max-width:30em;padding:.2em .5em}.TypeFilterGraph .lenderExplainer table thead td{background-color:#707070;color:#fff;padding:.5em;vertical-align:top}.TypeFilterGraph .lenderExplainer table thead td:first-child{border-top-left-radius:.5em}.TypeFilterGraph .lenderExplainer table thead td:last-child{border-top-right-radius:.5em}.tableControls{align-items:center;background-color:#fbfbfa;box-shadow:0 3px 3px #00000029;color:#00000080;display:flex;font-size:.875em;justify-content:space-between}.tableControls .backToIntro{background:#0000 url(/gdp/chinese-loans-to-africa-database/static/media/backArrow.9b07e4e04aa85b3c9581.svg) no-repeat left 20px center;border-right:1px solid #ccc;color:#000;cursor:pointer;font-weight:700;padding:.9em 1em .9em 2.5em;text-transform:uppercase}.tableControls .tableButtons{display:flex;padding:.5em 20px}.tableControls .toggleLabel{color:#000;font-weight:600}.tableControls .toggle{align-items:center;display:flex}.tableControls .toggle+.toggle{margin-left:2em}.tableControls .toggle .buttons{border:1px solid #00000080;border-radius:1em;display:inline-block;margin-left:1em}.tableControls .toggle button{-webkit-appearance:none;appearance:none;background-color:initial;border:0;border-radius:1em;color:#00000080;cursor:pointer;font-size:1em;font-weight:600;padding:.2em .75em;text-transform:uppercase}.tableControls .toggle button.active{background:#c00;border:1px solid #c00;color:#fff;transform:scale(1.1)}.App{position:relative}.App *{box-sizing:border-box}.App * h1,.App * h2,.App * h3,.App * h4,.App * h5,.App * h6,.App * p{margin:0;padding:0}.App .container,.App .intro{position:relative}.App .intro{font-weight:700;left:0;pointer-events:none;top:0;z-index:10}.App .intro .highlight{color:#c00}.App .intro .intro__text{align-items:center;display:flex;flex-direction:row;justify-content:center;pointer-events:all;pointer-events:none;text-align:center}.App .intro .intro__text:last-child{pointer-events:none}.App .intro .intro__text .textWrapper{background-color:#fff9;border-radius:1em;box-shadow:0 3px 6px #00000029;font-size:1.125em;line-height:1.25em;max-width:40em;padding:1em;pointer-events:all}.App .exploreButton{bottom:2em;left:50%;position:fixed;text-align:center;transform:translateX(-50%)}.App .exploreButton button{cursor:pointer;font-size:1.125em}.App .exploreButton .scrollToContinue{font-size:.875em;margin-top:.5em;opacity:.6;transition:opacity .3s ease-in-out}.App .exploreButton .scrollToContinue.hideScrollToContinue{opacity:0}.App.showPreview .exploreButton{display:none}.App .resetMap{position:absolute;right:20px;top:4em}.App .tooltip{background-color:#fff;border-radius:.5em;box-shadow:0 1px 3px #00000080;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;z-index:1000}.App .tooltip .tooltipHeader{background-color:#ebebe6;border-top-left-radius:.5em;border-top-right-radius:.5em;padding:.5em}.App .tooltip .tooltip__title{font-size:1.125em;font-weight:700;margin-top:.25em}.App .tooltip .instruction{font-size:.875em}.App .tooltip .tooltipContent{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;padding:.5em}.App .instruction{color:#c00;font-size:.875em}.App .table-instructions{background:#ffffff4d;height:100%;margin-top:3em;position:fixed;width:100%;z-index:97}.App .table-instructions .table-instructions__text{background-color:#ffffffe6;border:1px solid #c00;border-radius:.5em;color:#c00;display:inline-block;font-size:1.25em;font-weight:700;left:50%;padding:2em;pointer-events:none;position:relative;position:absolute;text-align:center;top:8em;transform:translateX(-50%);width:26em}.App .table-instructions .table-instructions__text .close{color:#000;cursor:pointer;font-size:1.5em;pointer-events:all;position:absolute;right:1rem;top:0}
/*# sourceMappingURL=main.aa87a8bc.css.map*/