@import url('./fonts/Myriad Pro/stylesheet.css');
#app {
  background: #f8f8f8;
  color: #4d4d4f;
  font-family: 'Myriad Pro', sans-serif;
  line-height: 1.3em;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 12.48pt;
}
#app *,
#app *:before,
#app *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
#app a,
#app a:link,
#app a:visited,
#app a:focus,
#app a:hover,
#app a:active {
  text-decoration: none;
  color: currentColor;
}
#app button {
  font-family: 'Myriad Pro', sans-serif;
}
#app img {
  max-width: 100%;
  height: auto;
}
#app hr {
  margin: 11pt 0;
  border: none;
  border-bottom: 1px solid #4d4d4f;
}
#app table {
  width: 100%;
  font-size: 0.8rem;
  line-height: 1.3em;
  text-align: right;
  margin-bottom: 7.8pt;
}
#app table tr {
  text-transform: uppercase;
}
#app table tr th,
#app table tr td {
  padding-top: 2px;
  vertical-align: bottom;
  border-bottom: 1px solid #4d4d4f;
  font-weight: 600;
  width: 16.66666667%;
}
#app table tr th:first-child,
#app table tr td:first-child {
  width: 33.33333333%;
  font-weight: bold;
}
#app .val {
  line-height: 0.5em;
  padding-top: 6pt;
  font-family: 'Myriad Pro Condensed', sans-serif;
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 2.6pt;
  white-space: nowrap;
}
#app .val__unit {
  display: inline-block;
  font-size: 0.44444444em;
  line-height: 1;
  margin-bottom: -5px;
  padding-left: 2pt;
}
#app .val--sm {
  line-height: 0.5em;
  padding-top: 6pt;
  font-family: 'Myriad Pro', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 2.6pt;
  white-space: nowrap;
}
#app .val--sm .val__unit {
  padding-left: 0;
}
#app .val--lg {
  font-size: 4rem;
  padding-top: 11pt;
  margin-bottom: -1pt;
  margin-bottom: 0;
  letter-spacing: -2px;
  text-align: right;
}
#app .val--lg .val__unit {
  font-size: 0.25em;
  padding-left: 0;
  padding-left: 2pt;
  letter-spacing: 0;
}
#app .val--big {
  font-size: 5rem;
  padding-top: 11pt;
  margin-bottom: -2pt;
  letter-spacing: -2px;
  text-align: right;
}
#app .val--big .val__unit {
  font-size: 0.36363636em;
  padding-left: 0;
  padding-left: 2pt;
}
#app .val--color {
  color: #ee6266;
}
#app .breadcrumbs {
  font-size: 0.9rem;
  line-height: 1.3em;
  color: rgba(77, 77, 79, 0.4);
  padding: 8pt;
}
#app .breadcrumbs__crumb {
  display: inline-block;
}
#app .breadcrumbs__crumb,
#app .breadcrumbs__crumb:link,
#app .breadcrumbs__crumb:visited,
#app .breadcrumbs__crumb:focus,
#app .breadcrumbs__crumb:hover,
#app .breadcrumbs__crumb:active {
  text-decoration: none;
  color: inherit;
}
#app .breadcrumbs__crumb:not(:first-child):before {
  content: '<';
}
#app .map {
  padding: 0 8pt;
  position: relative;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
