.cnn-sponsorcontent-header {
  font-family: 'CNN Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
  z-index: 300;
  position: relative;
}

.cnn-sponsorcontent-header nav {
  background: #0c0c0c;
  color: #737373;
}

.cnn-sponsorcontent-header ul {
  margin: 0 auto;
  max-width: 1145px;
  position: relative;
  display: flex;
  align-items: center;
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
}

.cnn-sponsorcontent-header nav a {
  text-decoration: none;
  display: block;
  color: inherit;
}

.cnn-sponsorcontent-header nav a:visited {
  color: inherit;
}

.cnn-sponsorcontent-header img {
  display: block;
  height: 60px;
}

.cnn-sponsorcontent-header a:nth-of-type(2)::before {
  content: '<';
}

.cnn-sponsorcontent-header li:nth-of-type(2) a {
  margin-left: 1.5em;
  padding-top: 0.5em;
}

.cnn-sponsorcontent-header > h1 {
  font-family: 'CNN Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
  background-color: #af8d43;
  color: white;
  font-size: 1rem;
  line-height: 1;
  font-weight: normal;
  margin: 0 auto;
  padding: 0.625em 1.25em;
  text-align: center;
  text-transform: uppercase;
}

/* Document
 * ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}/* Sections
 * ========================================================================== *//**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */h1 {
  font-size: 2em;
  margin: 0.67em 0;
}/* Grouping content
 * ========================================================================== *//**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}/**
 * Add the correct display in IE.
 */main {
  display: block;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/* Text-level semantics
 * ========================================================================== *//**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,
strong {
  font-weight: bolder;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/**
 * Add the correct font size in all browsers.
 */small {
  font-size: 80%;
}/* Embedded content
 * ========================================================================== *//**
 * Hide the overflow in IE.
 */svg:not(:root) {
  overflow: hidden;
}/* Forms
 * ========================================================================== *//**
 * Remove the margin on controls in Safari.
 */button,
input,
select {
  margin: 0;
}/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}/**
 * Correct the inability to style buttons in iOS and Safari.
 */button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}/**
 * Correct the padding in Firefox.
 */fieldset {
  padding: 0.35em 0.75em 0.625em;
}/**
 * Show the overflow in Edge 18- and IE.
 */input {
  overflow: visible;
}/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}/**
 * Remove the inheritance of text transform in Firefox.
 */select {
  text-transform: none;
}/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 */textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
}/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */::-webkit-search-decoration {
  -webkit-appearance: none;
}/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */::-moz-focus-inner {
  border-style: none;
  padding: 0;
}/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */:-moz-focusring {
  outline: 1px dotted ButtonText;
}/**
 * Remove the additional :invalid styles in Firefox.
 */:-moz-ui-invalid {
  box-shadow: none;
}/* Interactive
 * ========================================================================== *//*
 * Add the correct display in Edge 18- and IE.
 */details {
  display: block;
}/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  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;
}dialog:not([open]) {
  display: none;
}/*
 * Add the correct display in all browsers.
 */summary {
  display: list-item;
}/* Scripting
 * ========================================================================== *//**
 * Add the correct display in IE.
 */template {
  display: none;
}/* User interaction
 * ========================================================================== */@font-face{font-family:'Metropolis';font-weight:200;font-style:normal;font-display:swap;src:url(Metropolis-ExtraLight.b69e16ad.woff2) format("woff2"),url(Metropolis-ExtraLight.8dcef84d.woff) format("woff")}@font-face{font-family:'Metropolis';font-weight:300;font-style:normal;font-display:swap;src:url(Metropolis-Light.fdb10121.woff2) format("woff2"),url(Metropolis-Light.c0f994f0.woff) format("woff")}@font-face{font-family:'Metropolis';font-weight:300;font-style:italic;font-display:swap;src:url(Metropolis-LightItalic.6e77915b.woff2) format("woff2"),url(Metropolis-LightItalic.b92dcd59.woff) format("woff")}@font-face{font-family:'Metropolis';font-weight:400;font-style:normal;font-display:swap;src:url(Metropolis-Regular.8ded3c27.woff2) format("woff2"),url(Metropolis-Regular.dbe235f4.woff) format("woff")}@font-face{font-family:'Metropolis';font-weight:500;font-style:normal;font-display:swap;src:url(Metropolis-Medium.bb734324.woff2) format("woff2"),url(Metropolis-Medium.1494e719.woff) format("woff")}@font-face{font-family:'Metropolis';font-weight:600;font-style:normal;font-display:swap;src:url(Metropolis-SemiBold.ee2a1145.woff2) format("woff2"),url(Metropolis-SemiBold.725c1661.woff) format("woff")}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{font-size:100%;-webkit-font-smoothing:subpixel-antialiased;margin:0;padding:0;width:100%;min-height:100vh}main{font-family:'Metropolis', sans-serif;font-weight:300}.full-width-section-container{width:100%;background:black;margin-bottom:25px;padding:35px 0}.article-section-black{background:black;color:white;text-align:center;max-width:1024px;width:100%;margin-bottom:25px}@media only screen and (max-width: 1024px){.article-section-black{width:90%;margin:0 auto;overflow:visible}}.figure-number{font-size:1em}.chart-title{font-size:24px;margin:0;margin-bottom:5px}.chart-title.bold{font-weight:bold}.bar-graph-container{position:relative;width:100%;margin:50px 0;padding:15px 0}.bar-graph-container.show .bg-2{--endWidth: calc(80 / 56 * 2%)}.bar-graph-container.show .bg-5{--endWidth: calc(80 / 56 * 5%)}.bar-graph-container.show .bg-8{--endWidth: calc(80 / 56 * 8%)}.bar-graph-container.show .bg-9{--endWidth: calc(80 / 56 * 9%)}.bar-graph-container.show .bg-30{--endWidth: calc(80 / 56 * 30%)}.bar-graph-container.show .bg-32{--endWidth: calc(80 / 56 * 32%)}.bar-graph-container.show .bg-33{--endWidth: calc(80 / 56 * 33%)}.bar-graph-container.show .bg-34{--endWidth: calc(80 / 56 * 34%)}.bar-graph-container.show .bg-40{--endWidth: calc(80 / 56 * 40%)}.bar-graph-container.show .bg-42{--endWidth: calc(80 / 56 * 42%)}.bar-graph-container.show .bg-50{--endWidth: calc(80 / 56 * 50%)}.bar-graph-container.show .bg-53{--endWidth: calc(80 / 56 * 53%)}.bar-graph-container.show .bg-56{--endWidth: calc(80 / 56 * 56%)}.bar-graph-container.show .bg-69{--endWidth: calc(80 / 56 * 69%)}.bar-graph-container.show .bar-one{-webkit-animation:show-bar-one 1.2s 0.1s forwards;animation:show-bar-one 1.2s 0.1s forwards}.bar-graph-container.show .bar-two{-webkit-animation:show-bar-one 1.2s 0.2s forwards;animation:show-bar-one 1.2s 0.2s forwards}.bar-graph-container.show .bar-three{-webkit-animation:show-bar-one 1.2s 0.3s forwards;animation:show-bar-one 1.2s 0.3s forwards}.bar-graph-container.show .bar-four{-webkit-animation:show-bar-one 1.2s 0.4s forwards;animation:show-bar-one 1.2s 0.4s forwards}.bar-graph-container.show .bar-five{-webkit-animation:show-bar-one 1.2s 0.5s forwards;animation:show-bar-one 1.2s 0.5s forwards}.bar-graph-container.show .bar-six{-webkit-animation:show-bar-one 1.2s 0.6s forwards;animation:show-bar-one 1.2s 0.6s forwards;background:#FBB939}.bar-graph-container.show .bar-seven{background:#F16E2C;-webkit-animation:show-bar-one 1.2s 0.7s forwards;animation:show-bar-one 1.2s 0.7s forwards}.bar-graph-container.show .bar-seven.green{background:#02AB8D}.bar-graph-container.stacked{margin:auto;width:70%;margin-left:0;position:relative;height:300px;margin-bottom:100px}.bar-graph-container.stacked .grids{left:0}.bar-graph-container.stacked .grids .grid{width:20%}.bar-graph-container.stacked .grids .grid::after{left:0}.bar-graph-container.stacked .grids .grid:nth-of-type(1)::after{content:'0%'}.bar-graph-container.stacked .grids .grid:nth-of-type(2)::after{content:'20%'}.bar-graph-container.stacked .grids .grid:nth-of-type(3)::after{content:'40%'}.bar-graph-container.stacked .grids .grid:nth-of-type(4)::after{content:'60%'}.bar-graph-container.stacked .grids .grid:nth-of-type(5){border-right:1px white solid}.bar-graph-container.stacked .grids .grid:nth-of-type(5)::after{content:'80%'}.bar-graph-container.stacked .grids .grid:nth-of-type(5)::before{content:'100%';position:absolute;right:-25px;bottom:-25px}.bar-graph-container.stacked .grids .grid:nth-of-type(6)::after{content:'100%'}.bar-graph-container.stacked .grids .grid:last-of-type::before{content:'100%';position:absolute;right:-25px;bottom:-25px}@media only screen and (max-width: 1024px){.bar-graph-container.stacked{width:100%;position:relative}}.grid-line{height:130%;width:3px;position:absolute;left:59%;background-color:white;z-index:2}.grid-box{position:absolute;bottom:-100px;width:100%;height:50px;display:flex;text-align:center}.grid-box .dev{width:41%;flex-basis:41%}.grid-box .prod{width:59%;flex-basis:59%}.grids{width:100%;height:100%;position:absolute;left:40%;top:0;display:flex;padding-bottom:25px}@media only screen and (max-width: 1024px){.grids{left:0}}.grids .grid{opacity:0.25;height:100%;width:calc(60% / 7);border-left:1px solid white;position:relative}@media only screen and (max-width: 1024px){.grids .grid{width:calc(100% / 7)}}.grids .grid::after{content:'0%';position:absolute;left:-10px;bottom:-25px}.grids .grid:nth-of-type(2)::after{content:'10%'}.grids .grid:nth-of-type(3)::after{content:'20%'}.grids .grid:nth-of-type(4)::after{content:'30%'}.grids .grid:nth-of-type(5)::after{content:'40%'}.grids .grid:nth-of-type(6)::after{content:'50%'}.grids .grid:nth-of-type(7)::after{content:'60%'}.bar-graph-section{width:100%;display:flex;align-items:center;margin-bottom:30px}.bar-graph-section .title{width:40%;text-align:right;padding-right:10px;font-size:13px;opacity:0.5}@media only screen and (max-width: 1024px){.bar-graph-section .title{width:100%;text-align:left}}@media only screen and (max-width: 1024px){.bar-graph-section{flex-direction:column-reverse;align-items:flex-start}}.bar-horizontal{height:10px;background:#02AB8D}.bar-horizontal.green{background:#02AB8D}.bar-horizontal.yellow{background:#FBB939}.bar-horizontal.orange{background:#F16E2C}.bar-horizontal.blue{background:#0084C5}.bar-graph{width:60%;position:relative;display:flex;justify-content:flex-start;align-items:center}@media only screen and (max-width: 1024px){.bar-graph{width:100%}}.bar-graph::after{-webkit-animation:fade-in-text 2.2s 0.1s forwards;animation:fade-in-text 2.2s 0.1s forwards;color:#fff;content:attr(data-percentage);font-weight:700;padding-left:5px;font-weight:bold}@-webkit-keyframes show-bar-one{0%{width:0}100%{width:var(--endWidth)}}@keyframes show-bar-one{0%{width:0}100%{width:var(--endWidth)}}@-webkit-keyframes fade-in-text{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-text{0%{opacity:0}100%{opacity:1}}.full-distribution{margin:auto;display:flex;height:90%}.full-distribution>span{font-weight:bold;width:0;color:black;z-index:2;height:100%;display:flex;align-items:center;justify-content:center}.show .full-distribution .stacked-9{--endWidth: 9%;-webkit-animation:show-bar-one 1.2s 0.1s forwards;animation:show-bar-one 1.2s 0.1s forwards}.show .full-distribution .stacked-50{--endWidth: 50%;-webkit-animation:show-bar-one 1.2s 0.2s forwards;animation:show-bar-one 1.2s 0.2s forwards}.show .full-distribution .stacked-33{--endWidth: 33%;-webkit-animation:show-bar-one 1.2s 0.3s forwards;animation:show-bar-one 1.2s 0.3s forwards}.show .full-distribution .stacked-8{--endWidth: 8%;-webkit-animation:show-bar-one 1.2s 0.4s forwards;animation:show-bar-one 1.2s 0.4s forwards}.legend{position:absolute;top:0;right:-50%;padding-left:10px;width:40%;color:white;text-align:left;font-size:14px}@media only screen and (max-width: 1024px){.legend{display:none}}.legend__mobile{display:none;position:relative;width:80%;right:auto;padding:0;padding-top:25px}@media only screen and (max-width: 1024px){.legend__mobile{display:block}}.legend>div{padding-bottom:15px}@media only screen and (max-width: 1024px){.legend>div{padding-left:25px}}.legend__icon{position:relative}.legend__icon>span{position:absolute;width:20px;height:20px;left:-30px;top:0}@media only screen and (max-width: 1024px){.legend__icon>span{left:0}}.legend__icon .green-icon{background:#02AB8D}.legend__icon .blue-icon{background:#0084C5}.legend__icon .yellow-icon{background:#FBB939}.legend__icon .orange-icon{background:#F16E2C}.disclaimer-container{display:flex;align-items:center;align-content:flex-start;justify-content:flex-start;position:relative;margin:auto;width:80%}@media only screen and (max-width: 1024px){.disclaimer-container{width:100%}}.disclaimer-container .ribbon{width:25%;background:#FBB939}.disclaimer-container .ribbon>p{color:black;font-weight:bold}.disclaimer-container .arrow{left:25%;width:0;height:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid #FBB939;position:absolute}.disclaimer-container .disclaimer-text{width:75%;text-align:left;font-size:12px;padding-left:50px}.disclaimer{font-size:12px}.disclaimer-article{width:50%;margin:auto}@media only screen and (max-width: 1024px){.disclaimer-article{width:100%}}.disclaimer-article>.article-section{width:auto}