:root {
  --tooltip-size:	var(--spacing-s);
  --droplet-size:	calc(
  	((44 / 16) * 1rem) + (48 - 44) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --droplet-placeholder:	calc(hypot(var(--droplet-size), var(--droplet-size)) - calc(var(--droplet-size) * (50 / 100 / 2)) + var(--bar-padding));
  --bar-padding:	calc(
  	((3 / 16) * 1rem) + (6 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --eu-dash-size:	12px;
}

:root, .domain_index {
  --domain-color-50: #f2f0f6;
  --domain-color-100: #D7D1E4;
  --domain-color-200: #C3BBD7;
  --domain-color-300: #A89CC4;
  --domain-color-400: #9789B9;
  --domain-color-500: #7D6BA7;
  --domain-color-600: #726198;
  --domain-color-700: #594C77;
  --domain-color-800: #453B5C;
  --domain-color-900: #352D46;
  --domain-color-50-trans: rgba(242, 240, 246, 0.4);
}

.domain_health {
  --domain-color-50: #F0F5FD;
  --domain-color-100: #D1E0F9;
  --domain-color-200: #BAD1F7;
  --domain-color-300: #9BBCF3;
  --domain-color-400: #87AFF1;
  --domain-color-500: #699BED;
  --domain-color-600: #608DD8;
  --domain-color-700: #4B6EA8;
  --domain-color-800: #3A5582;
  --domain-color-900: #2C4164;
  --domain-color-50-trans: rgba(240, 245, 253, 0.4);
}

.domain_knowledge {
  --domain-color-50: #F1F6ED;
  --domain-color-100: #D3E2C6;
  --domain-color-200: #BDD5AB;
  --domain-color-300: #9FC184;
  --domain-color-400: #8DB56D;
  --domain-color-500: #70A348;
  --domain-color-600: #669442;
  --domain-color-700: #507433;
  --domain-color-800: #3E5A28;
  --domain-color-900: #2F441E;
  --domain-color-50-trans: rgba(241, 246, 237, 0.4);
}

.domain_power {
  --domain-color-50: #FBEFF0;
  --domain-color-100: #F2CECF;
  --domain-color-200: #ECB7B8;
  --domain-color-300: #E39697;
  --domain-color-400: #DD8183;
  --domain-color-500: #D56264;
  --domain-color-600: #C2595B;
  --domain-color-700: #974647;
  --domain-color-800: #753637;
  --domain-color-900: #59292A;
  --domain-color-50-trans: rgba(251, 239, 240, 0.4);
}

.domain_money {
  --domain-color-50: #FBF6EC;
  --domain-color-100: #F4E2C3;
  --domain-color-200: #EED4A5;
  --domain-color-300: #E6C07C;
  --domain-color-400: #E1B463;
  --domain-color-500: #DAA13C;
  --domain-color-600: #C69337;
  --domain-color-700: #9B722B;
  --domain-color-800: #785921;
  --domain-color-900: #5C4419;
  --domain-color-50-trans: rgba(251, 246, 236, 0.4);
}

.domain_work {
  --domain-color-50: #EDF5F8;
  --domain-color-100: #C8DFE8;
  --domain-color-200: #ADD0DD;
  --domain-color-300: #88BACE;
  --domain-color-400: #71ADC5;
  --domain-color-500: #4D98B6;
  --domain-color-600: #468AA6;
  --domain-color-700: #376C81;
  --domain-color-800: #2A5464;
  --domain-color-900: #20404C;
  --domain-color-50-trans: rgba(237, 245, 248, 0.4);
}

.domain_time {
  --domain-color-50: #FBF2EB;
  --domain-color-100: #F2D8C1;
  --domain-color-200: #ECC5A3;
  --domain-color-300: #E4AA7A;
  --domain-color-400: #DE9960;
  --domain-color-500: #D68038;
  --domain-color-600: #C37433;
  --domain-color-700: #985B28;
  --domain-color-800: #76461F;
  --domain-color-900: #5A3618;
  --domain-color-50-trans: rgba(251, 242, 235, 0.4);
}

.domain_violence {
  --domain-color-50: #F6F1EE;
  --domain-color-100: #E4D5CA;
  --domain-color-200: #D7C0B0;
  --domain-color-300: #C5A48C;
  --domain-color-400: #BA9275;
  --domain-color-500: #A97753;
  --domain-color-600: #9A6C4C;
  --domain-color-700: #78543B;
  --domain-color-800: #5D412E;
  --domain-color-900: #473223;
  --domain-color-50-trans: rgba(246, 241, 238, 0.4);
}

.domain_intersecting-inequalities {
  --domain-color-50: #F2F4F3;
  --domain-color-100: #D8DCDB;
  --domain-color-200: #C5CBCA;
  --domain-color-300: #ABB3B1;
  --domain-color-400: #9AA4A2;
  --domain-color-500: #818D8B;
  --domain-color-600: #75807E;
  --domain-color-700: #5C6463;
  --domain-color-800: #474E4C;
  --domain-color-900: #363B3A;
  --domain-color-50-trans: rgba(242, 244, 243, 0.4);
}

.domain_index {
  --bar-chart-fg-color: #f2f0f6;
  --bar-chart-bg-color: #594C77;
  --bar-chart-light-bg-color: #726198;
  --table-br-color: #594C77;
  --table-th-fg-color: #352D46;
  --table-th-bg-color: #A89CC4;
  --table-body-bg-color: #453B5C;
  --table-body-th-fg-color: #453B5C;
  --table-body-th-bg-color: #D7D1E4;
  --table-body-th-zebra-fg-color: #453B5C;
  --table-body-th-zebra-bg-color: #C3BBD7;
}
.gei-view-filters .domain_index {
  --checkbox-radio-br-color: #A89CC4;
  --checkbox-radio-icon-color: #594C77;
}

.domain_health {
  --bar-chart-fg-color: #F0F5FD;
  --bar-chart-bg-color: #4B6EA8;
  --bar-chart-light-bg-color: #608DD8;
  --table-br-color: #4B6EA8;
  --table-th-fg-color: #2C4164;
  --table-th-bg-color: #9BBCF3;
  --table-body-bg-color: #3A5582;
  --table-body-th-fg-color: #3A5582;
  --table-body-th-bg-color: #D1E0F9;
  --table-body-th-zebra-fg-color: #3A5582;
  --table-body-th-zebra-bg-color: #BAD1F7;
}
.gei-view-filters .domain_health {
  --checkbox-radio-br-color: #9BBCF3;
  --checkbox-radio-icon-color: #4B6EA8;
}

.domain_knowledge {
  --bar-chart-fg-color: #F1F6ED;
  --bar-chart-bg-color: #507433;
  --bar-chart-light-bg-color: #669442;
  --table-br-color: #507433;
  --table-th-fg-color: #2F441E;
  --table-th-bg-color: #9FC184;
  --table-body-bg-color: #3E5A28;
  --table-body-th-fg-color: #3E5A28;
  --table-body-th-bg-color: #D3E2C6;
  --table-body-th-zebra-fg-color: #3E5A28;
  --table-body-th-zebra-bg-color: #BDD5AB;
}
.gei-view-filters .domain_knowledge {
  --checkbox-radio-br-color: #9FC184;
  --checkbox-radio-icon-color: #507433;
}

.domain_power {
  --bar-chart-fg-color: #FBEFF0;
  --bar-chart-bg-color: #974647;
  --bar-chart-light-bg-color: #C2595B;
  --table-br-color: #974647;
  --table-th-fg-color: #59292A;
  --table-th-bg-color: #E39697;
  --table-body-bg-color: #753637;
  --table-body-th-fg-color: #753637;
  --table-body-th-bg-color: #F2CECF;
  --table-body-th-zebra-fg-color: #753637;
  --table-body-th-zebra-bg-color: #ECB7B8;
}
.gei-view-filters .domain_power {
  --checkbox-radio-br-color: #E39697;
  --checkbox-radio-icon-color: #974647;
}

.domain_money {
  --bar-chart-fg-color: #FBF6EC;
  --bar-chart-bg-color: #9B722B;
  --bar-chart-light-bg-color: #C69337;
  --table-br-color: #9B722B;
  --table-th-fg-color: #5C4419;
  --table-th-bg-color: #E6C07C;
  --table-body-bg-color: #785921;
  --table-body-th-fg-color: #785921;
  --table-body-th-bg-color: #F4E2C3;
  --table-body-th-zebra-fg-color: #785921;
  --table-body-th-zebra-bg-color: #EED4A5;
}
.gei-view-filters .domain_money {
  --checkbox-radio-br-color: #E6C07C;
  --checkbox-radio-icon-color: #9B722B;
}

.domain_work {
  --bar-chart-fg-color: #EDF5F8;
  --bar-chart-bg-color: #376C81;
  --bar-chart-light-bg-color: #468AA6;
  --table-br-color: #376C81;
  --table-th-fg-color: #20404C;
  --table-th-bg-color: #88BACE;
  --table-body-bg-color: #2A5464;
  --table-body-th-fg-color: #2A5464;
  --table-body-th-bg-color: #C8DFE8;
  --table-body-th-zebra-fg-color: #2A5464;
  --table-body-th-zebra-bg-color: #ADD0DD;
}
.gei-view-filters .domain_work {
  --checkbox-radio-br-color: #88BACE;
  --checkbox-radio-icon-color: #376C81;
}

.domain_time {
  --bar-chart-fg-color: #FBF2EB;
  --bar-chart-bg-color: #985B28;
  --bar-chart-light-bg-color: #C37433;
  --table-br-color: #985B28;
  --table-th-fg-color: #5A3618;
  --table-th-bg-color: #E4AA7A;
  --table-body-bg-color: #76461F;
  --table-body-th-fg-color: #76461F;
  --table-body-th-bg-color: #F2D8C1;
  --table-body-th-zebra-fg-color: #76461F;
  --table-body-th-zebra-bg-color: #ECC5A3;
}
.gei-view-filters .domain_time {
  --checkbox-radio-br-color: #E4AA7A;
  --checkbox-radio-icon-color: #985B28;
}

.domain_violence {
  --bar-chart-fg-color: #F6F1EE;
  --bar-chart-bg-color: #78543B;
  --bar-chart-light-bg-color: #9A6C4C;
  --table-br-color: #78543B;
  --table-th-fg-color: #473223;
  --table-th-bg-color: #C5A48C;
  --table-body-bg-color: #5D412E;
  --table-body-th-fg-color: #5D412E;
  --table-body-th-bg-color: #E4D5CA;
  --table-body-th-zebra-fg-color: #5D412E;
  --table-body-th-zebra-bg-color: #D7C0B0;
}
.gei-view-filters .domain_violence {
  --checkbox-radio-br-color: #C5A48C;
  --checkbox-radio-icon-color: #78543B;
}

.domain_intersecting-inequalities {
  --bar-chart-fg-color: #F2F4F3;
  --bar-chart-bg-color: #5C6463;
  --bar-chart-light-bg-color: #75807E;
  --table-br-color: #5C6463;
  --table-th-fg-color: #363B3A;
  --table-th-bg-color: #ABB3B1;
  --table-body-bg-color: #474E4C;
  --table-body-th-fg-color: #474E4C;
  --table-body-th-bg-color: #D8DCDB;
  --table-body-th-zebra-fg-color: #474E4C;
  --table-body-th-zebra-bg-color: #C5CBCA;
}
.gei-view-filters .domain_intersecting-inequalities {
  --checkbox-radio-br-color: #ABB3B1;
  --checkbox-radio-icon-color: #5C6463;
}

body.path-gender-equality-index #block-gender-equality-index-intro-text {
  display: none;
  padding-bottom: 0px;
}
body.path-gender-equality-index #block-gender-equality-index-intro-text p {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: 0em;
  font-weight: 600;
  color: #75767D;
}
body.path-gender-equality-index:has(#gei.index) #block-gender-equality-index-intro-text {
  display: block;
}
body.path-gender-equality-index .page-header {
  padding-bottom: 0px;
  -moz-column-gap: 0px;
       column-gap: 0px;
}
body.path-gender-equality-index .page-header:before {
  content: none;
}
body.path-gender-equality-index .region-page-content {
  padding-top: 0px;
  display: block;
}
body.path-gender-equality-index .gei-view-content {
  padding-top: var(--page-padding-tb);
}

#gei nav.gei-main-navigation {
  margin-top: calc(var(--spacing-l) + calc(
		((3 / 16) * 1rem) + (5 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	));
  overflow: visible;
}
#gei nav.gei-main-navigation li.menu-item--active-trail > a:after {
  opacity: 1;
}
#gei .tabs-wrapper .tabs-list li.export {
  margin-left: auto;
  padding-left: var(--spacing-xs);
  align-self: center;
}
#gei .main-wrapper .tabs-wrapper,
#gei .ModalWindow .tabs-wrapper {
  margin-bottom: var(--spacing-xl);
}