#app .map__title {
  font-size: 1.33rem;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 8pt;
  text-transform: uppercase;
}
#app .map__country-list {
  font-size: 0.75rem;
  line-height: 1.3em;
}
#app .map-country-list__country {
  font-weight: 600;
  padding-left: 2pt;
  padding-bottom: 2pt;
}
#app .map-country-list__country-count {
  display: inline-block;
  font-weight: normal;
  margin-left: 3pt;
}
#app .map__frame {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 83.33333333%;
  padding: 8pt;
  z-index: -1;
}
#app .map__frame iframe {
  background: none;
  border: none;
  height: 100%;
  width: 100%;
}
#app .georef-map {
  display: flex;
  flex-flow: row wrap;
}
#app .georef-map__title {
  font-size: 1.33rem;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 8pt;
  text-transform: uppercase;
  padding-left: 7.8pt;
  width: 20.83333333%;
}
#app .georef-map__top-controls {
  width: 79.16666667%;
}
#app .georef-map__top-buttons {
  display: flex;
  flex-flow: row wrap;
}
#app .georef-map__top-button,
#app .georef-map__top-button--active {
  background: #DBDCDD;
  border: none;
  color: #4d4d4f;
  cursor: pointer;
  margin: 0 2px 2px 0;
  padding: 7.8pt;
  padding-bottom: 5.2pt;
  width: 25%;
}
#app .georef-map__top-button:nth-child(4),
#app .georef-map__top-button--active:nth-child(4),
#app .georef-map__top-button:nth-child(5),
#app .georef-map__top-button--active:nth-child(5),
#app .georef-map__top-button:nth-child(6),
#app .georef-map__top-button--active:nth-child(6) {
  background: rgba(238, 98, 102, 0.5);
}
#app .georef-map__top-button--active,
#app .georef-map__top-button--active--active,
#app .georef-map__top-button:hover,
#app .georef-map__top-button--active:hover {
  background: #ee6266;
  color: #fff;
  font-weight: bold;
}
#app .georef-map__top-filters {
  padding: 7.8pt 0;
  display: flex;
  align-items: center;
}
#app .georef-map__top-filter {
  align-items: center;
  background: none;
  border: none;
  color: #4d4d4f;
  display: inline-flex;
  height: 19.5pt;
  justify-content: center;
  padding: 0 10.4pt;
  position: relative;
  cursor: pointer;
}
#app .georef-map__top-filter:before,
#app .georef-map__top-filter:after {
  visibility: hidden;
  content: '';
  display: block;
  position: absolute;
  height: 10.4pt;
  border-left: 1px solid currentColor;
  bottom: auto;
  top: auto;
  opacity: 0.8;
}
#app .georef-map__top-filter:before {
  right: 100%;
  visibility: visible;
}
#app .georef-map__top-filter:last-child:after {
  left: 100%;
  visibility: visible;
}
#app .georef-map__top-filter-icon {
  height: 12.48pt;
  width: 12.48pt;
}
#app .georef-map__side-buttons {
  padding: 0 7.8pt;
  width: 20.83333333%;
}
#app .georef-map__side-button,
#app .georef-map__side-button--active {
  background: #DBDCDD;
  border: none;
  color: #4d4d4f;
  cursor: pointer;
  display: block;
  margin: 0 auto 2px;
  padding: 7.8pt;
  padding-bottom: 5.2pt;
  text-align: center;
  width: 100%;
}
#app .georef-map__side-button--active,
#app .georef-map__side-button--active--active,
#app .georef-map__side-button:hover,
#app .georef-map__side-button--active:hover {
  background: #ee6266;
  color: #fff;
  font-weight: bold;
}
#app .georef-map__frame {
  min-height: 75vh;
  width: 79.16666667%;
}
#app .georef-map__frame iframe {
  background: none;
  border: none;
  height: 100%;
  width: 100%;
}
#app .factsheet-small {
  position: relative;
  padding: 4pt 0;
  padding-left: 15.6pt;
  z-index: 1;
}
#app .factsheet-small:before {
  border-left: 1px solid #4d4d4f;
  bottom: 0;
  content: '';
  display: block;
  height: 62.5%;
  left: 0;
  position: absolute;
}
#app .factsheet-small:after {
  background-image: url(images/icons/crowd.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 93.6pt;
  width: 140.4pt;
  bottom: 62.5%;
  content: '';
  display: block;
  left: 0;
  max-height: 37.5%;
  margin-bottom: 2.6pt;
  position: absolute;
  transform: translateX(-60%);
}
#app .factsheet-small img {
  display: block;
}
#app .factsheet-small__sep {
  font-size: 0.75rem;
  height: 1.25rem;
  letter-spacing: -0.1em;
  margin: 0 auto;
  margin-bottom: 4pt;
  margin-top: -0.5rem;
  overflow: hidden;
  text-align: center;
  white-space: normal;
  width: 100%;
}
#app .region-avatar {
  text-align: center;
  padding: 7.8pt;
}
#app .region-avatar__flag {
  border: 3px solid #4d4d4f;
  height: 54.6pt;
  width: 54.6pt;
  border-radius: 124.8pt;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
#app .region-avatar__flag > img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: inherit;
  padding: 3px;
}
#app .region-avatar__name {
  line-height: 0.5em;
  padding-top: 6pt;
  line-height: 0.8em;
  font-family: 'Myriad Pro Condensed', sans-serif;
  font-size: 3rem;
  font-weight: bold;
  margin-top: 7.8pt;
  text-transform: uppercase;
}
#app .region-avatar__subtitle {
  font-family: 'Myriad Pro Condensed', sans-serif;
  font-size: 0.9rem;
  line-height: 1.3em;
  padding-top: 3.9pt;
  text-transform: uppercase;
}
#app .bar-chart {
  font-size: 0.8rem;
  line-height: 1.25;
  font-family: 'Myriad Pro Condensed', sans-serif;
  position: relative;
  margin-bottom: 7.8pt;
}
#app .bar-chart__caption {
  margin-bottom: -1.95pt;
}
#app .bar-chart__bar-container {
  height: 6pt;
  background: #dcdddf;
  position: relative;
  margin: 6pt 0;
  margin-right: 31.2pt;
}
#app .bar-chart__bar,
#app .bar-chart__bar--pink {
  height: 100%;
  background: #4d4d4f;
  transition-duration: 0.3s;
  transition-property: width, background;
}
#app .bar-chart__bar--pink {
  background: #ee6266;
}
#app .bar-chart__value {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  left: 100%;
  line-height: 0;
  position: absolute;
  top: 0;
  width: 31.2pt;
}
#app .bar-chart__units {
  position: absolute;
  top: 100%;
  right: 0;
  line-height: 1;
}
#app .bar-chart__units:before {
  content: '[';
}
#app .bar-chart__units:after {
  content: ']';
}
#app .bar-chart--vertical {
  height: 42.9pt;
  width: 27.3pt;
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .bar-chart--vertical .bar-chart__bar-container {
  height: 100%;
  width: 6pt;
  background: #dcdddf;
  position: relative;
  margin: 0 3.9pt;
}
#app .bar-chart--vertical .bar-chart__bar,
#app .bar-chart--vertical .bar-chart__bar--pink {
  background: #219af4;
  bottom: 0;
  left: 0;
  height: auto;
  position: absolute;
  transition-duration: 0.3s;
  transition-property: height, background;
  width: 100%;
}
#app .bar-chart--vertical .bar-chart__bar--pink {
  background: #d1017b;
}
#app .pdf-button,
#app .view-all-button {
  background: none;
  border: none;
  color: #4d4d4f;
  cursor: pointer;
  display: inline-block;
  font-family: 'Myriad Pro', sans-serif;
  font-style: italic;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
