.l-static-page {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh; }
  .l-static-page > .logo {
    position: absolute;
    right: 0;
    top: -0.875rem;
    transform: translateY(-100%);
    display: block;
    height: 1.25rem; }

.header {
  background-color: #184b95;
  padding-inline: 3rem;
  height: 45px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .header__logo img {
    width: 136px;
    height: 20.176px; }
  .header__content {
    display: flex;
    align-items: center;
    gap: 36px; }
    .header__content > p {
      margin-bottom: 0;
      color: white;
      font-family: "Open Sans", serif;
      font-size: 0.75rem;
      font-weight: 700; }
  .header__menu {
    flex-shrink: 0; }
    .header__menu__icon.c-icon {
      transform: scale(0.9); }
    .header__menu__content {
      position: fixed;
      padding-block: 10px;
      top: 0;
      right: 0;
      height: 100%;
      z-index: 3;
      transition: all 300ms ease-in-out;
      background-color: white;
      display: flex;
      align-items: center; }
      .header__menu__content.\--open {
        transform: translateX(0); }
      .header__menu__content.\--close {
        transform: translateX(100%); }
      .header__menu__content__wrap {
        min-width: 543px;
        width: 100%;
        min-height: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-inline: 88px;
        gap: 60px; }
        .header__menu__content__wrap__close-btn {
          position: absolute;
          right: 2rem;
          top: 10px; }
          .header__menu__content__wrap__close-btn__icon.c-icon {
            stroke: black;
            width: 51px;
            height: 51px;
            stroke-width: 0px;
            transform: scale(0.8); }
        .header__menu__content__wrap__title {
          color: var(--Black-500, #000);
          font-family: 'Open Sans';
          font-size: 44px;
          font-style: normal;
          font-weight: 300;
          line-height: 56px;
          /* 127.273% */ }
        .header__menu__content__wrap ul {
          display: flex;
          gap: 28px;
          flex-direction: column;
          padding: 0; }
          .header__menu__content__wrap ul li {
            list-style: none; }
            .header__menu__content__wrap ul li a {
              display: flex;
              align-items: center;
              gap: 16px;
              font-family: "Open Sans", serif;
              font-size: 24px;
              font-style: normal;
              font-weight: 300;
              line-height: 32px;
              color: #222222;
              border-radius: 22px; }
              .header__menu__content__wrap ul li a:hover {
                text-decoration: underline;
                text-decoration-thickness: 1px; }
              .header__menu__content__wrap ul li a:focus-visible {
                outline: #184b95 auto 1px;
                outline-offset: 8px; }
              .header__menu__content__wrap ul li a div {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center; }
                .header__menu__content__wrap ul li a div .c-icon {
                  width: 22px;
                  height: 22px; }
        .header__menu__content__wrap__button a {
          padding-top: 42px;
          display: flex;
          align-items: flex-end;
          gap: 12px;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          padding: 12px 32px;
          background-color: black; }
    .header__menu__mask {
      position: fixed;
      top: 0;
      right: 0;
      transition: opacity 300ms ease-in-out; }
      .header__menu__mask.\--open {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: #222222;
        z-index: 2;
        opacity: 0.3; }
      .header__menu__mask.\--close {
        opacity: 0;
        z-index: -10; }
  .header .\--transparent.btn.btn-light {
    border: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 50%; }
    .header .\--transparent.btn.btn-light:active {
      background-color: transparent;
      box-shadow: none; }
  .header .btn {
    border-radius: 80px; }
    .header .btn:focus-visible {
      outline: #184b95 auto 1px;
      outline-offset: 2px; }

.c-icon {
  width: 1.375rem;
  height: 1.375rem;
  fill: #222222; }
  .c-icon.-big {
    width: 2.5rem;
    height: 2.5rem; }

.c-map {
  width: 100%;
  height: 100%; }
  .c-map > div {
    width: 100% !important;
    height: 100% !important; }
  .c-map .mapboxgl-control-container {
    display: none; }
  .c-map .mapboxgl-popup .mapboxgl-popup-tip {
    position: relative;
    top: -0.125rem;
    border-width: 0.5rem !important; }
    .c-map .mapboxgl-popup .mapboxgl-popup-tip:before {
      position: absolute;
      top: -0.4375rem;
      left: -0.4375rem;
      border: 0.4375rem solid transparent;
      border-top-color: #fff;
      content: ''; }
    .c-map .mapboxgl-popup .mapboxgl-popup-tip:after {
      position: absolute;
      top: -0.375rem;
      left: -0.4375rem;
      border: 0.4375rem solid transparent;
      border-top-color: rgba(34, 34, 34, 0.3);
      z-index: -1;
      content: ''; }
  .c-map .mapboxgl-popup .mapboxgl-popup-content {
    padding: 1rem;
    border-radius: 0.625rem;
    background-color: #fff;
    border: 0.0625rem solid rgba(34, 34, 34, 0.3);
    box-shadow: 0.0625rem 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.1); }

.c-accordion > .item > .title {
  cursor: default; }
  .c-accordion > .item > .title .button {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .c-accordion > .item > .title .button[aria-expanded='false'] .c-icon {
      transform: rotate(-90deg);
      transform-origin: center; }
    .c-accordion > .item > .title .button .c-icon {
      width: 0.9375rem;
      vertical-align: initial; }
      .c-accordion > .item > .title .button .c-icon use {
        stroke: currentColor; }

.c-accordion > .item > .panel {
  margin: 0.5rem 0; }

.c-radio .custom-control-input:checked:not(:disabled):active ~ .custom-control-label:before {
  background-color: transparent; }

.c-radio .custom-control-input:checked ~ .custom-control-label {
  color: #184b95;
  font-weight: 700; }
  .c-radio .custom-control-input:checked ~ .custom-control-label:before {
    border-width: 2px; }
  .c-radio .custom-control-input:checked ~ .custom-control-label:after {
    top: 0.375rem;
    left: -1.5rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background-color: #184b95; }

.c-radio + .c-radio {
  margin-top: 1rem; }

.c-checkbox .custom-control-input:checked:not(:disabled):active ~ .custom-control-label:before {
  background-color: transparent; }

.c-checkbox .custom-control-input:checked ~ .custom-control-label {
  color: #184b95;
  font-weight: 700; }
  .c-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    border-width: 2px; }
  .c-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    top: 0.375rem;
    left: -1.5rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.125rem;
    background-color: #184b95; }

.c-checkbox + .c-checkbox {
  margin-top: 1rem; }

select.c-select {
  width: auto;
  vertical-align: baseline;
  -moz-appearance: none;
  -webkit-appearance: none; }

.c-range {
  width: 100%;
  padding: 0 0.5rem; }
  .c-range input {
    display: block; }
  .c-range .marks {
    display: flex;
    justify-content: space-between;
    margin-top: 0.25rem;
    font-size: 0.75rem; }
    .c-range .marks span {
      position: relative;
      display: block;
      width: 1rem;
      height: 1.375rem; }
      .c-range .marks span:before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0.125rem;
        height: 0.4375rem;
        background-color: rgba(34, 34, 34, 0.3);
        content: ''; }
      .c-range .marks span:after {
        position: absolute;
        top: 0.5rem;
        left: 50%;
        transform: translateX(-50%);
        content: attr(data-label); }

.c-map-legend {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1; }
  .c-map-legend.-exporting .vizzuality__c-legend-map {
    width: 18.75rem; }
    .c-map-legend.-exporting .vizzuality__c-legend-map button.vizzuality__toggle-legend {
      display: none; }
  .c-map-legend .vizzuality__c-legend-map {
    width: 25rem;
    border: none;
    border-radius: 0;
    background-color: transparent;
    z-index: inherit; }
    .c-map-legend .vizzuality__c-legend-map button.vizzuality__toggle-legend svg {
      margin-top: 0; }
    .c-map-legend .vizzuality__c-legend-map button.vizzuality__close-legend {
      background-color: #fff; }
      .c-map-legend .vizzuality__c-legend-map button.vizzuality__close-legend h1 {
        font-family: "Open Sans", serif;
        font-size: 1rem;
        font-weight: 700 !important; }

li.vizzuality__c-legend-item {
  font-family: "Open Sans", serif;
  font-size: 1rem;
  background-color: #fff;
  border: none;
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.3); }
  li.vizzuality__c-legend-item:last-of-type {
    margin-bottom: 0; }
  .c-map-legend.-exporting li.vizzuality__c-legend-item .vizzuality__legend-item-container {
    padding: 0.5rem 1rem; }
    .c-map-legend.-exporting li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__legend-item-header h3 {
      font-size: 0.8125rem; }
    .c-map-legend.-exporting li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-types {
      margin-top: 0.5rem;
      font-size: 0.75rem; }
    .c-map-legend.-exporting li.vizzuality__c-legend-item .vizzuality__legend-item-container .c-legend-type-group .c-icon {
      display: none; }
  li.vizzuality__c-legend-item .vizzuality__legend-item-container {
    padding: 0.5rem 1rem 0.5rem 1.875rem; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-handler {
      top: 0.4375rem;
      left: 0.5rem; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__legend-item-header h3 {
      position: relative;
      top: 0.1875rem;
      font-family: "Open Sans", serif;
      font-size: 1rem;
      font-weight: 700; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-toolbar > button {
      width: 1.125rem;
      height: 1rem;
      padding: 0;
      border: 0;
      border-radius: 100%;
      vertical-align: middle; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-toolbar > button:focus {
        box-shadow: 0 0 0 0.2rem rgba(24, 75, 149, 0.25); }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-toolbar > button svg {
        display: block;
        width: 100%;
        height: 100%; }
        li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-toolbar > button svg use {
          fill: currentColor; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-types {
      margin-top: 1rem;
      font-family: "Open Sans", serif;
      font-size: 0.8125rem;
      background-color: transparent; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-types .vizzuality__c-legend-item-basic {
        align-items: center;
        font-family: inherit;
        font-size: inherit; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-item-types .vizzuality__c-legend-type-choropleth .vizzuality__name {
        font-family: "Open Sans", serif;
        font-size: 0.8125rem; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .c-legend-type-group .c-accordion .title {
      font-size: 0.8125rem; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .c-legend-type-group .c-accordion .title .c-icon {
        margin-right: 0.5rem;
        vertical-align: middle; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .c-legend-type-group .c-accordion .title .group-color {
        display: inline-block;
        width: 0.75rem;
        height: 0.75rem;
        margin-right: 0.5rem;
        vertical-align: middle; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .c-legend-type-group .c-accordion .vizzuality__c-legend-item-types {
      margin: 0; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-timestep {
      min-height: 2.5rem;
      margin-top: 1rem; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-timestep .vizzuality__player-btn {
        width: 2.25rem;
        height: 2.25rem;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #184b95;
        border-radius: 100%; }
        li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-timestep .vizzuality__player-btn:focus {
          box-shadow: 0 0 0 0.2rem rgba(24, 75, 149, 0.25); }
        li.vizzuality__c-legend-item .vizzuality__legend-item-container .vizzuality__c-legend-timestep .vizzuality__player-btn > svg {
          fill: currentColor; }
    li.vizzuality__c-legend-item .vizzuality__legend-item-container .timestep-controls {
      display: flex;
      justify-content: flex-start;
      padding-left: 2.4375rem; }
      li.vizzuality__c-legend-item .vizzuality__legend-item-container .timestep-controls > div {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        li.vizzuality__c-legend-item .vizzuality__legend-item-container .timestep-controls > div + div {
          margin-left: 1rem; }
        li.vizzuality__c-legend-item .vizzuality__legend-item-container .timestep-controls > div label {
          margin-right: 0.5rem;
          margin-bottom: 0;
          font-size: 0.75rem; }
        li.vizzuality__c-legend-item .vizzuality__legend-item-container .timestep-controls > div input {
          padding: 0.25rem;
          font-size: 0.75rem; }
          li.vizzuality__c-legend-item .vizzuality__legend-item-container .timestep-controls > div input::-webkit-calendar-picker-indicator {
            margin-left: 0.25rem; }

div.c-rc-tooltip.-default .rc-tooltip-inner {
  padding: 0.5rem;
  font-family: "Open Sans", serif;
  font-size: 0.75rem;
  line-height: inherit;
  color: #222222;
  border: none;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0.0625rem 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.2); }

div.c-rc-tooltip.-default .rc-tooltip-arrow {
  border-top-color: #fff !important; }

div.c-rc-tooltip.-default .vizzuality__c-legend-item-button-opacity-tooltip .vizzuality__slider-tooltip-container {
  padding: 0.5rem 0.5rem 1.5rem; }

.rc-slider .rc-slider-handle {
  background-color: #fff !important;
  border: 0.1875rem solid #184b95 !important;
  box-shadow: none !important; }
  .rc-slider .rc-slider-handle:focus {
    box-shadow: 0 0 0 0.2rem rgba(24, 75, 149, 0.25) !important; }

.rc-slider .rc-slider-track:not(.rc-slider-track-1):not(.rc-slider-track-2),
.rc-slider .rc-slider-track-1 {
  background-color: #184b95 !important; }

.rc-slider .rc-slider-rail,
.rc-slider .rc-slider-track-2 {
  background-color: rgba(24, 75, 149, 0.2); }

.rc-slider .rc-slider-dot {
  background-color: #fff !important;
  border: 0.1875rem solid #184b95 !important;
  box-shadow: none !important;
  visibility: visible !important; }

.rc-slider .rc-slider-mark-text {
  font-family: "Open Sans", serif;
  font-size: 0.75rem;
  color: #222222 !important; }

.tippy-popper {
  max-width: none !important;
  z-index: 9 !important; }
  .tippy-popper div.tippy-tooltip {
    max-width: none !important; }
  .tippy-popper div.tippy-tooltip.light-theme {
    padding: 1rem;
    font-size: 1rem;
    line-height: inherit;
    color: #222222;
    border-radius: 0.625rem;
    background-color: #fff;
    border: 0.0625rem solid rgba(34, 34, 34, 0.3);
    box-shadow: 0.0625rem 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.1); }
    .tippy-popper div.tippy-tooltip.light-theme[data-placement^='top'] > .tippy-arrow {
      border-top-color: #fff; }
      .tippy-popper div.tippy-tooltip.light-theme[data-placement^='top'] > .tippy-arrow:after {
        position: absolute;
        top: -0.375rem;
        left: -0.4375rem;
        border: 0.4375rem solid transparent;
        border-top-color: rgba(34, 34, 34, 0.3);
        z-index: -1;
        content: ''; }
    .tippy-popper div.tippy-tooltip.light-theme[data-placement^='bottom'] > .tippy-arrow {
      border-bottom-color: #fff; }
    .tippy-popper div.tippy-tooltip.light-theme[data-placement^='left'] > .tippy-arrow {
      border-left-color: #fff; }
    .tippy-popper div.tippy-tooltip.light-theme[data-placement^='right'] > .tippy-arrow {
      border-right-color: #fff; }
      .tippy-popper div.tippy-tooltip.light-theme[data-placement^='right'] > .tippy-arrow:after {
        position: absolute;
        top: -0.4375rem;
        left: -0.5rem;
        border: 0.4375rem solid transparent;
        border-top-color: rgba(34, 34, 34, 0.3);
        z-index: -1;
        transform: rotate(90deg);
        content: ''; }
    .tippy-popper div.tippy-tooltip.light-theme .tippy-content {
      padding: 0; }

.c-export-tooltip {
  max-width: 21.25rem; }
  .c-export-tooltip legend {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase; }
  .c-export-tooltip .grid-buttons {
    display: flex;
    justify-content: space-between; }
    .c-export-tooltip .grid-buttons input {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0; }
      .c-export-tooltip .grid-buttons input:disabled + label .c-icon {
        opacity: 0.4;
        cursor: not-allowed; }
      .c-export-tooltip .grid-buttons input:checked + label .c-icon use {
        stroke: #184b95;
        fill: #184b95; }
    .c-export-tooltip .grid-buttons label .c-icon {
      width: 2.8125rem;
      height: 2.1875rem;
      cursor: pointer; }
      .c-export-tooltip .grid-buttons label .c-icon use {
        stroke: rgba(34, 34, 34, 0.3);
        fill: transparent; }
  .c-export-tooltip .c-checkbox label {
    display: block;
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #717171;
    text-transform: uppercase; }
  .c-export-tooltip .c-checkbox + .note {
    padding: 0 0 0 1.75rem; }
  .c-export-tooltip .note {
    font-size: 0.8125rem; }

.ReactModal__Overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  z-index: 10;
  background-color: rgba(24, 75, 149, 0.7) !important;
  opacity: 0;
  transform: scale(1.15);
  transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  will-change: transform, opacity; }
  .ReactModal__Overlay.ReactModal__Overlay--after-open {
    opacity: 1;
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); }

.c-modal {
  position: relative;
  display: flex;
  width: calc(100% - 3rem);
  max-height: calc(100% - 3rem);
  margin: 0 auto;
  padding: 3rem;
  background-color: #fff; }
  .c-modal .close-button {
    position: absolute;
    top: -0.5rem;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
    border-radius: 100%;
    transform: translateY(-100%);
    background: #fff; }
    .c-modal .close-button .c-icon {
      width: 0.625rem;
      height: 0.625rem; }
      .c-modal .close-button .c-icon use {
        fill: currentColor; }
    .c-modal .close-button:hover {
      background: #184b95; }
  .c-modal .content {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }

.c-tool-download-success-modal {
  max-width: 32.5rem; }

.c-data-layer-list-param label {
  display: block;
  font-size: 0.75rem;
  color: #717171;
  text-transform: uppercase; }

.c-data-layer-list-param select,
.c-data-layer-list-param input {
  color: #184b95;
  font-weight: 700; }

.c-data-layer-list-param .custom-control-label {
  line-height: 1.5rem;
  font-weight: 700; }

.c-data-layer-list-param .custom-control-input:checked ~ .custom-control-label {
  color: #717171; }

.c-tool-data-layer-list h3 {
  margin: 0 0 1rem;
  font-family: "Open Sans", serif;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700; }

.c-tool-data-layer-list .params {
  margin: 1rem 0;
  padding: 0 0 1rem 1.75rem;
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.3); }
  .c-tool-data-layer-list .params .c-data-layer-list-param + .c-data-layer-list-param {
    margin-top: 1rem; }

.c-tool-data-layer-list .group + .group {
  margin-top: 1.5rem; }

.c-tool-recent-imagery-settings .note {
  font-size: 0.8125rem; }

.c-tool-recent-imagery-settings .tiles {
  display: flex;
  flex-wrap: wrap; }
  .c-tool-recent-imagery-settings .tiles .tile {
    position: relative;
    width: 5rem;
    height: 5rem;
    margin: 0.5rem 0.5rem 0 0;
    background-size: cover;
    background-color: rgba(24, 75, 149, 0.3);
    background-clip: padding-box; }
    .c-tool-recent-imagery-settings .tiles .tile:hover:after {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(24, 75, 149, 0.3);
      pointer-events: none;
      content: ''; }
    .c-tool-recent-imagery-settings .tiles .tile .c-radio {
      width: 100%;
      height: 100%;
      min-height: 0;
      padding: 0; }
      .c-tool-recent-imagery-settings .tiles .tile .c-radio input:active, .c-tool-recent-imagery-settings .tiles .tile .c-radio input:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal; }
      .c-tool-recent-imagery-settings .tiles .tile .c-radio label {
        width: 100%;
        height: 100%;
        cursor: pointer; }
        .c-tool-recent-imagery-settings .tiles .tile .c-radio label:before, .c-tool-recent-imagery-settings .tiles .tile .c-radio label:after {
          content: none; }
    .c-tool-recent-imagery-settings .tiles .tile .active-border {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0.5rem solid #184b95;
      pointer-events: none; }

.c-tool-recent-imagery-settings-tile-tooltip {
  min-width: 10.625rem;
  font-size: 0.8125rem; }

.c-loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.4); }
  .c-loading-spinner.-transparent {
    background-color: transparent; }
  .c-loading-spinner.-inner {
    position: absolute; }
  .c-loading-spinner.-inline {
    position: relative;
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    vertical-align: text-top;
    z-index: initial; }
  .c-loading-spinner.-mini > svg {
    width: 1.125rem;
    height: 1.125rem; }
  .c-loading-spinner.-mini.-inline {
    width: 1.125rem;
    height: 1.125rem; }
  .c-loading-spinner > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    height: 3.75rem;
    width: 3.75rem;
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite; }
    .c-loading-spinner > svg > circle {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      -webkit-animation: dash 1.5s ease-in-out infinite;
              animation: dash 1.5s ease-in-out infinite;
      stroke-linecap: round;
      stroke: #184b95; }

@-webkit-keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

.c-tool-inset-map-settings .note {
  font-size: 0.8125rem; }

.c-tool-contextual-layer-list .group {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid rgba(34, 34, 34, 0.3); }
  .c-tool-contextual-layer-list .group .params {
    margin: 1rem 0 0;
    padding: 0 0 1rem 1.75rem; }
    .c-tool-contextual-layer-list .group .params .param + .param {
      margin-top: 1rem; }
    .c-tool-contextual-layer-list .group .params .param label {
      display: block;
      font-size: 0.75rem;
      color: #717171;
      text-transform: uppercase; }
    .c-tool-contextual-layer-list .group .params .param select,
    .c-tool-contextual-layer-list .group .params .param input {
      color: #184b95;
      font-weight: 700; }

.c-tool-basemap-list .basemap-params {
  margin: 1rem 0;
  padding: 0 0 1rem 1.75rem;
  border-bottom: 0.0625rem solid rgba(34, 34, 34, 0.3); }
  .c-tool-basemap-list .basemap-params .param + .param {
    margin-top: 1rem; }
  .c-tool-basemap-list .basemap-params .param label {
    display: block;
    font-size: 0.75rem;
    color: #717171;
    text-transform: uppercase; }
  .c-tool-basemap-list .basemap-params .param select,
  .c-tool-basemap-list .basemap-params .param input {
    color: #184b95;
    font-weight: 700; }
  .c-tool-basemap-list .basemap-params .param .note {
    font-size: 0.8125rem; }

.c-tool-sidebar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-basis: 22.25rem;
  max-height: 100%;
  padding: 3rem 0 3rem 3rem; }
  .c-tool-sidebar h1 {
    font-weight: 300;
    font-family: "Open Sans", serif;
    font-size: 44px; }
  .c-tool-sidebar h2,
  .c-tool-sidebar .h2 {
    font-weight: 400; }
  .c-tool-sidebar__description {
    font-size: 16px;
    margin: 0; }
  .c-tool-sidebar .c-accordion {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden; }
    .c-tool-sidebar .c-accordion .title .button .h1 {
      font-weight: 400; }
    .c-tool-sidebar .c-accordion .item {
      margin: 0.5rem 0;
      overflow: hidden;
      flex-shrink: 0; }
      .c-tool-sidebar .c-accordion .item:first-child {
        margin-top: 0; }
      .c-tool-sidebar .c-accordion .item:last-child {
        margin-bottom: 0; }
      .c-tool-sidebar .c-accordion .item.-expanded {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 1; }
        .c-tool-sidebar .c-accordion .item.-expanded > .panel {
          padding: 0.5rem 0;
          overflow: auto; }
  .c-tool-sidebar .buttons {
    display: flex;
    justify-content: space-between;
    gap: 12px; }
    .c-tool-sidebar .buttons .btn {
      padding: 12px 32px;
      font-weight: 600;
      border-radius: 80px;
      line-height: 22px; }
      .c-tool-sidebar .buttons .btn.\--first {
        flex: 1; }

.c-inset-map > div {
  width: 9.375rem;
  height: 6.25rem;
  background-color: #fff;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1); }
  .c-inset-map > div + div {
    margin-top: 0.125rem; }
  .c-inset-map > div svg {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .c-inset-map > div path {
    fill: #f1ba30;
    stroke: #fff; }
  .c-inset-map > div rect {
    fill: transparent;
    stroke: #184b95;
    stroke-width: 0.125rem; }
  .c-inset-map > div circle.outer {
    stroke: #184b95; }
  .c-inset-map > div circle.inner {
    fill: #184b95; }

.c-search {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1; }
  .c-search.-full {
    padding: 1.3rem 0.75rem;
    -webkit-backdrop-filter: blur(0.3125rem);
            backdrop-filter: blur(0.3125rem);
    border-radius: 1.375rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.1); }
  .c-search.-active {
    z-index: 2; }
  .c-search p {
    margin: 0.625rem 0 0;
    font-size: 0.75rem;
    color: #222222;
    font-weight: 600; }
  .c-search button {
    padding: 0.75rem;
    border-radius: 100%;
    border: 1px solid rgba(34, 34, 34, 0.3); }
  .c-search input {
    width: 20rem;
    height: 2.75rem;
    padding: 0.75rem 0.75rem 0.75rem 3.25rem;
    border-radius: 1.375rem;
    background: url("/images/icon-search.svg") no-repeat top 0.75rem left 0.75rem, #fff;
    box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.15);
    font-family: "Open Sans", serif;
    font-size: 0.875rem; }
    .c-search input::-moz-placeholder {
      font-size: 0.875rem;
      color: #222222;
      opacity: 1; }
    .c-search input:-ms-input-placeholder {
      font-size: 0.875rem;
      color: #222222;
      opacity: 1; }
    .c-search input::-ms-input-placeholder {
      font-size: 0.875rem;
      color: #222222;
      opacity: 1; }
    .c-search input::placeholder {
      font-size: 0.875rem;
      color: #222222;
      opacity: 1; }
    .c-search input::-webkit-search-cancel-button {
      display: none; }
    .c-search input.-suggestions {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .c-search input.-empty-btn {
      padding-right: 3.75rem; }
  .c-search .empty-btn {
    position: absolute;
    top: 0;
    right: 1.5rem;
    height: 2.75rem;
    width: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent; }
    .c-search .empty-btn:focus {
      outline: 0; }
    .c-search .empty-btn:focus-visible {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .c-search .suggestions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    margin: 0;
    padding: 1.25rem 0;
    font-size: 0.75rem;
    background: #fff;
    border-bottom-left-radius: 1.375rem;
    border-bottom-right-radius: 1.375rem;
    border: 1px solid rgba(34, 34, 34, 0.3);
    border-top: none;
    box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.15); }
    .c-search .suggestions li {
      padding: 0.25rem 3.5rem;
      list-style-type: none; }
      .c-search .suggestions li.-active {
        background: rgba(24, 75, 149, 0.1); }
      .c-search .suggestions li span {
        color: rgba(113, 113, 113, 0.7); }
      .c-search .suggestions li b {
        font-weight: 600; }
    .c-search .suggestions .message {
      color: rgba(113, 113, 113, 0.7);
      font-weight: 600; }

.c-visualization-interactive-feature-popup {
  position: relative;
  padding: 2.1875rem 0 0;
  font-size: 0.8125rem;
  width: 15.625rem; }
  .c-visualization-interactive-feature-popup .close-button {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border-radius: 100%;
    background: #fff; }
    .c-visualization-interactive-feature-popup .close-button .c-icon {
      width: 0.625rem;
      height: 0.625rem; }
      .c-visualization-interactive-feature-popup .close-button .c-icon use {
        fill: currentColor; }
    .c-visualization-interactive-feature-popup .close-button:hover {
      background: #184b95; }
  .c-visualization-interactive-feature-popup .label {
    font-weight: 700;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .c-visualization-interactive-feature-popup .value {
    overflow-wrap: break-word;
    word-wrap: break-word; }

.c-tool-attributions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
  font-style: italic;
  color: #717171; }
  .c-tool-attributions img {
    display: block;
    height: 1.25rem; }
  .c-tool-attributions svg {
    display: block;
    margin-right: 0.5rem; }
  .c-tool-attributions span {
    display: inline-block;
    padding: 0.25rem 0 0.25rem 0.25rem; }
    .c-tool-attributions span a {
      color: currentColor; }

.c-tool-visualization {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  padding: 3rem; }
  .c-tool-visualization.mode-2-vertical .map-container {
    justify-content: space-between; }
    .c-tool-visualization.mode-2-vertical .map-container .map {
      flex-basis: calc(50% - 0.3125rem); }
      .c-tool-visualization.mode-2-vertical .map-container .map + .map {
        margin-left: 0.625rem; }
        .c-tool-visualization.mode-2-vertical .map-container .map + .map .scale-control {
          left: auto;
          right: 0.25rem; }
  .c-tool-visualization.mode-2-vertical .c-map-legend {
    bottom: 1.625rem;
    left: 50%;
    right: auto;
    transform: translateX(-50%); }
  .c-tool-visualization.mode-2-horizontal .map-container {
    flex-direction: column;
    justify-content: space-between; }
    .c-tool-visualization.mode-2-horizontal .map-container .map {
      flex-basis: calc(50% - 0.3125rem); }
      .c-tool-visualization.mode-2-horizontal .map-container .map + .map {
        margin-top: 0.625rem; }
      .c-tool-visualization.mode-2-horizontal .map-container .map:last-of-type .title {
        top: auto;
        bottom: 0; }
  .c-tool-visualization.mode-2-horizontal .c-map-legend {
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(calc(-50% - 0.8125rem)); }
  .c-tool-visualization.mode-4 .map-container {
    flex-wrap: wrap;
    justify-content: space-between; }
    .c-tool-visualization.mode-4 .map-container .map {
      flex-basis: calc(50% - 0.3125rem);
      height: calc(50% - 0.3125rem); }
      .c-tool-visualization.mode-4 .map-container .map:nth-of-type(3), .c-tool-visualization.mode-4 .map-container .map:nth-of-type(4) {
        margin-top: 0.625rem; }
      .c-tool-visualization.mode-4 .map-container .map:nth-of-type(2n + 1) + .map {
        margin-left: 0.625rem; }
        .c-tool-visualization.mode-4 .map-container .map:nth-of-type(2n + 1) + .map .scale-control {
          left: auto;
          right: 0.25rem; }
  .c-tool-visualization.mode-4 .c-map-legend {
    bottom: 1.625rem;
    left: 50%;
    right: auto;
    transform: translateX(-50%); }
  .c-tool-visualization.exporting .container-ratio {
    border: none; }
  .c-tool-visualization .exporting-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 4; }
    .c-tool-visualization .exporting-message .progress {
      width: 18.75rem;
      margin-top: 1rem; }
  .c-tool-visualization .container-width {
    width: min(100%, calc((100vh - 6rem) * 1 / 0.6666)); }
  .c-tool-visualization .container-ratio {
    position: relative;
    width: 100%;
    padding-top: 66.66%;
    overflow: hidden; }
  .c-tool-visualization .map-container {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1.625rem);
    background-color: #fff; }
    .c-tool-visualization .map-container .map {
      position: relative;
      width: 100%;
      height: 100%;
      border: 0.0625rem solid rgba(0, 0, 0, 0.1); }
      .c-tool-visualization .map-container .map .title {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.25rem 0.5rem;
        background: #fff;
        z-index: 3; }
      .c-tool-visualization .map-container .map .scale-control {
        position: absolute;
        left: 0.25rem;
        bottom: 0.25rem; }
        .c-tool-visualization .map-container .map .scale-control > div {
          position: static !important;
          font-size: 0.625rem; }
      .c-tool-visualization .map-container .map .c-inset-map {
        position: absolute;
        top: -0.0625rem;
        right: -0.0625rem;
        z-index: 3; }
  .c-tool-visualization .c-map-legend {
    right: 0.0625rem;
    bottom: 1.6875rem; }
  .c-tool-visualization .c-tool-attributions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.625rem;
    background-color: #fff; }

.c-tool-planet-modal {
  max-width: 32.5rem; }

.c-tool-presets-modal {
  width: 100vw;
  max-width: none;
  height: 100vh;
  max-height: none; }
  .c-tool-presets-modal > .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; }
  .c-tool-presets-modal > .close-button {
    display: none;
    flex-shrink: 0; }
  .c-tool-presets-modal .presets-list {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    padding: 0; }
    .c-tool-presets-modal .presets-list .preset {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      list-style: none; }
      .c-tool-presets-modal .presets-list .preset > button {
        flex-basis: calc(100% - 6.25rem);
        display: block;
        margin: 0;
        padding: 0;
        background-color: transparent;
        border: none; }
      .c-tool-presets-modal .presets-list .preset .c-map .mapboxgl-control-container {
        display: none; }

.c-tool {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.p-home {
  width: 100%;
  height: calc(100% - 45px); }