nav.gei-main-navigation li a.has-submenu::before {
  content: "\e901";
  color: inherit;
  font-size: inherit;
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
nav.gei-main-navigation li a.has-submenu:before {
  order: 1;
  margin-left: var(--spacing-3xs);
}

.MenuDropdown {
  position: fixed;
  min-width: 270px;
  margin-top: calc(
		((30 / 16) * 1rem) + (37 - 30) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  z-index: 100;
}
@media screen and (max-width: 64em) {
  .MenuDropdown {
    left: 0px !important;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - var(--page-padding-lr) * 2);
  }
}
.MenuDropdown .content {
  background-color: white;
  border: 1px solid #2a9a93;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.MenuDropdown .content a {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-3xs);
  padding: var(--spacing-s);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
}
.MenuDropdown .content a span {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  color: var(--span-fg-color, var(--decor-primary-color));
  font-weight: 700;
  transition: inherit;
}
.MenuDropdown .content a:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --span-fg-color: var(--link-focus-fg-color);
}
@media (hover: hover) and (pointer: fine) {
  .MenuDropdown .content a:hover {
    color: var(--link-hover-fg-color);
    background-color: var(--link-hover-bg-color);
    --span-fg-color: var(--link-hover-fg-color);
  }
}
.MenuDropdown .content a + a {
  border-top: 1px solid #dbdbdb;
}

#gei .navigation-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  row-gap: var(--section-gap);
  justify-content: space-between;
  margin-top: var(--section-gap);
  margin-bottom: var(--section-gap);
}

#gei h2.visually-hidden:first-child + .navigation-wrapper {
  margin-top: 0px;
}

#gei .navigation {
  line-height: var(--h2-line-height);
}
#gei .navigation > div, #gei .navigation > div > div {
  display: inline-flex;
}
#gei .navigation > div:not(:last-child) {
  padding-right: var(--spacing-xs);
}
#gei .navigation > div:not(.separator) {
  border: 2px solid transparent;
}
#gei.thematic-area #gei .navigation {
  --dropdown-top-margin: calc(
  	((4 / 16) * 1rem) + (9 - 4) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
#gei.thematic-area #gei .navigation > div, #gei.thematic-area #gei .navigation > div > div {
  display: inline;
}
#gei .navigation button.main {
  display: inline;
  padding: var(--spacing-3xs) var(--spacing-xs);
  color: var(--link-default-fg-color);
  background-color: rgba(0, 0, 0, 0.0784313725);
  cursor: pointer;
  transition: 250ms ease-out;
  text-align: left;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
}
#gei .navigation button.main::after {
  content: "\e901";
  color: #2a9a93;
  font-size: var(--spacing-s);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gei .navigation button.main:after {
  position: relative;
  top: calc(
		((0 / 16) * 1rem) + (-3 - 0) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  margin-left: var(--spacing-s);
  font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
  #gei .navigation button.main:hover {
    color: var(--link-hover-fg-color);
    background-color: var(--link-hover-bg-color);
  }
  #gei .navigation button.main:hover:after {
    color: white;
  }
}
#gei .navigation button.main:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
}
#gei .navigation button.main:focus-visible:after {
  color: white;
}
#gei .navigation > div > div:not(.SingleSelectEmulated),
#gei .navigation .yearNavigatorSelect {
  position: relative;
  display: flex;
  align-items: center;
}
#gei .navigation > div > div:not(.SingleSelectEmulated):focus-within:before,
#gei .navigation .yearNavigatorSelect:focus-within:before {
  color: var(--link-focus-fg-color);
}
#gei .navigation > div > div:not(.SingleSelectEmulated) select,
#gei .navigation .yearNavigatorSelect select {
  display: inline-block;
  padding: var(--spacing-3xs) var(--spacing-xs);
  padding-right: calc(var(--spacing-xs) + var(--spacing-s) + var(--spacing-s));
  color: var(--link-default-fg-color);
  background-color: rgba(0, 0, 0, 0.0784313725);
  border: 0px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
}
#gei .navigation > div > div:not(.SingleSelectEmulated) select:focus-visible,
#gei .navigation .yearNavigatorSelect select:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  outline: 0px;
}
#gei .navigation > div > div:not(.SingleSelectEmulated) select:focus-visible:before,
#gei .navigation .yearNavigatorSelect select:focus-visible:before {
  color: white;
}
#gei .navigation > div > div:not(.SingleSelectEmulated)::before,
#gei .navigation .yearNavigatorSelect::before {
  content: "\e901";
  color: #2a9a93;
  font-size: var(--spacing-s);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gei .navigation > div > div:not(.SingleSelectEmulated):before,
#gei .navigation .yearNavigatorSelect:before {
  position: absolute;
  right: var(--spacing-xs);
  font-weight: bold;
  pointer-events: none;
  z-index: 1;
}
#gei .navigation > div > div:not(.SingleSelectEmulated) .input-wrapper:before,
#gei .navigation .yearNavigatorSelect .input-wrapper:before {
  content: none;
}
#gei .navigation > div > div:not(.SingleSelectEmulated) label,
#gei .navigation .yearNavigatorSelect label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: block !important;
}
#gei .navigation .separator {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
  color: var(--headings-primary-color);
}
#gei .navigation .year-navigation .single-year {
  padding: var(--spacing-3xs) var(--spacing-xs);
  color: var(--headings-primary-color);
  background-color: rgba(0, 0, 0, 0.0784313725);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
}

#gei .SingleSelectEmulated {
  position: relative;
}
#gei .SingleSelectEmulated .collapsible {
  position: absolute;
  top: 100%;
  left: 0px;
  min-width: 100%;
  margin-top: var(--dropdown-top-margin, 0);
  background-color: white;
  border: 1px solid var(--link-default-fg-color);
  max-height: 360px;
  z-index: 99;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (hover: hover) and (pointer: fine) {
  #gei .SingleSelectEmulated .collapsible::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  #gei .SingleSelectEmulated .collapsible::-webkit-scrollbar-thumb {
    background: #1e6d68;
  }
  #gei .SingleSelectEmulated .collapsible::-webkit-scrollbar-track {
    background: #dbdbdb;
  }
  #gei .SingleSelectEmulated .collapsible {
    scrollbar-width: thin;
    scrollbar-color: #1e6d68 #dbdbdb;
  }
}
#gei .SingleSelectEmulated .collapsible .option {
  position: relative;
}
#gei .SingleSelectEmulated .collapsible input {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: 10px;
  z-index: -1;
  width: 0px;
  height: 0px;
}
#gei .SingleSelectEmulated .collapsible input:checked + label {
  font-weight: 700;
}
#gei .SingleSelectEmulated .collapsible input:focus-visible + label {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
}
#gei .SingleSelectEmulated .collapsible label {
  display: flex;
  align-items: stretch;
  padding: var(--spacing-xs) var(--spacing-s);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  color: var(--link-default-fg-color);
  cursor: pointer;
  transition: 250ms ease-out;
}
@media screen and (min-width: 50.0625em) {
  #gei .SingleSelectEmulated .collapsible label {
    white-space: nowrap;
  }
}
@media (hover: hover) and (pointer: fine) {
  #gei .SingleSelectEmulated .collapsible label:hover {
    color: var(--link-hover-fg-color);
    background-color: var(--link-hover-bg-color);
  }
}