#app .pdf-button__icon,
#app .view-all-button__icon {
  display: block;
  margin: 0 auto;
  height: 15.6pt;
}
#app .pdf-button__text,
#app .view-all-button__text {
  padding-top: 2pt;
}
#app .pdf-button {
  font-size: 0.57142857rem;
}
#app .pdf-button--color {
  color: #ee6266;
  font-size: 0.66666667rem;
}
#app .view-all-button {
  align-items: center;
  color: #ee6266;
  display: inline-flex;
  font-size: 0.66666667rem;
  justify-content: center;
}
#app .view-all-button__icon {
  height: 8.91428571pt;
  padding-left: 5.2pt;
}
#app .stats {
  padding-left: 8pt;
  padding-right: 4pt;
  position: relative;
}
#app .stats:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 2.35rem);
  border-left: 1px solid #4d4d4f;
}
#app .stats__title {
  border-bottom: 1px solid #4d4d4f;
  color: inherit;
  display: block;
  font-size: 1.33rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 8pt;
  margin-right: 6pt;
  margin-top: 9pt;
  text-decoration: none;
  text-transform: uppercase;
}
#app .stats__title--plus:after {
  content: '';
  display: inline-block;
  height: 8.91428571pt;
  width: 8.91428571pt;
  margin-left: 6.24pt;
  margin-bottom: 1px;
  background-image: url(images/icons/plus-color.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#app .stats__subtitle {
  color: #ee6266;
  font-size: 1.75rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15.6pt;
}
#app .stats__subtitle .stats__subtitle-unit {
  color: #4d4d4f;
  display: inline;
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  padding-left: 3pt;
}
#app .stat {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  padding-right: 3pt;
  position: relative;
}
#app .stat:not(:first-child) {
  padding: 0 3pt 0 8pt;
}
#app .stat:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #4d4d4f;
}
#app .stat__title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1;
  width: 100%;
  position: relative;
  padding-bottom: 0.6rem;
}
#app .stat__abbr {
  font-size: 0.6rem;
  line-height: 1;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
}
#app .stat__icon {
  padding-right: 3pt;
  text-align: left;
  width: auto;
}
#app .stat__icon--small {
  padding-right: 4pt;
  text-align: left;
  width: auto;
}
#app .stat__val {
  width: 60.71428571%;
  margin: 0 auto;
}
#app .stat__val--small {
  flex-grow: 1;
  width: auto;
}
#app .stat__more {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  width: 14.28571429%;
}
#app .stat__more:after {
  content: '';
  display: block;
  height: 8.91428571pt;
  width: 8.91428571pt;
  background-image: url(images/icons/plus.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#app .stat__graph {
  align-self: stretch;
  flex-grow: 1;
}
#app .stat__table {
  padding: 10.4pt 7.8pt 7.8pt 46.8pt;
}
#app .graph-round {
  position: relative;
  height: 81.9pt;
  width: 81.9pt;
  margin: 0 auto;
}
#app .graph-round__container,
#app .graph-round__value {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#app .graph-round__bg {
  stroke: #dcdddf;
}
#app .graph-round__fill {
  stroke: #4d4d4f;
  transition-duration: 0.6s;
}
#app .graph-round--color .graph-round__fill {
  stroke: #ee6266;
}
#app .graph-round__value {
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .graph-round-gender {
  display: flex;
  flex-flow: row nowrap;
  height: auto;
  width: auto;
  margin: 0;
  align-items: flex-end;
}
#app svg.graph-round-gender__container {
  height: 42.9pt;
  width: 42.9pt;
}
#app .graph-round-gender__container,
#app .graph-round-gender__value {
  position: relative;
  width: 40%;
  height: 100%;
  flex-grow: 1;
}
#app .graph-round-gender__container .val,
#app .graph-round-gender__value .val {
  display: block;
}
#app .graph-round__fill--male {
  stroke: #219af4;
  transform: rotateZ(-90deg);
  transform-origin: center center;
}
#app .graph-round__fill--female {
  stroke: #d1017b;
}
#app .graph-round-gender__values {
  white-space: nowrap;
  text-align: right;
}
#app .graph-round-gender__values .val--sm {
  display: inline-block;
}
#app .graph-round-gender__value-icon {
  height: 6.93333333pt;
  display: inline-block;
  margin-right: 3pt;
}
#app .graph-round-gender__value-icon--no-margin {
  height: 10.4pt;
  display: inline-block;
  margin-right: 0;
}
#app .graph-round-gender__value-female {
  margin-bottom: 5.2pt;
}
#app table .graph-round-gender__value-icon {
  height: 12.48pt;
  margin-right: 4pt;
}
#app .graph-round-health-wrapper {
  text-align: right;
  padding-top: 15.6pt;
  margin-bottom: -7.8pt;
}
#app .graph-round-health {
  display: inline-block;
  text-align: left;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
#app .graph-round-health__container {
  position: relative;
  height: 93.6pt;
  width: 93.6pt;
}
#app .graph-round-health__image,
#app .graph-round-health__svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#app .graph-round-health__image {
  object-fit: contain;
  padding: 23.4pt;
  left: 3.9pt;
  top: 3px;
}
#app .graph-round__fill--1,
#app .graph-round__fill--e {
  stroke: #3DB54A;
}
#app .graph-round__fill--2,
#app .graph-round__fill--v {
  stroke: #8FC640;
}
#app .graph-round__fill--3,
#app .graph-round__fill--g {
  stroke: #D7DF28;
}
#app .graph-round__fill--4,
#app .graph-round__fill--f {
  stroke: #FBB042;
}
#app .graph-round__fill--5,
#app .graph-round__fill--p {
  stroke: #EF4237;
}
#app .graph-round-health__values {
  font-weight: bold;
  line-height: 15.6pt;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 0 15.6pt;
}
#app .graph-round-health__values > div {
  align-items: center;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  flex-grow: 1;
}
#app .graph-round-health__values > div:before {
  background: currentColor;
  content: '';
  display: inline-block;
  height: 8.91428571pt;
  width: 8.91428571pt;
}
#app .graph-round-health__values > div > span {
  flex-grow: 1;
  color: #4d4d4f;
  font-size: 0.8rem;
  font-weight: normal;
  padding-left: 3.9pt;
  padding-right: 10.4pt;
}
#app .graph-round-health__val {
  min-width: 31.2pt;
  text-align: left;
}
#app .graph-round-health__value--1,
#app .graph-round-health__value--e {
  color: #3DB54A;
}
#app .graph-round-health__value--2,
#app .graph-round-health__value--v {
  color: #8FC640;
}
#app .graph-round-health__value--3,
#app .graph-round-health__value--g {
  color: #D7DF28;
}
#app .graph-round-health__value--4,
#app .graph-round-health__value--f {
  color: #FBB042;
}
#app .graph-round-health__value--5,
#app .graph-round-health__value--p {
  color: #EF4237;
}
#app .factsheet {
  padding-left: 8pt;
  padding-right: 4pt;
  position: relative;
}
#app .factsheet:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 2.35rem);
  border-left: 1px solid #4d4d4f;
}
#app .factsheet:before,
#app .factsheet:after {
  display: none !important;
}
#app .factsheet__title {
  border-bottom: 1px solid #4d4d4f;
  color: inherit;
  display: block;
  font-size: 1.33rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 8pt;
  margin-right: 6pt;
  margin-top: 9pt;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
}
#app .factsheet__title--plus:after {
  content: '';
  display: inline-block;
  height: 8.91428571pt;
  width: 8.91428571pt;
  margin-left: 6.24pt;
  margin-bottom: 1px;
  background-image: url(./images/icons/plus-color.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#app .factsheet__stat {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-items: stretch;
  padding: 12.48pt;
}
#app .factsheet__stat-title {
  font-family: 'Myriad Pro Condensed', sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 3.9pt;
  text-transform: uppercase;
  width: 100%;
}
#app .factsheet__stat-title:after {
  content: ':';
  visibility: hidden;
}
#app .factsheet__stat-title--case-sensitive {
  font-family: 'Myriad Pro Condensed', sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 3.9pt;
  text-transform: uppercase;
  width: 100%;
  text-transform: none;
}
#app .factsheet__stat-title--case-sensitive:after {
  content: ':';
  visibility: hidden;
}
#app .factsheet__stat-value,
#app .factsheet__stat-graph {
  text-align: center;
  width: 100%;
}
#app .factsheet__stat-value {
  margin-bottom: -3pt;
  padding-left: 15%;
}
#app .factsheet__stat-graph {
  margin-bottom: -31.2pt;
  padding: 0;
}
#app img.factsheet__stat-icon {
  width: 35.1pt;
  height: 35.1pt;
  object-fit: contain;
}
#app .factsheet__stat-gender {
  font-family: 'Myriad Pro Condensed', sans-serif;
  font-size: 0.75rem;
  line-height: 0;
  margin-left: auto;
  white-space: nowrap;
}
#app .factsheet__stat-gender img {
  padding-left: 3.9pt;
  height: 31.2pt;
  width: auto;
}
#app .factsheet__stat-percents-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -7.8pt;
  margin-bottom: -35.1pt;
  padding-left: 15%;
}
#app .factsheet__stat-percent {
  display: flex;
  align-items: flex-end;
  margin-bottom: 3.9pt;
}
#app .factsheet__stat-percent-icon {
  height: 19.5pt;
  width: 27.3pt;
  object-fit: contain;
  margin-right: 10.4pt;
}
#app .factsheet__stat-percent-caption {
  font-family: 'Myriad Pro Condensed', sans-serif;
  flex-grow: 1;
  font-size: 1.25rem;
}
#app .factsheet__stat-percent-value {
  text-align: right;
  min-width: 62.4pt;
}
#app .sep-top-left--light {
  position: relative;
}
#app .sep-top-left--light:before {
  border-top: 1px solid #dcdddf;
  top: 0;
  content: '';
  display: block;
  width: calc(100% - 1rem);
  left: 0;
  position: absolute;
}
#app .sep-top-right {
  position: relative;
}
#app .sep-top-right:before {
  border-top: 1px solid #4d4d4f;
  top: 0;
  content: '';
  display: block;
  width: calc(100% - 1rem);
  right: 0;
  position: absolute;
}
#app .sep-mid--light .factsheet__stat:not(:first-child) {
  position: relative;
}
#app .sep-mid--light .factsheet__stat:not(:first-child):after {
  border-left: 1px solid #dcdddf;
  top: 0.5rem;
  content: '';
  display: block;
  height: calc(100% - 1rem);
  left: 0;
  position: absolute;
}
#app .sep-mid .factsheet__stat:not(:first-child) {
  position: relative;
}
#app .sep-mid .factsheet__stat:not(:first-child):after {
  border-left: 1px solid #4d4d4f;
  top: 0.5rem;
  content: '';
  display: block;
  height: calc(100% - 1rem);
  left: 0;
  position: absolute;
}
#app .sep-left {
  position: relative;
}
#app .sep-left:before {
  border-left: 1px solid #4d4d4f;
  top: 0.5rem;
  content: '';
  display: block;
  height: calc(100% - 1rem);
  left: 0;
  position: absolute;
}
#app .sep-left--full {
  border-left: 1px solid #4d4d4f;
}
#app .sep-left--light {
  position: relative;
}
#app .sep-left--light:before {
  border-left: 1px solid #dcdddf;
  top: 0.5rem;
  content: '';
  display: block;
  height: calc(100% - 1rem);
  left: 0;
  position: absolute;
}
#app .sep-bottom--full {
  border-bottom: 1px solid #4d4d4f;
}
#app .sep-y--full {
  border-top: 1px solid #4d4d4f;
  border-bottom: 1px solid #4d4d4f;
}
#app .sep-x--full {
  border-left: 1px solid #4d4d4f;
  border-right: 1px solid #4d4d4f;
}
#app .sep-x {
  position: relative;
}
#app .sep-x:before,
#app .sep-x:after {
  border-left: 1px solid #4d4d4f;
  top: 0.5rem;
  content: '';
  display: block;
  height: calc(100% - 1rem);
  position: absolute;
}
#app .sep-x:before {
  left: 0;
}
#app .sep-x:after {
  right: 0;
}
#app .physical-activity-data {
  padding-left: 8pt;
  padding-right: 4pt;
  position: relative;
  padding: 0 3pt;
}
#app .physical-activity-data:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 2.35rem);
  border-left: 1px solid #4d4d4f;
}
#app .physical-activity-data:before,
#app .physical-activity-data:after {
  display: none !important;
}
#app .physical-activity-data .stat {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding: 0 7pt;
}
#app .physical-activity-data .stat:not(:first-child):before {
  display: none;
}
#app .variables {
  padding: 15.6pt 7.8pt;
  position: relative;
}
#app .variables:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 15.6pt);
  border-bottom: 1px solid #4d4d4f;
}
#app .variables__title {
  font-size: 1.25rem;
  color: #ee6266;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 8pt;
}
#app .variables-container {
  display: flex;
  flex-flow: row wrap;
}
#app .variable {
  padding: 0 7.8pt;
  border-right: 1px solid #4d4d4f;
  display: flex;
  flex-flow: row wrap;
}
#app .variable:nth-child(5n+1) {
  border-left: 1px solid #4d4d4f;
}
#app .variable__name {
  width: 100%;
  font-weight: bold;
  font-size: 0.75rem;
}
#app .variable__name-number {
  display: inline-block;
  font-weight: 'Myriad Pro', sans-serif;
  color: rgba(77, 77, 79, 0.5);
  margin-right: 2pt;
}
#app .variable__name-number:before {
  content: '[';
}
#app .variable__name-number:after {
  content: ']';
}
#app .variable__description {
  font-size: 0.6rem;
  line-height: 1.3em;
  width: 43%;
  padding-right: 13pt;
}
#app .variable__graph {
  width: 57%;
  margin-bottom: 1rem;
}
#app .variable__table {
  width: 100%;
}
#app .sport-data {
  padding-left: 8pt;
  padding-right: 4pt;
  position: relative;
  padding: 0 3pt;
}
#app .sport-data:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 2.35rem);
  border-left: 1px solid #4d4d4f;
}
#app .sport-data:before,
#app .sport-data:after {
  display: none !important;
}
#app .sport-data .stat {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding: 0 7pt;
}
#app .sport-data .stat:not(:first-child):before {
  display: none;
}
#app .sport-data__subtitle {
  border-bottom: 1px solid #4d4d4f;
  color: #ee6266;
  display: block;
  font-size: 1.75rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  padding-left: 25%;
  text-align: right;
  text-decoration: none;
}
#app .sport-data__subtitle-number {
  color: #4d4d4f;
  display: inline;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  padding-right: 3pt;
}
#app .determinants {
  padding-left: 8pt;
  padding-right: 4pt;
  position: relative;
  padding: 0 3pt;
}
#app .determinants:not(:first-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 2.35rem);
  border-left: 1px solid #4d4d4f;
}
#app .determinants:before,
#app .determinants:after {
  display: none !important;
}
#app .determinants .stat {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding: 0 7pt;
}
#app .determinants .stat:not(:first-child):before {
  display: none;
}
#app .determinants .stat__table {
  padding: 10.4pt 7.8pt 7.8pt;
}
#app .determinants table.determinants__table {
  width: 100%;
  font-size: 0.8rem;
  line-height: 1.3em;
  text-align: right;
  padding-top: 15.6pt;
  margin-bottom: 15.6pt;
}
#app .determinants table.determinants__table tr {
  text-transform: none;
  transition-property: background;
  transition-duration: 0.2s;
}
#app .determinants table.determinants__table tr td,
#app .determinants table.determinants__table tr th {
  vertical-align: bottom;
  line-height: 15.6pt;
  padding: 2.6pt;
  padding-top: 3.9pt;
  border-bottom: 1px solid #4d4d4f;
  font-weight: normal;
  width: 8.33333333%;
  width: 4.16666667%;
  vertical-align: middle;
}
#app .determinants table.determinants__table tr td:first-child,
#app .determinants table.determinants__table tr th:first-child {
  text-align: left;
  width: 510px;
}
#app .determinants table.determinants__table tr th {
  font-weight: bold;
  text-transform: uppercase;
}
#app .determinants table.determinants__table tr:nth-child(1n+3):hover {
  background: rgba(225, 226, 228, 0.5);
}
#app .determinants table.determinants__table tr:nth-child(2) th {
  line-height: 0;
  padding: 2.6pt;
}
#app .determinants .col-spacer {
  width: auto !important;
}
#app .determinants__question,
#app .determinants__subtitle {
  border-bottom: 1px solid #4d4d4f;
  color: #ee6266;
  display: block;
  font-size: 1.75rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  padding-left: 25%;
  text-align: right;
  text-decoration: none;
}
#app .determinants__question-code,
#app .determinants__subtitle-code,
#app .determinants__subtitle-number {
  color: #4d4d4f;
  display: inline;
  font-size: 0.5em;
  font-style: normal;
  font-weight: normal;
  padding-left: 3pt;
}
#app .determinants__question-intro {
  color: #4d4d4f;
  display: block;
  font-size: 1rem;
  font-style: italic;
  font-weight: normal;
  padding-top: 3pt;
  text-align: right;
}
#app .debug {
  border: 1px solid red;
}
#app .color-primary {
  color: #ee6266;
}
#app .color-rate-5 {
  color: #3DB54A;
}
#app .color-rate-4 {
  color: #8FC640;
}
#app .color-rate-3 {
  color: #D7DF28;
}
#app .color-rate-2 {
  color: #FBB042;
}
#app .color-rate-1 {
  color: #EF4237;
}
#app .text-left {
  text-align: left;
}
#app .text-center {
  text-align: center;
}
#app .text-right {
  text-align: right;
}
#app .font-normal {
  font-family: 'Myriad Pro', sans-serif;
}
#app .condensed,
#app .font-condensed {
  font-family: 'Myriad Pro Condensed', sans-serif;
}
#app .uppercase {
  text-transform: uppercase;
}
#app .fw-light {
  font-weight: 300;
}
#app .fw-normal {
  font-weight: normal;
}
#app .fw-bold {
  font-weight: bold;
}
#app .fw-semibold {
  font-weight: 600;
}
#app .fw-black {
  font-weight: 900;
}
#app .sub {
  vertical-align: sub;
}
#app .text-xs {
  font-size: 0.8rem;
  line-height: 1.25;
}
#app .text-sm {
  font-size: 0.9rem;
  line-height: 1.25;
}
#app .text-125 {
  font-size: 1.15rem;
  line-height: 1em;
}
#app .text-md {
  font-size: 1.5rem;
  line-height: 1em;
}
#app .text-lg {
  font-size: 2.5rem;
  line-height: 1em;
}
#app .text-xl {
  font-size: 3rem;
  line-height: 1em;
}
#app .text-2xl {
  font-size: 3.75rem;
  line-height: 1em;
}
#app .font-fix {
  line-height: 0.5em;
  padding-top: 6pt;
}
#app .relative {
  position: relative;
}
#app .mx-a {
  margin-left: auto;
  margin-right: auto;
}
#app .p-0 {
  padding: 0;
}
#app .p-025 {
  padding: 3.9pt;
}
#app .p-05 {
  padding: 7.8pt;
}
#app .p-1 {
  padding: 15.6pt;
}
#app .p-125 {
  padding: 19.5pt;
}
#app .p-150 {
  padding: 23.4pt;
}
#app .p-175 {
  padding: 27.3pt;
}
#app .p-2 {
  padding: 31.2pt;
}
#app .py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
#app .py-025 {
  padding-top: 3.9pt;
  padding-bottom: 3.9pt;
}
#app .py-05 {
  padding-top: 7.8pt;
  padding-bottom: 7.8pt;
}
#app .py-1 {
  padding-top: 15.6pt;
  padding-bottom: 15.6pt;
}
#app .py-125 {
  padding-top: 19.5pt;
  padding-bottom: 19.5pt;
}
#app .py-150 {
  padding-top: 23.4pt;
  padding-bottom: 23.4pt;
}
#app .py-175 {
  padding-top: 27.3pt;
  padding-bottom: 27.3pt;
}
#app .py-2 {
  padding-top: 31.2pt;
  padding-bottom: 31.2pt;
}
#app .px-0 {
  padding-left: 0;
  padding-right: 0;
}
#app .px-025 {
  padding-left: 3.9pt;
  padding-right: 3.9pt;
}
#app .px-05 {
  padding-left: 7.8pt;
  padding-right: 7.8pt;
}
#app .px-1 {
  padding-left: 15.6pt;
  padding-right: 15.6pt;
}
#app .px-125 {
  padding-left: 19.5pt;
  padding-right: 19.5pt;
}
#app .px-150 {
  padding-left: 23.4pt;
  padding-right: 23.4pt;
}
#app .px-175 {
  padding-left: 27.3pt;
  padding-right: 27.3pt;
}
#app .px-2 {
  padding-left: 31.2pt;
  padding-right: 31.2pt;
}
#app .pl-0 {
  padding-left: 0;
}
#app .pl-025 {
  padding-left: 3.9pt;
}
#app .pl-05 {
  padding-left: 7.8pt;
}
#app .pl-1 {
  padding-left: 15.6pt;
}
#app .pl-125 {
  padding-left: 19.5pt;
}
#app .pl-150 {
  padding-left: 23.4pt;
}
#app .pl-175 {
  padding-left: 27.3pt;
}
#app .pl-2 {
  padding-left: 31.2pt;
}
#app .pr-0 {
  padding-right: 0;
}
#app .pr-025 {
  padding-right: 3.9pt;
}
#app .pr-05 {
  padding-right: 7.8pt;
}
#app .pr-1 {
  padding-right: 15.6pt;
}
#app .pr-125 {
  padding-right: 19.5pt;
}
#app .pr-150 {
  padding-right: 23.4pt;
}
#app .pr-175 {
  padding-right: 27.3pt;
}
#app .pr-2 {
  padding-right: 31.2pt;
}
#app .pt-0 {
  padding-top: 0;
}
#app .pt-025 {
  padding-top: 3.9pt;
}
#app .pt-05 {
  padding-top: 7.8pt;
}
#app .pt-1 {
  padding-top: 15.6pt;
}
#app .pt-125 {
  padding-top: 19.5pt;
}
#app .pt-150 {
  padding-top: 23.4pt;
}
#app .pt-175 {
  padding-top: 27.3pt;
}
#app .pt-2 {
  padding-top: 31.2pt;
}
#app .pb-0 {
  padding-bottom: 0;
}
#app .pb-025 {
  padding-bottom: 3.9pt;
}
#app .pb-05 {
  padding-bottom: 7.8pt;
}
#app .pb-1 {
  padding-bottom: 15.6pt;
}
#app .pb-125 {
  padding-bottom: 19.5pt;
}
#app .pb-150 {
  padding-bottom: 23.4pt;
}
#app .pb-175 {
  padding-bottom: 27.3pt;
}
#app .pb-2 {
  padding-bottom: 31.2pt;
}
#app .flex {
  display: flex;
}
#app .flex-center {
  align-items: center;
}
#app .justify-between {
  justify-content: space-between;
}
#app .items-end {
  align-items: flex-end;
}
#app .w-full {
  width: 100%;
}
#app .w-025 {
  width: 3.9pt;
}
#app .w-05 {
  width: 7.8pt;
}
#app .w-1 {
  width: 15.6pt;
}
#app .w-125 {
  width: 19.5pt;
}
#app .w-150 {
  width: 23.4pt;
}
#app .w-175 {
  width: 27.3pt;
}
#app .w-2 {
  width: 31.2pt;
}
#app .h-full {
  height: 100%;
}
#app .h-025 {
  height: 3.9pt;
}
#app .h-05 {
  height: 7.8pt;
}
#app .h-1 {
  height: 15.6pt;
}
#app .h-125 {
  height: 19.5pt;
}
#app .h-150 {
  height: 23.4pt;
}
#app .h-175 {
  height: 27.3pt;
}
#app .h-2 {
  height: 31.2pt;
}
#app .w-0\/2 {
  width: 0%;
}
#app .w-1\/2 {
  width: 50%;
}
#app .w-2\/2 {
  width: 100%;
}
#app .w-0\/3 {
  width: 0%;
}
#app .w-1\/3 {
  width: 33.33333333%;
}
#app .w-2\/3 {
  width: 66.66666667%;
}
#app .w-3\/3 {
  width: 100%;
}
#app .w-0\/4 {
  width: 0%;
}
#app .w-1\/4 {
  width: 25%;
}
#app .w-2\/4 {
  width: 50%;
}
#app .w-3\/4 {
  width: 75%;
}
#app .w-4\/4 {
  width: 100%;
}
#app .w-0\/5 {
  width: 0%;
}
#app .w-1\/5 {
  width: 20%;
}
#app .w-2\/5 {
  width: 40%;
}
#app .w-3\/5 {
  width: 60%;
}
#app .w-4\/5 {
  width: 80%;
}
#app .w-5\/5 {
  width: 100%;
}
#app .w-0\/6 {
  width: 0%;
}
#app .w-1\/6 {
  width: 16.66666667%;
}
#app .w-2\/6 {
  width: 33.33333333%;
}
#app .w-3\/6 {
  width: 50%;
}
#app .w-4\/6 {
  width: 66.66666667%;
}
#app .w-5\/6 {
  width: 83.33333333%;
}
#app .w-6\/6 {
  width: 100%;
}
#app .w-0\/7 {
  width: 0%;
}
#app .w-1\/7 {
  width: 14.28571429%;
}
#app .w-2\/7 {
  width: 28.57142857%;
}
#app .w-3\/7 {
  width: 42.85714286%;
}
#app .w-4\/7 {
  width: 57.14285714%;
}
#app .w-5\/7 {
  width: 71.42857143%;
}
#app .w-6\/7 {
  width: 85.71428571%;
}
#app .w-7\/7 {
  width: 100%;
}
#app .w-0\/8 {
  width: 0%;
}
#app .w-1\/8 {
  width: 12.5%;
}
#app .w-2\/8 {
  width: 25%;
}
#app .w-3\/8 {
  width: 37.5%;
}
#app .w-4\/8 {
  width: 50%;
}
#app .w-5\/8 {
  width: 62.5%;
}
#app .w-6\/8 {
  width: 75%;
}
#app .w-7\/8 {
  width: 87.5%;
}
#app .w-8\/8 {
  width: 100%;
}
#app .w-0\/9 {
  width: 0%;
}
#app .w-1\/9 {
  width: 11.11111111%;
}
#app .w-2\/9 {
  width: 22.22222222%;
}
#app .w-3\/9 {
  width: 33.33333333%;
}
#app .w-4\/9 {
  width: 44.44444444%;
}
#app .w-5\/9 {
  width: 55.55555556%;
}
#app .w-6\/9 {
  width: 66.66666667%;
}
#app .w-7\/9 {
  width: 77.77777778%;
}
#app .w-8\/9 {
  width: 88.88888889%;
}
#app .w-9\/9 {
  width: 100%;
}
#app .w-0\/24 {
  width: 0%;
}
#app .w-1\/24 {
  width: 4.16666667%;
}
#app .w-2\/24 {
  width: 8.33333333%;
}
#app .w-3\/24 {
  width: 12.5%;
}
#app .w-4\/24 {
  width: 16.66666667%;
}
#app .w-5\/24 {
  width: 20.83333333%;
}
#app .w-6\/24 {
  width: 25%;
}
#app .w-7\/24 {
  width: 29.16666667%;
}
#app .w-8\/24 {
  width: 33.33333333%;
}
#app .w-9\/24 {
  width: 37.5%;
}
#app .w-10\/24 {
  width: 41.66666667%;
}
#app .w-11\/24 {
  width: 45.83333333%;
}
#app .w-12\/24 {
  width: 50%;
}
#app .w-13\/24 {
  width: 54.16666667%;
}
#app .w-14\/24 {
  width: 58.33333333%;
}
#app .w-15\/24 {
  width: 62.5%;
}
#app .w-16\/24 {
  width: 66.66666667%;
}
#app .w-17\/24 {
  width: 70.83333333%;
}
#app .w-18\/24 {
  width: 75%;
}
#app .w-19\/24 {
  width: 79.16666667%;
}
#app .w-20\/24 {
  width: 83.33333333%;
}
#app .w-21\/24 {
  width: 87.5%;
}
#app .w-22\/24 {
  width: 91.66666667%;
}
#app .w-23\/24 {
  width: 95.83333333%;
}
#app .w-24\/24 {
  width: 100%;
}
#app .links-bellow-map {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center
}
#app .small-text {
  font-family: Myriad Pro, sans-serif;
  font-size: 0.8rem;
  line-height: 1.5em;
  text-transform: none;
  font-weight: 400;
}