#gei .country-navigation button.main:before,
#gei .country-navigation label:before,
#gei .filter.country button.main:before,
#gei .filter.country label:before {
  content: " ";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: var(--spacing-m);
  margin-right: var(--spacing-2xs);
}
#gei .country-navigation button.main.option_AT:before,
#gei .country-navigation .option_AT label:before,
#gei .filter.country button.main.option_AT:before,
#gei .filter.country .option_AT label:before {
  background-image: url(../images/flags/AT.svg);
}
#gei .country-navigation button.main.option_BE:before,
#gei .country-navigation .option_BE label:before,
#gei .filter.country button.main.option_BE:before,
#gei .filter.country .option_BE label:before {
  background-image: url(../images/flags/BE.svg);
}
#gei .country-navigation button.main.option_BG:before,
#gei .country-navigation .option_BG label:before,
#gei .filter.country button.main.option_BG:before,
#gei .filter.country .option_BG label:before {
  background-image: url(../images/flags/BG.svg);
}
#gei .country-navigation button.main.option_CY:before,
#gei .country-navigation .option_CY label:before,
#gei .filter.country button.main.option_CY:before,
#gei .filter.country .option_CY label:before {
  background-image: url(../images/flags/CY.svg);
}
#gei .country-navigation button.main.option_CZ:before,
#gei .country-navigation .option_CZ label:before,
#gei .filter.country button.main.option_CZ:before,
#gei .filter.country .option_CZ label:before {
  background-image: url(../images/flags/CZ.svg);
}
#gei .country-navigation button.main.option_DE:before,
#gei .country-navigation .option_DE label:before,
#gei .filter.country button.main.option_DE:before,
#gei .filter.country .option_DE label:before {
  background-image: url(../images/flags/DE.svg);
}
#gei .country-navigation button.main.option_DK:before,
#gei .country-navigation .option_DK label:before,
#gei .filter.country button.main.option_DK:before,
#gei .filter.country .option_DK label:before {
  background-image: url(../images/flags/DK.svg);
}
#gei .country-navigation button.main.option_EE:before,
#gei .country-navigation .option_EE label:before,
#gei .filter.country button.main.option_EE:before,
#gei .filter.country .option_EE label:before {
  background-image: url(../images/flags/EE.svg);
}
#gei .country-navigation button.main.option_ES:before,
#gei .country-navigation .option_ES label:before,
#gei .filter.country button.main.option_ES:before,
#gei .filter.country .option_ES label:before {
  background-image: url(../images/flags/ES.svg);
}
#gei .country-navigation button.main.option_EU:before,
#gei .country-navigation .option_EU label:before,
#gei .filter.country button.main.option_EU:before,
#gei .filter.country .option_EU label:before {
  background-image: url(../images/flags/EU.svg);
}
#gei .country-navigation button.main.option_FI:before,
#gei .country-navigation .option_FI label:before,
#gei .filter.country button.main.option_FI:before,
#gei .filter.country .option_FI label:before {
  background-image: url(../images/flags/FI.svg);
}
#gei .country-navigation button.main.option_FR:before,
#gei .country-navigation .option_FR label:before,
#gei .filter.country button.main.option_FR:before,
#gei .filter.country .option_FR label:before {
  background-image: url(../images/flags/FR.svg);
}
#gei .country-navigation button.main.option_GR:before,
#gei .country-navigation .option_GR label:before,
#gei .filter.country button.main.option_GR:before,
#gei .filter.country .option_GR label:before {
  background-image: url(../images/flags/GR.svg);
}
#gei .country-navigation button.main.option_HR:before,
#gei .country-navigation .option_HR label:before,
#gei .filter.country button.main.option_HR:before,
#gei .filter.country .option_HR label:before {
  background-image: url(../images/flags/HR.svg);
}
#gei .country-navigation button.main.option_HU:before,
#gei .country-navigation .option_HU label:before,
#gei .filter.country button.main.option_HU:before,
#gei .filter.country .option_HU label:before {
  background-image: url(../images/flags/HU.svg);
}
#gei .country-navigation button.main.option_IE:before,
#gei .country-navigation .option_IE label:before,
#gei .filter.country button.main.option_IE:before,
#gei .filter.country .option_IE label:before {
  background-image: url(../images/flags/IE.svg);
}
#gei .country-navigation button.main.option_IT:before,
#gei .country-navigation .option_IT label:before,
#gei .filter.country button.main.option_IT:before,
#gei .filter.country .option_IT label:before {
  background-image: url(../images/flags/IT.svg);
}
#gei .country-navigation button.main.option_LT:before,
#gei .country-navigation .option_LT label:before,
#gei .filter.country button.main.option_LT:before,
#gei .filter.country .option_LT label:before {
  background-image: url(../images/flags/LT.svg);
}
#gei .country-navigation button.main.option_LU:before,
#gei .country-navigation .option_LU label:before,
#gei .filter.country button.main.option_LU:before,
#gei .filter.country .option_LU label:before {
  background-image: url(../images/flags/LU.svg);
}
#gei .country-navigation button.main.option_LV:before,
#gei .country-navigation .option_LV label:before,
#gei .filter.country button.main.option_LV:before,
#gei .filter.country .option_LV label:before {
  background-image: url(../images/flags/LV.svg);
}
#gei .country-navigation button.main.option_MT:before,
#gei .country-navigation .option_MT label:before,
#gei .filter.country button.main.option_MT:before,
#gei .filter.country .option_MT label:before {
  background-image: url(../images/flags/MT.svg);
}
#gei .country-navigation button.main.option_NL:before,
#gei .country-navigation .option_NL label:before,
#gei .filter.country button.main.option_NL:before,
#gei .filter.country .option_NL label:before {
  background-image: url(../images/flags/NL.svg);
}
#gei .country-navigation button.main.option_PL:before,
#gei .country-navigation .option_PL label:before,
#gei .filter.country button.main.option_PL:before,
#gei .filter.country .option_PL label:before {
  background-image: url(../images/flags/PL.svg);
}
#gei .country-navigation button.main.option_PT:before,
#gei .country-navigation .option_PT label:before,
#gei .filter.country button.main.option_PT:before,
#gei .filter.country .option_PT label:before {
  background-image: url(../images/flags/PT.svg);
}
#gei .country-navigation button.main.option_RO:before,
#gei .country-navigation .option_RO label:before,
#gei .filter.country button.main.option_RO:before,
#gei .filter.country .option_RO label:before {
  background-image: url(../images/flags/RO.svg);
}
#gei .country-navigation button.main.option_SE:before,
#gei .country-navigation .option_SE label:before,
#gei .filter.country button.main.option_SE:before,
#gei .filter.country .option_SE label:before {
  background-image: url(../images/flags/SE.svg);
}
#gei .country-navigation button.main.option_SI:before,
#gei .country-navigation .option_SI label:before,
#gei .filter.country button.main.option_SI:before,
#gei .filter.country .option_SI label:before {
  background-image: url(../images/flags/SI.svg);
}
#gei .country-navigation button.main.option_SK:before,
#gei .country-navigation .option_SK label:before,
#gei .filter.country button.main.option_SK:before,
#gei .filter.country .option_SK label:before {
  background-image: url(../images/flags/SK.svg);
}
#gei .country-navigation button.main.option_UK:before,
#gei .country-navigation .option_UK label:before,
#gei .filter.country button.main.option_UK:before,
#gei .filter.country .option_UK label:before {
  background-image: url(../images/flags/UK.svg);
}
#gei .country-navigation .option_EL:before,
#gei .country-navigation .option_EL label:before,
#gei .filter.country .option_EL:before,
#gei .filter.country .option_EL label:before {
  background-image: url(../images/flags/GR.svg);
}

#gei .filter.country button.main {
  padding: var(--spacing-2xs);
  display: inline-flex;
  align-items: stretch;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  font-weight: 700;
  cursor: pointer;
  transition: 250ms ease-out;
  color: var(--link-default-fg-color);
}
#gei .filter.country button.main::after {
  content: "\e901";
  color: inherit;
  font-size: var(--spacing-xs);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gei .filter.country button.main:after {
  margin-left: var(--spacing-2xs);
  align-self: center;
  font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
  #gei .filter.country button.main:hover {
    color: var(--link-hover-fg-color);
    background-color: var(--link-hover-bg-color);
  }
}

#gei .country-navigation button.main:before {
  width: var(--spacing-l);
  margin-right: var(--spacing-xs);
  height: var(--h2-font-size);
  position: relative;
  top: calc(
		((4 / 16) * 1rem) + (7 - 4) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}

#gei .gei-language-switcher,
#gei .sorting,
#gei .SingleSelectDefault {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
}

#gei .gei-language-switcher,
#gei .sorting {
  justify-content: flex-end;
}
#gei .gei-language-switcher label,
#gei .sorting label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: block !important;
}

#gei .gei-language-switcher {
  margin-bottom: var(--spacing-s);
}

#gei .sorting {
  margin-bottom: var(--spacing-l);
}

#gei .gei-language-switcher > h3,
#gei .SingleSelectDefault > label {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  font-weight: 700;
  color: #3e4047;
}

#gei .SingleSelectDefault .input-wrapper {
  position: relative;
  --form-element-icon-color: var(--form-element-action-color);
}
#gei .SingleSelectDefault .input-wrapper::before {
  content: "\e901";
  color: var(--form-element-icon-color);
  font-size: var(--spacing-s);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gei .SingleSelectDefault .input-wrapper::before {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: 250ms ease-out;
  z-index: -1;
}
#gei .SingleSelectDefault .input-wrapper > * {
  padding-right: calc(var(--spacing-s) + var(--spacing-2xs));
}
#gei .SingleSelectDefault .input-wrapper {
  display: inline-flex;
  --form-element-decor-color:	#a6a7aa;
  --form-element-action-color:	#2a9a93;
}
#gei .SingleSelectDefault .input-wrapper:focus-within {
  --form-element-decor-color: #175551;
  --form-element-action-color: #175551;
}
@media (hover: hover) and (pointer: fine) {
  #gei .SingleSelectDefault .input-wrapper:hover {
    --form-element-decor-color: #a6a7aa;
    --form-element-action-color: #13293f;
  }
}
#gei .SingleSelectDefault select {
  width: 100%;
  padding: var(--spacing-xs) 0;
  color: #3e4047;
  border: 0px;
  outline: 0;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  box-sizing: border-box;
  border-bottom: calc(
		((2 / 16) * 1rem) + (3 - 2) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) solid #2a9a93;
  transition: 250ms ease-out;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  #gei .SingleSelectDefault select::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  #gei .SingleSelectDefault select::-webkit-scrollbar-thumb {
    background: #1e6d68;
  }
  #gei .SingleSelectDefault select::-webkit-scrollbar-track {
    background: #dbdbdb;
  }
  #gei .SingleSelectDefault select {
    scrollbar-width: thin;
    scrollbar-color: #1e6d68 #dbdbdb;
  }
}
#gei .SingleSelectDefault select option {
  color: #3e4047;
}
#gei .SingleSelectDefault select option:checked {
  color: white;
  background-color: #2a9a93;
}
#gei .SingleSelectDefault select option:disabled {
  color: #5B5C61;
  background-color: #dbdbdb;
}
#gei .SingleSelectDefault select:focus-visible {
  color: #175551;
  border-color: #175551;
}
@media (hover: hover) and (pointer: fine) {
  #gei .SingleSelectDefault select:hover {
    color: #3e4047;
    border-color: #61707e;
  }
}

.footnotes p,
p.note,
p.source {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  max-width: 59rem;
}

.navigation-wrapper + .footnotes {
  margin-top: calc(-1 * var(--section-gap));
  padding-top: var(--spacing-m);
  margin-bottom: var(--page-gap);
}

.data + p.source,
.data-table + .footnotes {
  margin-top: var(--section-gap);
}

dl.footnotes {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  display: grid;
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  row-gap: var(--spacing-2xs);
  max-width: 59rem;
}
dl.footnotes > div {
  display: grid;
  grid-template-columns: subgrid;
  row-gap: var(--spacing-3xs);
}
@media screen and (min-width: 40.0625em) {
  dl.footnotes {
    grid-template-columns: auto 1fr;
  }
  dl.footnotes > div {
    grid-column: 1/span 2;
  }
}
dl.footnotes dt {
  font-weight: 700;
}
dl.footnotes dt:after {
  content: ":";
}
dl.footnotes dd ul:not(:has(li:first-child:last-child)) {
  list-style-type: disc;
  padding-left: 18px;
}
dl.footnotes dd ul:not(:has(li:first-child:last-child)) li::marker {
  color: #c3c4c6;
}

#gei span.info {
  position: relative;
  top: -2px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 5px;
  font-size: 0px;
  border-radius: 50%;
  line-height: 0;
  display: none;
}
@media screen and (min-width: 64.0625em) {
  #gei span.info {
    display: inline-flex !important;
  }
}
#gei span.info::after {
  content: "\e93d";
  color: var(--link-default-fg-color);
  font-size: var(--tooltip-size);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gei .Tooltip {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 10010;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}
#gei .Tooltip .arrow {
  display: none !important;
}
#gei .Tooltip .content {
  padding: var(--spacing-xs) var(--spacing-s);
}
#gei .Tooltip .content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
}
#gei .Tooltip .content p + * {
  margin-top: var(--spacing-2xs);
}
#gei .Tooltip .content p.TooltipSimple {
  font-weight: 700;
}
#gei .Tooltip .content .smallDropletGraph {
  text-align: center;
  margin-top: var(--spacing-3xs);
}
#gei .Tooltip .content .smallDropletGraph svg {
  width: 6.5rem;
}
#gei .Tooltip .content span.year {
  float: right;
  color: #75767D;
  padding-left: var(--spacing-2xs);
}
#gei.index .Tooltip {
  max-width: 300px;
}
#gei.compare-countries .Tooltip {
  width: 180px !important;
}
#gei.compare-countries .Tooltip p.TooltipSimple {
  white-space: nowrap;
}

.ExportOptionsModal .scrollable-wrapper > div > * {
  max-width: 59rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.ExportOptionsModal h3 {
  text-align: center;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: 0em;
  margin-bottom: var(--h3-margin);
}
.ExportOptionsModal ul {
  display: flex;
  justify-content: center;
  gap: var(--spacing-2xs);
}
.ExportOptionsModal ul + h3 {
  margin-top: var(--section-gap);
}

.data-table {
  max-width: 100%;
  overflow-x: auto;
}
@media (hover: hover) and (pointer: fine) {
  .data-table::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .data-table::-webkit-scrollbar-thumb {
    background: #1e6d68;
  }
  .data-table::-webkit-scrollbar-track {
    background: #dbdbdb;
  }
  .data-table {
    scrollbar-width: thin;
    scrollbar-color: #1e6d68 #dbdbdb;
  }
}
.data-table table {
  width: 100%;
}

#gei .data.table div.domain + div.domain {
  margin-top: var(--section-gap);
}
#gei .data.table + p.note {
  margin-top: var(--spacing-m);
}

#gei .data-wrapper h4 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: 0em;
  margin-bottom: var(--spacing-m);
  display: flex;
  align-items: center;
  --domain-graph-font-size: 0.85em;
}
#gei .data-wrapper h4 .smallDropletGraphWrapper {
  margin-right: var(--spacing-m);
}
#gei .data-wrapper h5 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: 0em;
  color: #3e4047;
}
#gei .data-wrapper h5 span.info {
  top: -7px;
}
#gei .data-wrapper span.caption {
  display: block;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  margin-bottom: var(--spacing-xs);
}
#gei .data-wrapper div.indicator {
  display: grid;
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  -moz-column-gap: var(--spacing-l);
       column-gap: var(--spacing-l);
  row-gap: var(--spacing-l);
}
#gei .data-wrapper div.indicator h5, #gei .data-wrapper div.indicator dl.footnotes {
  grid-column: 1/-1;
}
#gei .data-wrapper div.indicator h5 {
  margin-bottom: calc(-1 * var(--spacing-2xs));
}
#gei .data-wrapper div.indicator dl.footnotes {
  margin-top: calc(-1 * var(--spacing-xs));
}
#gei .data-wrapper div.subdomain-graphs + div.subdomain-graphs,
#gei .data-wrapper div.subdomain-data-tables + div.subdomain-data-tables {
  margin-top: var(--section-gap);
  padding-top: var(--section-gap);
  border-top: 1px solid #dbdbdb;
}
#gei .data-wrapper div.indicator + div.indicator,
#gei .data-wrapper div.indicator-table + div.indicator-table {
  margin-top: var(--spacing-xl);
}

.gei-footer {
  padding-top: var(--section-padding-tb);
  margin-top: var(--section-padding-tb);
  position: relative;
}
.gei-footer:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: calc(
		((3 / 16) * 1rem) + (4 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  top: 0px;
}

nav.domain-navigation {
  --extra-divider-spacing: var(--spacing-s);
}
nav.domain-navigation ul.button-group {
  margin: 0px;
}
nav.domain-navigation .button {
  --action-br-width: calc(
  	((2 / 16) * 1rem) + (3 - 2) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --action-hover-fg-color: var(--domain-color-900);
  --action-hover-bg-color: var(--domain-color-200);
  --action-hover-br-color: var(--domain-color-200);
  --action-hover-icon-color: inherit;
}
nav.domain-navigation .button.small {
  font-weight: 700;
  --action-padding: calc(var(--action-br-width) + var(--spacing-xs)) var(--spacing-m);
}
nav.domain-navigation .button:not(.small) {
  font-weight: 600;
  --action-padding: calc(var(--action-br-width) + var(--spacing-xs)) calc(var(--action-br-width) + var(--spacing-s));
}
nav.domain-navigation .button.outlined {
  --action-fg-color: var(--domain-color-900);
  --action-br-color: var(--domain-color-200);
  --action-icon-color: var(--domain-color-400);
}
nav.domain-navigation .button:not(.small, .outlined),
nav.domain-navigation li.selected .button {
  --action-fg-color: white;
  --action-bg-color: var(--domain-color-800);
  --action-br-color: var(--domain-color-800);
  --action-icon-color: inherit;
}
nav.domain-navigation li:not(:has(a.icon-right)) + li:has(a.icon-right) {
  border-left: 1px solid #dbdbdb;
  padding-left: calc(var(--button-group-column-gap) + var(--extra-divider-spacing));
  margin-left: var(--extra-divider-spacing);
}

.country-table .data-table > table + table {
  margin-top: var(--section-gap);
}
.country-table th.heading,
.country-table th.area {
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  text-align: left;
}
.country-table tbody tr.sex th {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: 0em;
  color: var(--table-th-fg-color);
  background-color: var(--table-th-bg-color);
  border-top: 1px solid var(--table-br-color);
  border-bottom: 1px solid var(--table-br-color);
}
.country-table tr.indicator td {
  color: var(--table-body-th-zebra-fg-color);
  background-color: var(--table-body-th-zebra-bg-color);
}
.country-table tr.indicator:nth-child(even) td {
  color: var(--table-body-th-fg-color);
  background-color: var(--table-body-th-bg-color);
}
.country-table tr.indicator .title,
.country-table td.main {
  font-weight: 600;
}
.country-table span.info {
  top: -5px !important;
}
.country-table tr.branch .title {
  padding-left: var(--spacing-l);
}
.country-table th.country,
.country-table th.sex,
.country-table td.value {
  text-align: center;
}

ul.axes {
  pointer-events: none;
}
ul.axes li {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
}
ul.axes.horizontal {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
ul.axes.horizontal li {
  display: grid;
  grid-template-rows: 1fr var(--ui-xs-line-height);
  row-gap: calc(
		((10 / 16) * 1rem) + (20 - 10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  height: 100%;
  justify-items: center;
  color: #75767D;
}
ul.axes.horizontal li:before {
  content: " ";
  grid-row: 1;
  width: 1px;
  height: 100%;
  background-color: var(--domain-color-700);
  opacity: 0.2;
}
ul.axes.horizontal span {
  display: block;
  grid-row: 2;
  position: absolute;
  bottom: 0px;
}

.indexMainGraph {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr var(--droplet-placeholder);
  grid-template-rows: 1fr calc(var(--ui-xs-line-height) + calc(
		((10 / 16) * 1rem) + (20 - 10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	));
  --axes-width:	calc(
  	((24 / 16) * 1rem) + (38 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --label-bar-spacing:	calc(
  	((8 / 16) * 1rem) + (20 - 8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bar-padding-b:	calc(
  	((4 / 16) * 1rem) + (10 - 4) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bar-brd-width:	2px;
  --eu-dash-size:	10px;
  --droplet-size:	calc(
  	((45 / 16) * 1rem) + (47 - 45) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bar-padding:	4px;
  --droplet-placeholder:	calc(hypot(var(--droplet-size), var(--droplet-size)) - calc(var(--droplet-size) * (50 / 100 / 2)) + var(--bar-padding));
}
.indexMainGraph ul.axes {
  grid-column: 2;
  grid-row: 1/span 2;
}
.indexMainGraph nav {
  grid-column: 1/span 3;
  grid-row: 1;
  display: grid;
  grid-template-columns: subgrid;
}
@media screen and (min-width: 90em) {
  .indexMainGraph {
    grid-template-columns: var(--axes-width) 1fr;
    grid-template-rows: var(--droplet-placeholder) 1fr auto;
  }
  .indexMainGraph ul.axes {
    grid-column: 1/span 2;
    grid-row: 2;
  }
  .indexMainGraph nav {
    grid-column: 2;
    grid-row: 1/span 3;
    grid-template-columns: auto;
    grid-template-rows: subgrid;
  }
}
@media screen and (min-width: 90em) {
  .indexMainGraph {
    --droplet-rotation:	-45deg;
  }
}
@media screen and (min-width: 90em) {
  .indexMainGraph {
    --eu-dash-size:	14px;
  }
}
.indexMainGraph ul.bar-chart li:not(.selected) {
  --droplet-size:	22px;
  --bar-padding:	3px;
  --droplet-placeholder:	calc(hypot(var(--droplet-size), var(--droplet-size)) - calc(var(--droplet-size) * (50 / 100 / 2)) + var(--bar-padding));
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart li:not(.selected) {
    --droplet-size:	calc(
    	((12 / 16) * 1rem) + (24 - 12) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
    );
    --bar-padding:	calc(
    	((-8 / 16) * 1rem) + (8 - -8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
    );
    --droplet-placeholder:	calc(hypot(var(--droplet-size), var(--droplet-size)) - calc(var(--droplet-size) * (50 / 100 / 2)) + var(--bar-padding));
  }
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.axes {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    z-index: 1;
  }
  .indexMainGraph ul.axes li {
    position: relative;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: var(--axes-width) 1fr;
    align-items: center;
    justify-items: center;
    height: auto;
    width: 100%;
    row-gap: 0px;
    color: #75767D;
  }
  .indexMainGraph ul.axes li:before {
    content: " ";
    grid-column: 2;
    width: 100%;
    height: 1px;
    background-color: var(--domain-color-700);
    opacity: 0.2;
  }
  .indexMainGraph ul.axes span {
    display: block;
    grid-column: 1;
    grid-row: 1;
    position: absolute;
    left: 0px;
    bottom: auto;
  }
}
.indexMainGraph ul.bar-chart {
  position: relative;
  grid-column: 1/span 3;
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: subgrid;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart {
    grid-row: 1/span 3;
    grid-template-columns: repeat(var(--columns, 28), 1fr);
    grid-template-rows: subgrid;
  }
}
.indexMainGraph ul.bar-chart:before {
  content: " ";
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
  grid-column: 2/span 3;
  grid-row: 1;
  border: 1px solid var(--domain-color-700);
  opacity: 0.2;
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart:before {
    border-bottom-width: 0px;
    grid-column: auto;
    grid-row: 1/span 2;
  }
}
.indexMainGraph ul.bar-chart li {
  position: relative;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart li {
    grid-column: auto;
    grid-row: 1/span 3;
    grid-template-rows: subgrid;
    height: 100%;
  }
}
.indexMainGraph ul.bar-chart li:before {
  content: " ";
  grid-column: 2;
  grid-row: 1;
  height: 2px;
  align-self: center;
  --dash-size: 9px;
  background: radial-gradient(circle closest-side, var(--domain-color-700) 98%, rgba(0, 0, 0, 0)) 0 0/var(--dash-size) 100%, linear-gradient(90deg, var(--domain-color-700) 50%, rgba(0, 0, 0, 0) 0) calc(var(--dash-size) / 2) 0/calc(2 * var(--dash-size)) 100%;
  opacity: 0.2;
  z-index: -1;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart li:before {
    grid-row: 2;
    grid-column: 1;
    width: 2px;
    height: 100%;
    justify-self: center;
    background: radial-gradient(circle closest-side, var(--domain-color-700) 98%, rgba(0, 0, 0, 0)) 0 0/100% var(--dash-size), linear-gradient(var(--domain-color-700) 50%, rgba(0, 0, 0, 0) 0) 0 calc(var(--dash-size) / 2)/100% calc(2 * var(--dash-size));
    margin-top: -5px;
  }
}
.indexMainGraph ul.bar-chart a {
  grid-row: 1;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart a {
    grid-column: 1;
    grid-row: 1/span 3;
    width: 100%;
    height: auto;
  }
  .indexMainGraph ul.bar-chart a:before, .indexMainGraph ul.bar-chart a:after {
    position: absolute;
    grid-column: 1;
    grid-row: 3;
  }
  .indexMainGraph ul.bar-chart a:before {
    border-radius: 0px;
  }
  .indexMainGraph ul.bar-chart a:after {
    grid-row: 2;
    position: relative;
    bottom: calc(-1 * var(--bar-padding-b));
    justify-self: center;
    align-self: flex-end;
    width: var(--bar-bg-width, 100%);
    height: calc(var(--index-score) + var(--droplet-placeholder) + var(--bar-padding-b));
    border-radius: 50px;
  }
  .indexMainGraph ul.bar-chart a span.bar:after {
    border-width: 3px;
  }
  .indexMainGraph ul.bar-chart a span.label {
    border-width: 0px;
  }
}
@media screen and (min-width: 90em) and (hover: hover) and (pointer: fine) {
  .indexMainGraph ul.bar-chart a:hover span.label {
    --label-fg: #75767D;
  }
}
.indexMainGraph ul.bar-chart span.label {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 600;
  padding-left: 2px;
  padding-right: calc(var(--label-bar-spacing) + var(--bar-padding-b));
  --label-fg: #3e4047;
  --label-bg: transparent;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart span.label {
    display: block;
    grid-row: 3;
    padding: 0px;
    padding-top: calc(var(--label-bar-spacing) + var(--bar-padding-b));
    border-radius: 0px;
    text-align: center;
  }
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart span.bar {
    grid-column: 1;
    grid-row: 2;
    align-self: flex-end;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: var(--index-score);
    padding: 0px var(--bar-padding);
    z-index: 0;
  }
  .indexMainGraph ul.bar-chart span.bar:before {
    width: var(--bar-brd-width);
    height: 100%;
  }
}
.indexMainGraph ul.bar-chart span.bar:after {
  width: calc(100% + var(--droplet-placeholder) + var(--bar-padding-b));
  left: calc(-1 * var(--bar-padding-b));
  border-radius: 50px;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart span.bar:after {
    left: auto;
    width: var(--bar-bg-width, 100%);
    height: calc(100% + var(--droplet-placeholder) + var(--bar-padding-b));
    bottom: calc(-1 * var(--bar-padding-b));
  }
}
.indexMainGraph ul.bar-chart span.score {
  font-size: 0px;
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart span.score {
    bottom: 100%;
    left: auto;
    width: var(--bar-bg-width, 100%);
    height: var(--droplet-placeholder);
  }
  .indexMainGraph ul.bar-chart span.score:before {
    margin: 0px;
    margin-bottom: calc(-1 * calc(var(--droplet-size) * (10 / 100 / 2)));
  }
}
@media screen and (min-width: 90em) {
  .indexMainGraph ul.bar-chart li.eu .bar:before {
    background: radial-gradient(circle closest-side, var(--bar-brd) 98%, rgba(0, 0, 0, 0)) 0 0/100% var(--eu-dash-size), linear-gradient(var(--bar-brd) 50%, rgba(0, 0, 0, 0) 0) 0 calc(var(--eu-dash-size) / 2)/100% calc(2 * var(--eu-dash-size));
  }
}
.indexMainGraph li.selected {
  --bar-brd-width:	4px;
  --bar-bg-width:	calc(var(--droplet-size) + var(--bar-padding) *2);
}
.indexMainGraph li.selected span.score {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 600;
  color: white;
}
.indexMainGraph li.selected span.score:before {
  margin-left: calc(var(--droplet-size) * (10 / 100 / 2));
}
@media screen and (min-width: 90em) {
  .indexMainGraph li.selected span.score:before {
    margin-left: 0px;
    margin-bottom: calc(var(--droplet-size) * (10 / 100 / 2));
  }
}
.indexMainGraph li.no-data:not(.selected) span.score {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 600;
  --droplet-fg: var(--domain-color-800);
}
.indexMainGraph li.no-data:not(.selected) span.score:before {
  opacity: 0;
}

.smallDropletGraphWrapper {
  line-height: 0;
}

#gei .smallDropletGraph {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  --empty-value-color:	var(--domain-color-100);
  --value-color:	var(--domain-color-500);
  --background-color:	var(--domain-color-50);
  --tx-color:	var(--domain-color-800);
}
#gei .smallDropletGraph svg {
  width: var(--domain-graph-size, 5rem);
  fill: white;
  overflow: visible;
}
#gei .smallDropletGraph text {
  fill: var(--tx-color);
  font-family: "Archivo", "Open Sans", sans-serif;
  text-anchor: middle;
  dominant-baseline: middle;
  line-height: normal;
  font-weight: 700;
}
#gei .smallDropletGraph text.mainValue {
  font-size: var(--domain-graph-font-size, 1em);
}
#gei .smallDropletGraph text.caption {
  font-size: 0.7em;
}
#gei .smallDropletGraph path.background {
  fill: var(--background-color);
  stroke: none;
}
#gei .smallDropletGraph path.empty-value {
  fill: none;
  stroke: var(--empty-value-color);
  stroke-linejoin: round;
  stroke-linecap: round;
}
#gei .smallDropletGraph path.value {
  stroke: var(--value-color);
  fill: none;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.countriesComparisonMap svg .country {
  stroke-width: 0.5px;
  stroke: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  fill: var(--country-bg-color);
}
.countriesComparisonMap svg .country text {
  fill: var(--country-fg-color, white);
  stroke: none;
  font-size: 0.875rem;
  font-weight: 600;
  text-anchor: middle;
}
.countriesComparisonMap svg .country.noData {
  cursor: default;
  fill: #c3c4c6;
}
.countriesComparisonMap svg .country.noData text {
  fill: transparent;
}
.countriesComparisonMap svg .country.country-CY text, .countriesComparisonMap svg .country.country-MT text {
  fill: black;
}
.countriesComparisonMap svg .country.disabled {
  --country-fg-color: white;
  --country-bg-color: #75767D;
}
.countriesComparisonMap svg .country * {
  transition: 250ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .countriesComparisonMap svg .country:hover {
    --country-fg-color: white;
    --country-bg-color: #1e6d68;
  }
}
.countriesComparisonMap svg g.eu-group-wrapper {
  cursor: pointer;
  --eu-bg-color: var(--domain-color-700);
  --eu-fg-color: white;
}
.countriesComparisonMap svg g.eu-group-wrapper circle.eu-value-wrapper,
.countriesComparisonMap svg g.eu-group-wrapper circle.eu-background {
  fill: var(--eu-bg-color);
}
.countriesComparisonMap svg g.eu-group-wrapper line.eu-bubble-connector {
  stroke: var(--eu-bg-color);
}
.countriesComparisonMap svg g.eu-group-wrapper text.eu-value,
.countriesComparisonMap svg g.eu-group-wrapper text.eu-value-title {
  font-size: 1.7em;
  font-weight: 600;
  text-anchor: middle;
  dominant-baseline: middle;
  fill: var(--eu-fg-color);
}
.countriesComparisonMap svg g.eu-group-wrapper text.eu-value-title {
  font-size: 1em;
}
.countriesComparisonMap svg g.eu-group-wrapper image {
  pointer-events: none;
}
.countriesComparisonMap svg g.eu-group-wrapper.disabled {
  --eu-fg-color: white;
  --eu-bg-color: #75767D;
}
.countriesComparisonMap svg g.eu-group-wrapper.disabled .eu-bubble-connector,
.countriesComparisonMap svg g.eu-group-wrapper.disabled .eu-value-wrapper,
.countriesComparisonMap svg g.eu-group-wrapper.disabled text {
  opacity: 0;
  visibility: hidden;
}
.countriesComparisonMap svg g.eu-group-wrapper * {
  transition: 250ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .countriesComparisonMap svg g.eu-group-wrapper:hover {
    --eu-fg-color: white;
    --eu-bg-color: #1e6d68;
  }
}
.countriesComparisonMap svg rect.axis {
  stroke: white;
  fill: var(--country-bg-color);
  stroke-width: 1px;
}
.countriesComparisonMap svg text.axis {
  font-size: 12px;
  fill: black;
}
.countriesComparisonMap svg rect.axis + text.axis {
  font-size: 12px;
  dominant-baseline: ideographic;
}
.countriesComparisonMap svg .group-1 {
  --country-bg-color: var(--domain-color-200);
  --country-fg-color: black;
}
.countriesComparisonMap svg .group-2 {
  --country-bg-color: var(--domain-color-500);
  --country-fg-color: black;
}
.countriesComparisonMap svg .group-3 {
  --country-bg-color: var(--domain-color-700);
  --country-fg-color: white;
}
.countriesComparisonMap svg .group-4 {
  --country-bg-color: var(--domain-color-900);
  --country-fg-color: white;
}

.largeCyclicGraph {
  line-height: 0px;
}
.largeCyclicGraph circle.header {
  fill: var(--domain-color-50);
}
.largeCyclicGraph circle.body {
  fill: white;
}
.largeCyclicGraph circle.scale,
.largeCyclicGraph g.slice path.slice {
  stroke: #dbdbdb;
  stroke-width: 0.3;
  fill: none;
}
.largeCyclicGraph text {
  fill: var(--domain-color-800);
  text-anchor: middle;
  dominant-baseline: middle;
  alignment-baseline: central;
  font-family: "Open Sans", sans-serif;
  font-size: 0.59em;
  font-weight: 700;
}
.largeCyclicGraph g.slice text.value {
  font-weight: 400;
  fill: #3e4047;
}
.largeCyclicGraph g.slice circle {
  fill: var(--domain-color-500);
}
.largeCyclicGraph g.slice.not-available path {
  fill: white;
  opacity: 0.45;
}
.largeCyclicGraph g.slice.not-available text {
  fill: #75767D;
}
.largeCyclicGraph .connector {
  fill: var(--domain-color-50-trans);
  stroke: var(--domain-color-100);
}

ul.bar-chart {
  display: grid;
  grid-template-columns: auto 1fr var(--droplet-placeholder);
  grid-auto-rows: 1fr;
}
ul.bar-chart li {
  grid-column: 1/span 3;
  display: grid;
  grid-template-columns: subgrid;
  height: calc(var(--droplet-size) + var(--bar-padding) * 2);
}
ul.bar-chart span.label {
  grid-column: 1;
  display: flex;
  align-items: center;
  padding: 0px calc(
		((16 / 16) * 1rem) + (24 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  background-color: var(--label-bg, var(--bar-bg));
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-s-font-size);
  line-height: var(--ui-s-line-height);
  font-weight: 700;
  color: var(--label-fg);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
ul.bar-chart span.bar {
  grid-column: 2;
  position: relative;
  display: flex;
  align-items: center;
  width: var(--index-score);
  padding: var(--bar-padding) 0px;
}
ul.bar-chart span.bar:before {
  content: " ";
  width: 100%;
  height: var(--bar-brd-width, 5px);
  background-color: var(--bar-brd);
  border-radius: 50px;
}
ul.bar-chart span.bar:after {
  content: " ";
  position: absolute;
  left: 0px;
  width: calc(100% + var(--droplet-placeholder));
  height: 100%;
  background-color: var(--bar-bg);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  z-index: -1;
}
ul.bar-chart span.score {
  position: absolute;
  left: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: var(--droplet-placeholder);
  height: var(--droplet-size);
  color: var(--droplet-fg, white);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  font-weight: 600;
  z-index: 0;
}
ul.bar-chart span.score:before {
  content: " ";
  position: absolute;
  display: flex;
  width: var(--droplet-size);
  aspect-ratio: 1;
  margin-right: calc(-1 * calc(var(--droplet-size) * (10 / 100 / 2)));
  background-color: var(--droplet-bg);
  border-radius: 50%;
  border-bottom-left-radius: 10%;
  transform: rotate(var(--droplet-rotation, 45deg));
  border: 3px solid white;
  z-index: -1;
}
ul.bar-chart a {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  grid-column: 1/span 3;
  height: 100%;
  align-items: flex-end;
  pointer-events: none;
}
ul.bar-chart a > * {
  grid-row: 1;
  height: 100%;
}
ul.bar-chart a:before, ul.bar-chart a:after {
  content: " ";
  pointer-events: all;
  grid-row: 1;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 250ms ease-out;
}
ul.bar-chart a:before {
  grid-column: 1;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
ul.bar-chart a:after {
  grid-column: 2;
  width: calc(var(--index-score) + var(--droplet-placeholder));
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
ul.bar-chart a span.label,
ul.bar-chart a span.bar:after {
  border: 3px solid var(--focus-brd-color, transparent);
  border-left-width: 0px;
}
ul.bar-chart a span.label {
  border-right-width: 0px;
  border-left-width: 3px;
}
ul.bar-chart a:focus-visible {
  --focus-brd-color: var(--bar-brd-focus);
}
@media (hover: hover) and (pointer: fine) {
  ul.bar-chart a:hover {
    --bar-bg:	var(--bar-bg-hover);
    --bar-brd:	var(--bar-brd-hover);
  }
}
ul.bar-chart a span.label,
ul.bar-chart a span.bar:before,
ul.bar-chart a span.bar:after {
  transition: 250ms ease-out;
}
ul.bar-chart li.eu .bar:before {
  background: radial-gradient(circle closest-side, var(--bar-brd) 98%, rgba(0, 0, 0, 0)) 0 0/var(--eu-dash-size) 100%, linear-gradient(90deg, var(--bar-brd) 50%, rgba(0, 0, 0, 0) 0) calc(var(--eu-dash-size) / 2) 0/calc(2 * var(--eu-dash-size)) 100%;
}
ul.bar-chart li {
  --bar-bg:	var(--domain-color-50);
  --bar-brd:	var(--domain-color-500);
  --droplet-bg:	var(--domain-color-800);
  --label-fg:	var(--domain-color-800);
  --bar-bg-hover:	var(--domain-color-100);
  --bar-brd-hover:	var(--domain-color-500);
  --bar-brd-focus:	var(--domain-color-800);
}
ul.bar-chart.small li {
  --bar-brd:	var(--domain-color-300);
  --droplet-bg:	var(--domain-color-500);
}
ul.bar-chart.small li.eu {
  --bar-brd:	#70bbb7;
  --droplet-bg:	#2a9a93;
}
ul.bar-chart li.selected {
  --bar-bg:	var(--domain-color-200);
  --bar-brd:	var(--domain-color-600);
  --droplet-bg:	var(--domain-color-800);
}
ul.bar-chart li.eu {
  --bar-bg:	#eaf5f4;
  --bar-brd:	#2a9a93;
  --droplet-bg:	#175551;
  --label-fg:	#175551;
  --bar-bg-hover:	#bde0de;
  --bar-brd-hover:	#2a9a93;
  --bar-brd-focus:	#175551;
}
ul.bar-chart li.eu.selected {
  --bar-bg:	#9dd1cd;
  --bar-brd:	#268c86;
  --droplet-bg:	#175551;
}

.evolution-of-change-graph {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: calc(
		((350 / 16) * 1rem) + (500 - 350) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  --droplet-bg-color:	var(--domain-color-800);
  --line-bg-color:	var(--domain-color-50);
  --line-brd-color:	var(--domain-color-500);
}
.evolution-of-change-graph .legend {
  grid-column: 2;
  grid-row: 1;
}
.evolution-of-change-graph .axes.vertical {
  grid-column: 1;
  grid-row: 2;
}
.evolution-of-change-graph .axes.horizontal {
  grid-column: 2;
  grid-row: 3;
}
.evolution-of-change-graph dl {
  grid-column: 2;
  grid-row: 2;
}
.evolution-of-change-graph .axes.horizontal,
.evolution-of-change-graph dl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  justify-content: center;
}
.evolution-of-change-graph .legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--spacing-xs);
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  row-gap: var(--spacing-2xs);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 700;
}
.evolution-of-change-graph .legend li {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
}
.evolution-of-change-graph .legend li:before {
  content: " ";
  height: var(--ui-xs-line-height);
  aspect-ratio: 1;
  margin-top: -2px;
  background-color: var(--droplet-bg-color);
  border-radius: 50%;
  border-bottom-left-radius: 10%;
  transform: rotate(-45deg);
}
.evolution-of-change-graph .legend li:after {
  content: " ";
  grid-column: 2;
  width: 24px;
  border: 1px solid var(--line-brd-color);
  grid-row: 1;
  margin-left: var(--spacing-3xs);
  margin-right: var(--spacing-2xs);
}
.evolution-of-change-graph .legend li.eu:after {
  border-style: dashed;
}
.evolution-of-change-graph .axes.vertical {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: var(--spacing-s);
  text-align: right;
  color: #75767D;
}
.evolution-of-change-graph .axes.horizontal li {
  display: block;
  padding-top: calc(
		((10 / 16) * 1rem) + (20 - 10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.evolution-of-change-graph .axes.horizontal li:before {
  content: none;
}
.evolution-of-change-graph dl {
  position: relative;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
}
.evolution-of-change-graph dl div {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.evolution-of-change-graph:before {
  content: " ";
  grid-column: 2;
  grid-row: 2;
  border: 1px solid var(--domain-color-700);
  opacity: 0.2;
}
.evolution-of-change-graph dd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  z-index: 1;
  transform: translateY(50%);
}
.evolution-of-change-graph dd:before {
  content: " ";
  position: absolute;
  display: flex;
  width: var(--droplet-size);
  aspect-ratio: 1;
  background-color: var(--droplet-bg-color);
  border-radius: 50%;
  border-bottom-left-radius: 10%;
  transform: rotate(-45deg);
  border: 3px solid white;
  z-index: -1;
}
.evolution-of-change-graph div:nth-child(1) dd {
  bottom: var(--position-y-1);
}
.evolution-of-change-graph div:nth-child(2) dd {
  bottom: var(--position-y-2);
}
.evolution-of-change-graph div:nth-child(3) dd {
  bottom: var(--position-y-3);
}
.evolution-of-change-graph div:nth-child(4) dd {
  bottom: var(--position-y-4);
}
.evolution-of-change-graph dl:before,
.evolution-of-change-graph dl:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  clip-path: polygon(12.5% calc(var(--position-y-1) - var(--extra-width)), 37.5% calc(var(--position-y-2) - var(--extra-width)), 62.5% calc(var(--position-y-3) - var(--extra-width)), 87.5% calc(var(--position-y-4) - var(--extra-width)), 87.5% calc(var(--position-y-4) + var(--extra-width)), 62.5% calc(var(--position-y-3) + var(--extra-width)), 37.5% calc(var(--position-y-2) + var(--extra-width)), 12.5% calc(var(--position-y-1) + var(--extra-width)));
  transform: scaleY(-1);
}
.evolution-of-change-graph dl:before {
  background-color: var(--line-bg-color);
  --extra-width: 7px;
}
.evolution-of-change-graph dl:after {
  background-color: var(--domain-color-500);
  --extra-width: 1px;
}
.evolution-of-change-graph dl.eu:after {
  background: repeating-linear-gradient(90deg, var(--line-brd-color) 0px, var(--line-brd-color) 8px, transparent 8px, transparent 16px);
}
.evolution-of-change-graph dl.eu div {
  position: relative;
}
.evolution-of-change-graph dl.eu div:before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--domain-color-700);
  opacity: 0.2;
}
.evolution-of-change-graph dl.eu:has(dd:hover) {
  z-index: 3;
}
.evolution-of-change-graph .eu {
  --droplet-bg-color:	#175551;
  --line-bg-color:	#eaf5f4;
  --line-brd-color:	#2a9a93;
}

.rateOfChangeGraph {
  position: relative;
  display: grid;
  grid-template-columns: auto var(--droplet-placeholder) var(--middle-columns-fr, 1fr 1fr) var(--droplet-placeholder);
  grid-template-rows: 1fr calc(var(--ui-xs-line-height) + calc(
		((10 / 16) * 1rem) + (20 - 10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	));
  --zero-axes-brd-width:	2px;
  --label-bar-spacing:	calc(
  	((4 / 16) * 1rem) + (12 - 4) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --selected-value-bar-spacing:	2px;
  --bar-brd-width:	2px;
  --eu-dash-size:	8px;
  --droplet-size:	calc(
  	((45 / 16) * 1rem) + (47 - 45) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bar-padding:	4px;
  --droplet-placeholder:	calc(hypot(var(--droplet-size), var(--droplet-size)) - calc(var(--droplet-size) * (50 / 100 / 2)) + var(--bar-padding));
}
.rateOfChangeGraph ul.axes {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row: 1/span 2;
}
.rateOfChangeGraph nav {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/span 5;
  grid-row: 1;
}
.rateOfChangeGraph ul.bar-chart li:not(.selected) {
  --droplet-size:	22px;
  --bar-padding:	3px;
  --droplet-placeholder:	calc(hypot(var(--droplet-size), var(--droplet-size)) - calc(var(--droplet-size) * (50 / 100 / 2)) + var(--bar-padding));
}
.rateOfChangeGraph ul.axes {
  z-index: 1;
}
.rateOfChangeGraph ul.axes li.zero:before {
  width: var(--zero-axes-brd-width);
}
@media screen and (max-width: 30em) {
  .rateOfChangeGraph ul.axes li:not(.zero, :first-child, :last-child) {
    display: none;
  }
}
@media screen and (min-width: 50.0625em) and (max-width: 64em) {
  .rateOfChangeGraph ul.axes li:not(.zero, :first-child, :last-child) {
    display: none;
  }
}
.rateOfChangeGraph:before, .rateOfChangeGraph:after {
  content: " ";
  position: absolute;
  grid-column: 2/span 5;
  width: 100%;
  height: 1px;
  background-color: var(--domain-color-700);
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
}
.rateOfChangeGraph:after {
  grid-row: 2;
}
.rateOfChangeGraph ul.bar-chart {
  position: relative;
}
.rateOfChangeGraph ul.bar-chart:before, .rateOfChangeGraph ul.bar-chart:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  grid-row: 1;
  background-color: var(--domain-color-700);
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
}
.rateOfChangeGraph ul.bar-chart:before {
  grid-column: 2;
}
.rateOfChangeGraph ul.bar-chart:after {
  right: 0px;
}
.rateOfChangeGraph ul.bar-chart {
  grid-template-columns: subgrid;
  grid-auto-rows: auto;
  grid-column: 1/span 5;
}
.rateOfChangeGraph ul.bar-chart > li {
  grid-column: 1/span 5;
  grid-template-areas: ". . negative positive .";
}
.rateOfChangeGraph ul.bar-chart a {
  grid-column: 1/span 5;
}
.rateOfChangeGraph ul.bar-chart a:before {
  border-radius: 0px;
}
.rateOfChangeGraph ul.bar-chart a:after {
  grid-column: positive;
}
.rateOfChangeGraph ul.bar-chart a span.bar:after {
  border-left-width: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .rateOfChangeGraph ul.bar-chart a:hover span.label {
    --label-fg: #75767D;
  }
}
.rateOfChangeGraph ul.bar-chart li span.label {
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  padding: 0px 2px;
  margin-right: var(--label-bar-spacing);
  text-align: right;
  --label-bg: transparent;
  --label-fg: #3e4047;
  font-weight: 600;
  border-right-width: 3px;
  border-radius: 6px;
}
.rateOfChangeGraph ul.bar-chart span.bar {
  grid-area: positive;
}
.rateOfChangeGraph ul.bar-chart span.bar:before {
  border-radius: 0px;
}
.rateOfChangeGraph ul.bar-chart span.score {
  font-size: 0px;
  line-height: 0;
}
.rateOfChangeGraph ul.bar-chart li.negative a:after {
  grid-column: negative;
  justify-self: flex-end;
  border-radius: 0px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.rateOfChangeGraph ul.bar-chart li.negative span.bar {
  grid-area: negative;
  justify-self: flex-end;
}
.rateOfChangeGraph ul.bar-chart li.negative span.bar:after {
  left: auto;
  right: 0px;
  border-radius: 0px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.rateOfChangeGraph ul.bar-chart li.negative span.score {
  right: 100%;
  left: auto;
  --droplet-rotation: -135deg;
}
.rateOfChangeGraph ul.bar-chart li.selected {
  --bar-brd-width:	4px;
  --bar-bg-width:	calc(var(--droplet-size) + var(--bar-padding) *2);
}
.rateOfChangeGraph ul.bar-chart li.selected span.score {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 600;
  color: white;
}
.rateOfChangeGraph ul.bar-chart li.selected span.score:before {
  margin-left: calc(var(--droplet-size) * (10 / 100 / 2));
}
.rateOfChangeGraph ul.bar-chart li.selected.negative span.score:before {
  margin-left: 0px;
  margin-right: calc(var(--droplet-size) * (10 / 100 / 2));
}
.rateOfChangeGraph ul.bar-chart li.no-data:not(.selected) span.score {
  font-size: 12px;
  font-weight: 700;
  --droplet-fg: var(--domain-color-800);
}
.rateOfChangeGraph ul.bar-chart li.no-data:not(.selected) span.score:before {
  opacity: 0;
}
.rateOfChangeGraph:has(.axes li.zero:nth-of-type(1)) ul.bar-chart > li {
  grid-template-areas: ". . positive positive .";
}
.rateOfChangeGraph:has(.axes li.zero:nth-of-type(2)) {
  --middle-columns-fr: 1fr 5fr;
}
.rateOfChangeGraph:has(.axes li.zero:nth-of-type(3)) {
  --middle-columns-fr: 2fr 4fr;
}
.rateOfChangeGraph:has(.axes li.zero:nth-of-type(5)) {
  --middle-columns-fr: 4fr 2fr;
}
.rateOfChangeGraph:has(.axes li.zero:nth-of-type(6)) {
  --middle-columns-fr: 5fr 1fr;
}
.rateOfChangeGraph:has(.axes li.zero:nth-of-type(7)) ul.bar-chart > li {
  grid-template-areas: ". . negative negative .";
}

#gei.index .domain-buttons {
  margin-bottom: var(--section-gap);
}
#gei.index section.graphs {
  display: grid;
  row-gap: var(--page-gap);
}
@media screen and (min-width: 50.0625em) {
  #gei.index section.graphs {
    grid-template-columns: 55fr 45fr;
    -moz-column-gap: var(--page-gap);
         column-gap: var(--page-gap);
    align-items: flex-start;
  }
  #gei.index section.graphs .country-buttons {
    grid-column: 1/span 2;
    grid-row: 2;
  }
}
@media screen and (min-width: 90em) {
  #gei.index section.graphs {
    grid-template-columns: 69.6fr 30.4fr;
    -moz-column-gap: calc(
		((-10 / 16) * 1rem) + (80 - -10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
         column-gap: calc(
		((-10 / 16) * 1rem) + (80 - -10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
    align-items: stretch;
  }
  #gei.index section.graphs .primary-graph {
    display: grid;
    grid-template-rows: auto 1fr;
  }
}
#gei.index section.graphs h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: 0em;
  margin-bottom: var(--h3-margin);
}
#gei.index section.graphs .secondary-graph {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  row-gap: 0px;
}
#gei.index section.graphs .secondary-graph .rateOfChangeGraph {
  flex-basis: 100%;
  margin-bottom: auto;
}
#gei.index section.graphs .secondary-graph h2 {
  margin-bottom: 0px;
}
#gei.index section.graphs .secondary-graph .SingleSelectDefault {
  display: block;
  margin-bottom: var(--h3-margin);
  min-height: var(--h3-line-height);
}
#gei.index section.graphs .secondary-graph .SingleSelectDefault label {
  font-size: 0px;
}
#gei.index section.graphs .secondary-graph .SingleSelectDefault select {
  padding-top: var(--spacing-2xs);
  padding-bottom: var(--spacing-2xs);
}
#gei.index .country-buttons ul.button-group {
  justify-content: center;
}
#gei.index section.body {
  margin-top: var(--section-padding-tb);
}
#gei.index section.body .layout > .highlighted-frame {
  padding-left: var(--layout-column-gap);
}
@media screen and (min-width: 56.3125em) {
  #gei.index section.body .layout.expand-2 > div > h2 {
    text-align: right;
  }
}

#gei.domain .gei-view-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
@media screen and (min-width: 64.0625em) {
  #gei.domain .gei-view-content {
    grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
    -moz-column-gap: calc(var(--page-gap) * 2 + 1px);
         column-gap: calc(var(--page-gap) * 2 + 1px);
  }
  #gei.domain .gei-view-content .navigation-wrapper {
    grid-column: 1/span 2;
  }
  #gei.domain .gei-view-content .subdomain-data-wrapper {
    position: relative;
  }
  #gei.domain .gei-view-content .subdomain-data-wrapper:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: calc(-1 * var(--page-gap));
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
  }
}
@media screen and (max-width: 64em) {
  #gei.domain .gei-view-content > div + div {
    margin-top: var(--page-gap);
  }
}
#gei.domain .subdomain-data-wrapper h3 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: 0em;
  margin-top: var(--h3-margin);
  margin-bottom: var(--h3-margin);
}
#gei.domain .subdomain-data-wrapper h3:first-child {
  margin-top: 0px;
}
#gei.domain .IntersectionSingleSelect {
  margin-bottom: var(--spacing-l);
}
#gei.domain .IntersectionSingleSelect .checkbox + div {
  margin-top: var(--spacing-s);
}

#gei.domain .domain-graph {
  margin-bottom: var(--spacing-l);
  --domain-graph-size: 200px;
}

@media screen and (min-width: 64.0625em) {
  #gei.domain .domain_violence .gei-view-content .domain-data-wrapper:last-child,
  #gei.domain .domain_violence .gei-view-content .mock-content {
    grid-column: 1/-1;
  }
  #gei.domain .domain_violence .gei-view-content .data-wrapper,
  #gei.domain .domain_violence .gei-view-content .mock-content {
    max-width: 59rem;
    margin-right: auto;
    margin-left: auto;
  }
}

#gei.intersecting-inequalities .description {
  max-width: 59rem;
}
@media screen and (min-width: 64.0625em) {
  #gei.intersecting-inequalities .indicator {
    --columns: 2;
  }
}
@media screen and (min-width: 85.4375em) {
  #gei.intersecting-inequalities .indicator {
    --columns: 4;
  }
}

#gei.country section h3 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
  margin-bottom: var(--h2-margin);
}
#gei.country section .button-wrapper {
  margin-top: var(--section-gap);
  text-align: center;
}
@media screen and (max-width: 40em) {
  #gei.country section div.export {
    flex-basis: 100%;
    text-align: center;
    margin-top: var(--section-gap);
  }
}
#gei.country .gei-view-content > section:not(.navigation-wrapper, .gei-footer) {
  margin-bottom: var(--section-padding-tb);
}
#gei.country .gei-view-content > section:not(.navigation-wrapper, .gei-footer) + section:not(.gei-footer) {
  position: relative;
}
#gei.country .gei-view-content > section:not(.navigation-wrapper, .gei-footer) + section:not(.gei-footer):after {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 1px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  top: 0px;
}
#gei.country .gei-view-content > section:not(.navigation-wrapper, .gei-footer) + section:not(.gei-footer):not(.data) > *:first-child:not(:empty) {
  padding-top: var(--section-padding-tb);
}
#gei.country .gei-view-content > section.data {
  padding-top: var(--section-padding-tb);
}
#gei.country .gei-view-content > section.info .description:empty + .highlights:empty + .button-wrapper:not(:empty) {
  padding-top: var(--section-padding-tb);
}
#gei.country .gei-view-content > section.info .description:not(:empty) + .highlights:not(:empty) {
  padding-top: var(--page-gap);
}
#gei.country section.data {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: var(--page-gap);
       column-gap: var(--page-gap);
  row-gap: var(--section-padding-tb);
}
@media screen and (min-width: 50.0625em) {
  #gei.country section.data {
    grid-template-columns: 58fr 42fr;
    row-gap: var(--page-gap);
  }
  #gei.country section.data div.footnotes,
  #gei.country section.data div.domain-buttons {
    grid-column: 1/span 2;
  }
}
@media screen and (min-width: 64.0625em) {
  #gei.country section.data {
    grid-template-columns: 65fr 35fr;
  }
}
#gei.country section.data h3 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: 0em;
  margin-bottom: var(--h3-margin);
}
#gei.country div.primary-graph h3 {
  grid-column: 1/span 3;
}
#gei.country div.primary-graph > div.score {
  display: grid;
  grid-template-columns: auto 1fr var(--droplet-placeholder);
  grid-template-rows: auto auto calc(var(--ui-xs-line-height) + calc(
		((10 / 16) * 1rem) + (20 - 10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	));
}
#gei.country div.primary-graph .bar-chart {
  position: relative;
  grid-column: 1/span 3;
  grid-row: 2;
  grid-template-columns: subgrid;
  row-gap: calc(
		((8 / 16) * 1rem) + (24 - 8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  --bar-expansion: var(--spacing-xs);
}
#gei.country div.primary-graph .bar-chart:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  grid-column: 2/span 3;
  border: 1px solid var(--domain-color-700);
  border-left: 0px;
  opacity: 0.2;
}
#gei.country div.primary-graph .bar-chart span.label {
  padding-left: 0px;
  background-color: transparent;
  padding-right: calc(var(--spacing-s) + var(--bar-expansion));
}
#gei.country div.primary-graph .bar-chart span.bar:after {
  width: calc(100% + var(--droplet-placeholder) + var(--bar-expansion));
  left: calc(-1 * var(--bar-expansion));
  border-radius: 50px;
}
#gei.country div.primary-graph ul.axes {
  grid-column: 2;
  grid-row: 2/span 3;
}
#gei.country div.secondary-graph {
  display: grid;
  grid-template-rows: auto auto 1fr;
}
#gei.country div.secondary-graph h3 {
  margin-bottom: 0px;
}
#gei.country div.secondary-graph .SingleSelectDefault {
  margin-top: var(--spacing-3xs);
  margin-bottom: var(--h3-margin);
}
#gei.country .info-grid > div.box.highlighted {
  background-color: var(--panel-bg-color);
  color: var(--panel-fg-color);
  --tx-color:	var(--panel-fg-color);
  --headings-primary-color:	var(--panel-headings-color);
  --headings-secondary-color:	var(--panel-headings-color);
  --decor-primary-color:	var(--panel-decor-color);
  --download-link-icon-fg-color:	white;
  --download-link-icon-bg-color:	var(--panel-decor-color);
  --divider-color:	var(--panel-decor-color);
  --panel-fg-color:	#222327;
  --panel-headings-color:	#12413e;
  --panel-decor-color:	#175551;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#12413e;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#13293f;
  --panel-bg-color:	#70bbb7;
}
@media screen and (max-width: 56.25em) {
  #gei.country .info-grid > div.box.highlighted:nth-child(odd) {
    background-color: var(--panel-bg-color);
    color: var(--panel-fg-color);
    --tx-color:	var(--panel-fg-color);
    --headings-primary-color:	var(--panel-headings-color);
    --headings-secondary-color:	var(--panel-headings-color);
    --decor-primary-color:	var(--panel-decor-color);
    --download-link-icon-fg-color:	white;
    --download-link-icon-bg-color:	var(--panel-decor-color);
    --divider-color:	var(--panel-decor-color);
    --panel-fg-color:	#222327;
    --panel-headings-color:	#12413e;
    --panel-decor-color:	#175551;
    --link-default-fg-color:	#0d1d2d;
    --link-focus-fg-color:	white;
    --link-focus-bg-color:	#12413e;
    --link-hover-fg-color:	white;
    --link-hover-bg-color:	#13293f;
    --panel-bg-color:	#9dd1cd;
  }
}
@media screen and (min-width: 56.3125em) {
  #gei.country .info-grid > div.box.highlighted:nth-child(4n), #gei.country .info-grid > div.box.highlighted:nth-child(4n+1) {
    background-color: var(--panel-bg-color);
    color: var(--panel-fg-color);
    --tx-color:	var(--panel-fg-color);
    --headings-primary-color:	var(--panel-headings-color);
    --headings-secondary-color:	var(--panel-headings-color);
    --decor-primary-color:	var(--panel-decor-color);
    --download-link-icon-fg-color:	white;
    --download-link-icon-bg-color:	var(--panel-decor-color);
    --divider-color:	var(--panel-decor-color);
    --panel-fg-color:	#222327;
    --panel-headings-color:	#12413e;
    --panel-decor-color:	#175551;
    --link-default-fg-color:	#0d1d2d;
    --link-focus-fg-color:	white;
    --link-focus-bg-color:	#12413e;
    --link-hover-fg-color:	white;
    --link-hover-bg-color:	#13293f;
    --panel-bg-color:	#9dd1cd;
  }
}
#gei.country section.scores .countryDomainScores {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: var(--section-gap);
       column-gap: var(--section-gap);
}
#gei.country section.scores .countryDomainScores > h3,
#gei.country section.scores .countryDomainScores .data-wrapper {
  flex-basis: 100%;
}
#gei.country section.scores .countryDomainScores .data-wrapper {
  margin-top: var(--spacing-xl);
}
@media screen and (min-width: 40.0625em) {
  #gei.country section.scores .countryDomainScores .data-wrapper {
    order: 1;
  }
}
#gei.country section.scores h3 {
  margin-bottom: var(--h6-margin);
}
@media screen and (max-width: 30em) {
  #gei.country section.scores .gei-view-filters {
    width: 100%;
  }
}
#gei.country section.scores .gei-view-filters h4 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: 0em;
  color: #3e4047;
}
#gei.country section.scores .gei-view-filters .filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-s);
}
#gei.country section.scores .gei-view-filters .SingleSelectDefault label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: block !important;
}
#gei.country section.scores .scores-graph {
  display: grid;
  -moz-column-gap: var(--spacing-xl);
       column-gap: var(--spacing-xl);
  row-gap: var(--spacing-l);
}
@media screen and (min-width: 50.0625em) {
  #gei.country section.scores .scores-graph {
    grid-template-columns: auto 1fr;
  }
}
#gei.country section.scores .scores-graph > li {
  grid-column: 1/span 2;
  display: grid;
  align-items: center;
  row-gap: var(--spacing-s);
}
@media screen and (min-width: 50.0625em) {
  #gei.country section.scores .scores-graph > li {
    grid-template-columns: subgrid;
  }
}
#gei.country section.scores .scores-graph h5 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: 0em;
  color: var(--domain-color-800);
}
#gei.country section.scores .button.indicators:before {
  content: "\e952";
}

#gei.compare-countries .graphs-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--page-gap);
}
@media screen and (min-width: 64.0625em) {
  #gei.compare-countries .graphs-wrapper {
    grid-template-columns: minmax(0, 70fr) minmax(0, 30fr);
    -moz-column-gap: calc(var(--page-gap) * 2 + 1px);
         column-gap: calc(var(--page-gap) * 2 + 1px);
  }
  #gei.compare-countries .graphs-wrapper > div:last-child {
    position: relative;
  }
  #gei.compare-countries .graphs-wrapper > div:last-child:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: calc(-1 * var(--page-gap));
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
  }
}
#gei.compare-countries .countriesComparisonMap p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-s-margin);
  margin-bottom: var(--body-s-margin);
}
#gei.compare-countries .countriesComparisonBarChart .graph {
  display: grid;
  grid-template-columns: auto 1fr var(--droplet-placeholder);
  row-gap: var(--spacing-m);
}
#gei.compare-countries .countriesComparisonBarChart .graph ul.axes {
  grid-column: 2;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: var(--spacing-2xs);
       column-gap: var(--spacing-2xs);
  align-items: center;
  color: #75767D;
}
#gei.compare-countries .countriesComparisonBarChart .graph ul.axes:before {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  grid-column: 2;
  grid-row: 1;
}
#gei.compare-countries .countriesComparisonBarChart .graph ul.axes li {
  grid-row: 1;
}
#gei.compare-countries .countriesComparisonBarChart .graph ul.bar-chart {
  grid-column: 1/span 3;
  grid-template-columns: subgrid;
}
@media screen and (min-width: 40em) and (max-width: 64em) {
  #gei.compare-countries .gei-view-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  #gei.compare-countries .gei-view-filters .filter:first-child {
    padding-bottom: 0px;
    padding-right: var(--page-gap);
  }
  #gei.compare-countries .gei-view-filters .filter:last-child {
    border-top: 0px;
    padding-top: 0px;
    padding-left: var(--page-gap);
    border-left: 1px solid #dbdbdb;
  }
}
#gei.compare-countries .gei-view-filters h3.options-caption {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: 0em;
  margin-bottom: var(--spacing-s);
  display: flex;
  justify-content: space-between;
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
}
#gei.compare-countries .gei-view-filters h3.options-caption .options-shortcut {
  padding: 0px;
}
#gei.compare-countries .gei-view-filters h3.options-caption .options-shortcut input {
  top: 1px;
}
#gei.compare-countries .gei-view-filters .filter + .filter {
  margin-top: var(--spacing-l);
  padding-top: var(--spacing-l);
  border-top: 1px solid #dbdbdb;
}
@media screen and (min-width: 40em) and (max-width: 64em) {
  #gei.compare-countries .gei-view-filters .filter + .filter {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px;
  }
}
#gei.compare-countries .gei-view-filters li.domain_type_subdomain {
  margin-left: var(--spacing-m);
}

#gei.thematic-focus .gei-view-content > h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--h2-margin);
  margin-bottom: var(--h2-margin);
}
#gei.thematic-focus .gei-view-content > h2:first-child {
  margin-top: 0px;
}
#gei.thematic-focus .gei-view-content > section > h3 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: 0em;
  margin-top: var(--h3-margin);
  margin-bottom: var(--h3-margin);
}
#gei.thematic-focus .gei-view-content > section > h3:first-child {
  margin-top: 0px;
}
#gei.thematic-focus .gei-view-content > section + section {
  margin-top: var(--page-gap);
}
#gei.thematic-focus .gei-view-content .countries ul {
  display: grid;
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  -moz-column-gap: var(--section-gap);
       column-gap: var(--section-gap);
  row-gap: var(--teaser-list-gap-large);
}
@media screen and (min-width: 30.0625em) {
  #gei.thematic-focus .gei-view-content .countries ul {
    --columns: 2;
  }
}
@media screen and (min-width: 50.0625em) {
  #gei.thematic-focus .gei-view-content .countries ul {
    --columns: 3;
  }
}
@media screen and (min-width: 85.4375em) {
  #gei.thematic-focus .gei-view-content .countries ul {
    --columns: 4;
  }
}

#gei.thematic-country .data-wrapper {
  margin-top: var(--page-gap);
}

#gei.about hr {
  width: 200vw;
  margin-left: -100vw;
  margin-right: -100vw;
}
#gei.about .gei-view-content {
  padding-top: 0px;
  padding-bottom: var(--section-padding-tb);
  position: relative;
}
#gei.about .gei-view-content:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 1px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  bottom: 0px;
}
#gei.about h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: var(--d-h2-font-size);
  line-height: var(--d-h2-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--d-h2-margin);
  margin-bottom: var(--d-h2-margin);
}
#gei.about h2:after {
  content: " ";
  display: block;
  margin-top: var(--spacing-m);
  width: 60px;
  height: 5px;
  background-color: var(--decor-primary-color);
}
#gei.about .about-intro {
  max-width: none;
}
@media screen and (min-width: 56.3125em) {
  #gei.about .about-intro {
    display: grid;
    grid-template-columns: 65fr 45fr;
    -moz-column-gap: var(--page-gap);
         column-gap: var(--page-gap);
  }
  #gei.about .about-intro:after {
    content: " ";
    width: 100%;
    background-image: url(../images/gender-equality-index/about-page-image.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
#gei.about .about-intro div.highlighted-frame {
  margin-top: var(--section-padding-tb);
  margin-bottom: var(--section-padding-tb);
  max-width: 59rem;
}
#gei.about .about-statistics {
  padding: var(--box-padding) 0;
  display: grid;
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  gap: var(--section-gap);
  max-width: none;
  margin-bottom: var(--section-padding-tb);
  position: relative;
}
#gei.about .about-statistics:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 100%;
  width: 200vw;
  background: #eaf5f4;
  z-index: -1;
  top: 0px;
}
@media screen and (min-width: 30.0625em) {
  #gei.about .about-statistics {
    --columns: 2;
  }
}
@media screen and (min-width: 50.0625em) {
  #gei.about .about-statistics {
    --columns: 3;
  }
}
@media screen and (min-width: 64.0625em) {
  #gei.about .about-statistics {
    --columns: 5;
  }
}
#gei.about .about-statistics li {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: 0em;
  font-weight: 300;
  color: #5B5C61;
}
#gei.about .about-statistics li .number {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  letter-spacing: -0.02em;
  color: #1e6d68;
  margin-bottom: var(--spacing-2xs);
}
#gei.about .about-statistics li .description {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #3e4047;
  margin-top: var(--spacing-2xs);
}
#gei.about .text-formatted-extended > * {
  margin-left: auto;
  margin-right: auto;
}

#gei.game .game-intro {
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  -moz-column-gap: calc(var(--page-gap) * 2 + 1px);
       column-gap: calc(var(--page-gap) * 2 + 1px);
  row-gap: var(--spacing-l);
  padding-top: var(--page-padding-tb);
}
@media screen and (min-width: 40.0625em) {
  #gei.game .game-intro {
    --columns: 2;
  }
}
#gei.game .game-intro:before,
#gei.game .game-intro .button-wrapper {
  grid-column: 1/span var(--columns);
}
@media screen and (min-width: 40.0625em) {
  #gei.game .game-intro .game-input {
    position: relative;
  }
  #gei.game .game-intro .game-input:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: calc(-1 * var(--page-gap));
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
  }
}
#gei.game .game-intro .game-title {
  text-align: center;
}
@media screen and (min-width: 40.0625em) {
  #gei.game .game-intro .game-title {
    text-align: right;
    max-width: 25rem;
    margin-left: auto;
  }
}
#gei.game .game-intro h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  letter-spacing: -0.02em;
  margin-top: 0px;
}
#gei.game .game-intro p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-margin);
}
#gei.game .game-intro .game-input {
  justify-content: center;
}
@media screen and (min-width: 64.0625em) {
  #gei.game .game-intro .game-input > div {
    float: left;
    margin-bottom: 1rem;
  }
  #gei.game .game-intro .game-input > div.separator {
    clear: left;
    margin-right: 1rem;
    margin-top: 0.75rem;
  }
}
#gei.game .game-intro .button-wrapper {
  text-align: center;
}
#gei.game .game-results {
  margin-top: var(--section-gap);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  --domain-width: calc(
  	((250 / 16) * 1rem) + (300 - 250) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
#gei.game .game-results:empty {
  margin-top: 0px;
}
@media screen and (min-width: 80em) {
  #gei.game .game-results {
    grid-template-columns: repeat(4, 1fr);
  }
  #gei.game .game-results > div:first-child {
    grid-row: 1/span 2;
    align-items: center;
  }
  #gei.game .game-results > div:nth-child(2), #gei.game .game-results > div:nth-child(3), #gei.game .game-results > div:nth-child(4) {
    align-items: flex-end;
  }
  #gei.game .game-results > div:nth-child(5), #gei.game .game-results > div:nth-child(6), #gei.game .game-results > div:nth-child(7) {
    align-items: flex-start;
  }
  #gei.game .game-results:not(:has(.domain_violence)) .domain_time {
    grid-row: 1/span 2;
    grid-column: 4;
    align-items: center;
  }
}
#gei.game .game-results > div {
  display: flex;
}
#gei.game .game-results > div[class*=domain_] p {
  width: 100%;
  padding: var(--spacing-xl);
  font-size: var(--body-font-size);
  line-height: var(--h4-line-height);
  font-weight: 450;
  color: var(--domain-color-900);
  background-color: var(--domain-color-100);
}
#gei.game .game-results > div[class*=domain_] p::before {
  color: var(--domain-color-600);
  font-size: var(--spacing-xl);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gei.game .game-results > div[class*=domain_] p:before {
  display: block;
  margin-bottom: var(--spacing-m);
}
#gei.game .game-results > div[class*=domain_] p span:not(.info) {
  font-size: var(--h4-font-size);
  font-weight: 700;
}
#gei.game .game-results > div[class*=domain_] p span.info {
  top: -10px;
}
#gei.game .game-results .domain_work p:before {
  content: "\e954";
}
#gei.game .game-results .domain_knowledge p:before {
  content: "\e955";
}
#gei.game .game-results .domain_power p:before {
  content: "\e956";
}
#gei.game .game-results .domain_money p:before {
  content: "\e957";
}
#gei.game .game-results .domain_time p:before {
  content: "\e958";
}
#gei.game .game-results .domain_health p:before {
  content: "\e959";
}
#gei.game .game-results .domain_intersecting-inequalities p:before {
  content: "\e91f";
}
#gei.game .game-results .domain_violence p:before {
  content: "\e922";
}
#gei.game .game-social-share {
  text-align: center;
  margin-top: var(--section-gap);
}
#gei.game .game-note {
  margin-top: var(--page-gap);
  padding-top: var(--page-gap);
  position: relative;
}
#gei.game .game-note:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 1px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  top: 0px;
}

#gei .gei-view-content section.data > textarea + p {
  margin-top: var(--spacing-l);
}

/*# sourceMappingURL=gender-equality-index.css.map */