/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-error-page {
  background-color: #fff;
  height: 100%;
  width: 100%; }
  .l-error-page .error-message {
    padding: 3.75rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    @media screen and (min-width: 48rem) {
      .l-error-page .error-message {
        padding: 6.25rem 0; } }
    .l-error-page .error-message .error-tree {
      width: 100%;
      height: 12.5rem;
      margin-bottom: 1.25rem;
      padding-right: 0.9375rem; }
    .l-error-page .error-message h1 {
      font-size: 3.125rem;
      color: #555;
      margin-bottom: 1.875rem;
      text-align: center; }
      @media screen and (min-width: 48rem) {
        .l-error-page .error-message h1 {
          font-size: 3.75rem; } }
    .l-error-page .error-message p {
      font-size: 1.125rem;
      line-height: 1.875rem;
      color: #555;
      text-align: center; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-embed .page-logo {
  position: absolute;
  top: 0;
  left: 0.9375rem;
  z-index: 2;
  display: none;
  width: 4.75rem; }

.l-embed .embed-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 3.75rem;
  background: #fff;
  border-top: solid 1px #e5e5df;
  z-index: 3;
  position: relative; }
  .l-embed .embed-footer p {
    opacity: 0.7; }

.l-embed .embed-btn {
  width: 10rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem; }

.l-embed .page {
  position: relative;
  min-height: 25rem;
  width: 100%;
  z-index: 0; }
  @media screen and (min-width: 48rem) {
    .l-embed .page {
      min-height: calc(100vh - 56px - 384px); } }
  .l-embed .page .page-loader {
    position: relative;
    z-index: 1;
    min-height: 60vh; }
  .l-embed .page.mobile {
    margin-top: 0; }

.l-embed.-full-screen .page {
  position: fixed;
  min-height: calc(100% - 60px); }

.l-embed.-full-screen .embed-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.l-embed.-full-screen .page {
  margin-top: 0;
  height: calc(100% - 50px);
  width: 100%;
  background-color: #a4dbfd;
  top: 0;
  position: fixed;
  min-height: calc(100% - 60px); }
  @media screen and (min-width: 48rem) {
    .l-embed.-full-screen .page {
      right: 0;
      min-height: 100%; } }

.l-embed.-full-screen .page-loader {
  background-color: rgba(85, 85, 85, 0.2); }
  .l-embed.-full-screen .page-loader .spinner {
    border-top-color: #fff; }

.l-embed.-full-screen .page-logo {
  display: block; }

.l-embed.-full-screen .embed-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.l-embed.-trase .c-loader {
  display: none; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-sgf-projects-modal {
  width: 100%;
  color: #555;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.67; }
  .c-sgf-projects-modal .header {
    padding: 0;
    margin: auto; }
    .c-sgf-projects-modal .header > h1 {
      font-size: 2.1875rem;
      margin-bottom: 0.3125rem;
      line-height: 1.2; }
    .c-sgf-projects-modal .header .subtitle > * {
      display: inline-block; }
    .c-sgf-projects-modal .header .subtitle .tag {
      color: white;
      padding: 3px 10px;
      margin-right: 10px;
      font-size: 14px;
      text-transform: uppercase; }
    .c-sgf-projects-modal .header .subtitle h2 {
      font-size: 0.875rem;
      text-transform: uppercase;
      font-weight: 400;
      opacity: 0.5; }
  .c-sgf-projects-modal .image {
    margin-top: 1.25rem;
    width: 100%;
    height: 15.625rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (min-width: 48rem) {
      .c-sgf-projects-modal .image {
        height: 25rem; } }
    .c-sgf-projects-modal .image > span {
      position: absolute;
      bottom: 10px;
      right: 10px; }
    .c-sgf-projects-modal .image > div {
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  .c-sgf-projects-modal .modal-image-slider {
    margin-top: 2.5rem;
    margin-bottom: 0; }
    .c-sgf-projects-modal .modal-image-slider .slick-dots {
      margin-bottom: 0; }
    .c-sgf-projects-modal .modal-image-slider .slick-list {
      overflow: hidden; }
    .c-sgf-projects-modal .modal-image-slider .slick-slide {
      padding: 0; }
  .c-sgf-projects-modal .image-background {
    width: 100%;
    height: 31.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .c-sgf-projects-modal .content {
    padding: 1.875rem 0; }
    @media screen and (min-width: 48rem) {
      .c-sgf-projects-modal .content {
        padding: 1.875rem 0; } }
    .c-sgf-projects-modal .content .description {
      margin-bottom: 1.25rem;
      font-size: 1.1875rem;
      line-height: 1.7; }
      .c-sgf-projects-modal .content .description a {
        color: #97be32; }
    .c-sgf-projects-modal .content .links {
      color: #97be32;
      font-weight: 500;
      font-size: 0.875rem;
      margin-bottom: 0.9375rem;
      display: block; }
    .c-sgf-projects-modal .content .categories {
      font-size: 0.875rem;
      text-transform: uppercase;
      font-weight: 400;
      opacity: 0.5; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-privacy-page {
  padding: 3.125rem 0; }
  .l-privacy-page .privacy-container {
    overflow: hidden;
    height: 100vh;
    position: relative; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-search-page .search-header {
  background-color: #333;
  padding: 5rem; }
  .l-search-page .search-header h1 {
    font-weight: 3rem;
    font-weight: 300;
    color: #fff; }

.l-search-page .search-container {
  padding: 2.5rem 0; }
  @media screen and (min-width: 48rem) {
    .l-search-page .search-container {
      padding: 5rem 0; } }
  .l-search-page .search-container .search-input {
    margin-bottom: 3.125rem; }
  .l-search-page .search-container .search-results {
    position: relative;
    min-height: 18.75rem; }
  .l-search-page .search-container .item-meta h3,
  .l-search-page .search-container .item-meta a {
    margin-bottom: 0.625rem;
    word-break: break-word;
    color: #333; }
    .l-search-page .search-container .item-meta h3:hover,
    .l-search-page .search-container .item-meta a:hover {
      color: black; }
  .l-search-page .search-container .item-meta p {
    margin-bottom: 1.25rem; }
  .l-search-page .search-container .search-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem;
    border-bottom: solid 1px #e5e5df; }
  .l-search-page .search-container .item-image {
    width: 6.25rem;
    height: 6.25rem;
    min-width: 6.25rem;
    border-radius: 3.125rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 30px; }
  .l-search-page .search-container .no-results {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 18.75rem; }
    .l-search-page .search-container .no-results .error-tree {
      width: 100%;
      height: 12.5rem;
      padding-right: 1.25rem;
      margin-bottom: 2.5rem; }
    .l-search-page .search-container .no-results p {
      font-size: 1.125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-terms-page {
  padding: 3.125rem 0; }
  .l-terms-page h1 span,
  .l-terms-page h2 span {
    display: block;
    text-align: center;
    font-weight: 500; }
  .l-terms-page h1 {
    font-size: 1.75rem;
    margin-bottom: 1.25rem; }
  .l-terms-page h2 {
    font-size: 1.125rem;
    margin-bottom: 2.5rem; }
  .l-terms-page .num-list {
    list-style: decimal;
    padding-left: 0.9375rem; }
    .l-terms-page .num-list h3 {
      font-weight: 500; }
  .l-terms-page .alpha-list {
    list-style: lower-alpha;
    padding-left: 0.9375rem;
    margin-bottom: 2.5rem; }
  .l-terms-page p,
  .l-terms-page li {
    font-size: 1rem;
    margin-bottom: 1.25rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-thank-you-page .thankyou-message {
  padding: 3.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (min-width: 48rem) {
    .l-thank-you-page .thankyou-message {
      padding: 12.5rem 0; } }
  .l-thank-you-page .thankyou-message img {
    max-width: 12.5rem;
    margin-bottom: 1.25rem; }
  .l-thank-you-page .thankyou-message h1 {
    font-size: 3.125rem;
    color: #555;
    margin-bottom: 1.875rem; }
    @media screen and (min-width: 48rem) {
      .l-thank-you-page .thankyou-message h1 {
        font-size: 3.75rem; } }
  .l-thank-you-page .thankyou-message p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #555;
    text-align: center; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-items-list li {
  position: relative;
  padding-left: 1.4375rem;
  cursor: pointer; }
  .c-items-list li button {
    outline: 0;
    cursor: pointer; }
  .c-items-list li .icon {
    position: absolute;
    left: 0.0625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    stroke: #555;
    width: 0.625rem;
    height: 0.625rem; }
  .c-items-list li:not(.-selected) {
    opacity: 0.5; }
    .c-items-list li:not(.-selected) .icon {
      display: none; }

.react-toggle {
  touch-action: pan-x;
  display: block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transition: opacity 0.25s; }

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #4D4D4D;
  transition: all 0.2s ease; }

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #000000; }

.react-toggle--checked .react-toggle-track {
  background-color: #19AB27; }

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128D15; }

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  left: 8px;
  opacity: 0;
  transition: opacity 0.25s ease; }

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  transition: opacity 0.25s ease; }

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  right: 10px;
  opacity: 1;
  transition: opacity 0.25s ease; }

.react-toggle--checked .react-toggle-track-x {
  opacity: 0; }

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4D4D4D;
  border-radius: 50%;
  background-color: #FAFAFA;
  box-sizing: border-box;
  transition: all 0.25s ease; }

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19AB27; }

.react-toggle--focus .react-toggle-thumb {
  box-shadow: 0px 0px 2px 3px #0099E0; }

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  box-shadow: 0px 0px 5px 5px #0099E0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-switch .label {
  margin-bottom: 0.3125rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  font-size: 13px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.theme-switch-light .react-toggle {
  width: 100%; }

.theme-switch-light .react-toggle-track {
  width: 100%;
  height: 2.125rem;
  background-color: transparent !important;
  border: solid 1px #e5e5df; }
  .theme-switch-light .react-toggle-track > div {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    font-size: 13px;
    color: #555; }
  .theme-switch-light .react-toggle-track .react-toggle-track-check {
    left: 0; }
  .theme-switch-light .react-toggle-track .react-toggle-track-x {
    right: 0; }

.theme-switch-light .react-toggle-thumb {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: transparent;
  border-radius: 30px;
  border: solid 1px #97be32;
  box-shadow: none !important; }

.theme-switch-light .react-toggle--checked .react-toggle-thumb {
  left: 50%; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-no-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 1rem; }
  @media screen and (min-width: 48rem) {
    .c-no-content {
      padding: 0 1.25rem; } }
  .c-no-content .message {
    opacity: 0.5;
    text-align: center; }
  .c-no-content .message-icon {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-left: 0.3125rem; }
  .c-no-content button {
    color: #97be32;
    cursor: pointer; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-projects-sgf {
  margin-top: -1.875rem; }
  .l-section-projects-sgf h2 {
    opacity: 0.5;
    font-size: 1.125rem;
    text-transform: uppercase; }
  .l-section-projects-sgf .project-header {
    display: none; }
    @media screen and (min-width: 64rem) {
      .l-section-projects-sgf .project-header {
        display: block; } }
  .l-section-projects-sgf .project-search {
    margin-bottom: 1.875rem; }
  .l-section-projects-sgf .side {
    padding-top: 2.5rem; }
    .l-section-projects-sgf .side h3 {
      margin-bottom: 1.25rem;
      font-size: 1.125rem;
      opacity: 0.5; }
    .l-section-projects-sgf .side p {
      margin-bottom: 1.875rem; }
  .l-section-projects-sgf .project-list {
    margin-bottom: 1.875rem; }
  .l-section-projects-sgf .project-cards {
    position: relative;
    min-height: 12.5rem; }
    .l-section-projects-sgf .project-cards .card-container {
      margin-bottom: 1.875rem; }
  .l-section-projects-sgf .project-globe {
    position: relative; }
    .l-section-projects-sgf .project-globe ul {
      position: absolute;
      top: 2.5rem; }
      .l-section-projects-sgf .project-globe ul li {
        font-size: 14px;
        text-transform: uppercase; }
        .l-section-projects-sgf .project-globe ul li span,
        .l-section-projects-sgf .project-globe ul li p {
          display: inline-block;
          vertical-align: middle; }
        .l-section-projects-sgf .project-globe ul li span {
          width: 12px;
          height: 12px;
          border-radius: 50%; }
        .l-section-projects-sgf .project-globe ul li #grants {
          background: #97bd3d; }
        .l-section-projects-sgf .project-globe ul li #fellows {
          background: #f88000; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-about .intro .logo {
  margin-top: 30px; }
  @media screen and (min-width: 48rem) {
    .l-section-about .intro .logo {
      margin-top: 0;
      float: right; } }

.l-section-about section {
  color: #555;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.67;
  margin-bottom: 2.5rem; }
  .l-section-about section.results {
    margin-bottom: 1.25rem; }
  @media screen and (min-width: 48rem) {
    .l-section-about section.results {
      margin-bottom: 3.75rem; } }

.l-section-about .section-title {
  margin-bottom: 0.625rem;
  font-size: 2.1875rem; }

.l-section-about .section-subtitle {
  font-size: 1.25rem;
  color: #97be32;
  font-weight: 500; }

.l-section-about .list {
  margin-bottom: 1.25rem; }

.l-section-about .icon-list {
  text-align: center;
  margin-bottom: 0; }
  @media screen and (min-width: 48rem) {
    .l-section-about .icon-list {
      margin-bottom: 2.5rem; } }
  .l-section-about .icon-list svg {
    width: 40%;
    height: 40%;
    margin-top: 1.25rem;
    margin-bottom: 2.5rem; }
  .l-section-about .icon-list li {
    margin-bottom: 1.875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-apply {
  color: #555;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.67;
  margin-bottom: 1.875rem; }
  .l-section-apply .apply-section {
    margin: 2.5rem 0 5rem; }
  .l-section-apply p {
    margin-bottom: 1.25rem; }
  .l-section-apply .list {
    margin-bottom: 2.5rem; }
  .l-section-apply .section-title {
    margin-bottom: 0.625rem;
    font-size: 2.1875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-home-page {
  overflow: hidden; }
  .l-home-page .scroll-to-btn {
    position: absolute;
    top: -1.25rem;
    left: calc(50% - 20px); }
  .l-home-page .home-cover {
    overflow: hidden; }
    .l-home-page .home-cover h1,
    .l-home-page .home-cover p {
      z-index: 1; }
  .l-home-page .stop-video-btn {
    z-index: 1;
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    background-color: rgba(85, 85, 85, 0.7); }
  .l-home-page .subscribe-btn {
    position: relative;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer; }
    .l-home-page .subscribe-btn .subscribe-icon {
      margin-top: 0.9375rem;
      display: inline-block;
      margin-right: 0.625rem; }
    .l-home-page .subscribe-btn .subscribe-msg {
      color: #fff;
      font-weight: 500;
      display: inline-block;
      text-transform: uppercase; }
  .l-home-page .home-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    overflow: hidden;
    z-index: 0;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0; }
    .l-home-page .home-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
    .l-home-page .home-video > div {
      position: absolute;
      top: -3.75rem;
      left: 0;
      right: 0;
      bottom: -3.75rem;
      height: calc(100% + 120px); }
    .l-home-page .home-video.show {
      opacity: 1; }
  .l-home-page .summary-card {
    background-color: #f7f7f7;
    border: 0;
    overflow: hidden; }
    .l-home-page .summary-card .body {
      height: 100%; }
    .l-home-page .summary-card .image {
      position: absolute;
      bottom: -9.375rem;
      left: -6.25rem;
      height: 100%;
      width: 110%;
      background-size: contain; }
    .l-home-page .summary-card .summary {
      margin-bottom: 11.25rem; }
  .l-home-page .section-summary {
    padding: 2.5rem 0 1.25rem;
    position: relative; }
  .l-home-page .section-uses {
    background-color: #f7f7f7;
    position: relative; }
    .l-home-page .section-uses .uses-title {
      position: absolute;
      top: 1.875rem;
      font-size: 1.125rem;
      text-transform: uppercase;
      color: rgba(85, 85, 85, 0.5); }
    .l-home-page .section-uses .uses-carousel {
      margin: 0;
      width: 100%; }
    .l-home-page .section-uses .uses {
      display: flex !important;
      height: 100%; }
    .l-home-page .section-uses .use-image {
      display: none;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      background-size: cover;
      height: 100%;
      width: calc(100% + 2.5rem);
      margin-left: -1.25rem; }
      .l-home-page .section-uses .use-image .use-credit {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 0.125rem 0.3125rem;
        font-size: 0.625rem; }
    .l-home-page .section-uses .use-example {
      font-size: 1.125rem;
      font-style: italic;
      font-weight: 300;
      line-height: 1.7;
      padding: 8.125rem 0 1.25rem; }
      @media screen and (min-width: 48rem) {
        .l-home-page .section-uses .use-example {
          padding: 10rem 0 12.5rem;
          padding-left: calc(100% - (70rem / 2) + (1.25rem * 2)); } }
      .l-home-page .section-uses .use-example span {
        font-size: 2.25rem;
        color: #97be32;
        font-weight: 500;
        line-height: 0; }
        .l-home-page .section-uses .use-example span:last-child {
          position: relative;
          top: 0.5rem;
          left: 0.1875rem; }
    .l-home-page .section-uses .use-user {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      font-size: 0.875rem;
      width: 4.375rem; }
      .l-home-page .section-uses .use-user .icon-user {
        width: 3.125rem;
        height: 3.125rem;
        margin-bottom: 0.625rem; }
    .l-home-page .section-uses .slick-slide {
      padding: 0; }
    .l-home-page .section-uses .slick-dots {
      align-items: flex-start;
      margin: 1.25rem 0 0;
      overflow-x: auto;
      padding-bottom: 2.5rem;
      justify-content: flex-start; }
      @media screen and (min-width: 460px) {
        .l-home-page .section-uses .slick-dots {
          justify-content: space-around; } }
      @media screen and (min-width: 48rem) {
        .l-home-page .section-uses .slick-dots {
          position: absolute;
          width: calc(50% - 2.5rem);
          left: 1.25rem;
          bottom: 2.5rem;
          padding-bottom: 0; } }
      @media screen and (min-width: 70rem) {
        .l-home-page .section-uses .slick-dots {
          left: calc((100% - 70rem) / 2);
          width: calc(50% - ((100% - 70rem) / 2)); } }
      .l-home-page .section-uses .slick-dots li .icon-user {
        fill: #d6d6d9; }
      .l-home-page .section-uses .slick-dots li.slick-active .icon-user {
        fill: #97be32; }
    .l-home-page .section-uses .slick-active .use-card {
      opacity: 1; }
    @media screen and (min-width: 48rem) {
      .l-home-page .section-uses .slick-active .use-image {
        display: block; } }
  .l-home-page .section-title {
    position: absolute;
    top: 3.125rem;
    z-index: 1;
    left: 1rem;
    color: rgba(85, 85, 85, 0.5);
    text-transform: uppercase; }
    @media screen and (min-width: 48rem) {
      .l-home-page .section-title {
        left: 1.25rem; } }
    @media screen and (min-width: 70rem) {
      .l-home-page .section-title {
        left: calc(((100% - 70rem) / 2) + 1.25rem); } }
  .l-home-page .section-apps {
    position: relative; }
    .l-home-page .section-apps .apps {
      height: 100%; }
    .l-home-page .section-apps .section-title {
      color: #fff; }
    .l-home-page .section-apps .apps-carousel {
      margin: 0;
      width: 100%; }
      .l-home-page .section-apps .apps-carousel .slick-slide {
        padding: 0;
        opacity: 1; }
        .l-home-page .section-apps .apps-carousel .slick-slide a {
          height: 100%; }
      .l-home-page .section-apps .apps-carousel .slick-arrow {
        background-color: rgba(255, 255, 255, 0.5); }
      .l-home-page .section-apps .apps-carousel .slick-next {
        right: 0.3125rem; }
        @media screen and (min-width: 48rem) {
          .l-home-page .section-apps .apps-carousel .slick-next {
            right: 1.25rem; } }
        @media screen and (min-width: 70rem) {
          .l-home-page .section-apps .apps-carousel .slick-next {
            right: calc(((100% - 70rem) / 2) + 1.25rem); } }
      .l-home-page .section-apps .apps-carousel .slick-prev {
        left: 0.3125rem; }
        @media screen and (min-width: 48rem) {
          .l-home-page .section-apps .apps-carousel .slick-prev {
            left: 1.25rem; } }
        @media screen and (min-width: 70rem) {
          .l-home-page .section-apps .apps-carousel .slick-prev {
            left: calc(((100% - 70rem) / 2) + 1.25rem); } }
    .l-home-page .section-apps .app-slide {
      cursor: pointer;
      display: block;
      padding: 9.375rem 0 0;
      text-align: center;
      color: #fff;
      height: 100%; }
      .l-home-page .section-apps .app-slide h4 {
        font-size: 2.1875rem;
        font-weight: 300;
        margin-bottom: 0.625rem; }
      .l-home-page .section-apps .app-slide p {
        color: #fff;
        margin: auto;
        margin-bottom: 21.875rem;
        font-size: 1.125rem;
        max-width: 43.75rem; }
      .l-home-page .section-apps .app-slide .app-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 100%; }
      .l-home-page .section-apps .app-slide .app-image {
        width: 100%;
        max-width: 50rem;
        margin: auto;
        height: 21.875rem;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .l-home-page .section-apps .app-slide .app-icon {
        height: 2.5rem;
        width: auto; }
        .l-home-page .section-apps .app-slide .app-icon.pro {
          width: 4.6875rem;
          height: 4.6875rem; }
  .l-home-page .section-news {
    min-height: 25rem;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding: 2.5rem 0 2.5rem; }
    .l-home-page .section-news .news-card {
      color: #555;
      height: 100%; }
    .l-home-page .section-news .news-title {
      font-size: 2.1875rem;
      font-weight: 300;
      color: #fff;
      text-align: center;
      margin-bottom: 1.25rem; }
    .l-home-page .section-news .my-gfw-btn {
      min-width: 7.5rem;
      margin: auto; }
    .l-home-page .section-news .news-carousel {
      min-height: 18.75rem; }
    .l-home-page .section-news .no-news p {
      color: #fff;
      font-size: 1.125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-map-button {
  position: relative; }
  .c-widget-map-button.-active {
    cursor: default; }
    .c-widget-map-button.-active:hover {
      background-color: #97be32; }
  .c-widget-map-button .map-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.0625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-settings {
  width: 18.125rem;
  background-color: #fff;
  padding-top: 1.25rem; }
  .c-widget-settings .settings-option {
    padding: 0 1.5625rem 1.5625rem 1.5625rem; }
    .c-widget-settings .settings-option.border {
      border-bottom: 1px solid #e5e5df;
      margin-bottom: 1.5625rem; }
  .c-widget-settings .widget-settings-selector {
    display: flex;
    flex-direction: column; }
    .c-widget-settings .widget-settings-selector .label {
      text-transform: uppercase;
      color: #555; }
  .c-widget-settings .range-select {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-size: 13px; }
    .c-widget-settings .range-select .label {
      margin-right: 0.625rem; }
    .c-widget-settings .range-select .select-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
    .c-widget-settings .range-select .text-separator {
      margin: 0 10px; }
    .c-widget-settings .range-select .container {
      margin-bottom: 0;
      max-width: 5.625rem; }
    .c-widget-settings .range-select .dd__wrapper {
      max-width: 5.3125rem; }
  .c-widget-settings .compare-select {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-size: 13px; }
    .c-widget-settings .compare-select .label {
      text-align: left;
      text-transform: none; }
    .c-widget-settings .compare-select > * {
      width: 47.5%; }
  .c-widget-settings .mini-select {
    justify-content: space-between;
    flex-direction: row;
    align-items: center; }
    .c-widget-settings .mini-select .label {
      margin-bottom: 0; }
    .c-widget-settings .mini-select .container {
      margin-bottom: 0;
      max-width: 5.625rem; }
    .c-widget-settings .mini-select .dd__wrapper {
      max-width: 5.3125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-settings-button .settings-icon {
  width: 0.75rem;
  height: 0.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-download-button.disabled:not(.theme-button-grey-filled) {
  background: rgba(151, 190, 50, 0.5); }
  .c-widget-download-button.disabled:not(.theme-button-grey-filled) svg {
    fill: #fff; }

.c-widget-download-button .download-icon {
  width: 0.625rem;
  height: 0.625rem; }

.c-widget-download-button .download-icon,
.c-widget-download-button .small-download-button .download-icon {
  width: 0.5rem;
  height: 0.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1.25rem; }
  .c-widget-header .title {
    width: 100%;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.54;
    color: #555;
    text-transform: uppercase;
    padding-right: 1.25rem; }
  .c-widget-header .options {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    .c-widget-header .options .small-options {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
    .c-widget-header .options .separator {
      position: relative;
      top: 0.1875rem;
      border-right: solid 1px #e5e5df;
      height: 0.9375rem;
      margin-left: 0.3125rem; }
  .c-widget-header button,
  .c-widget-header a {
    margin-left: 0.3125rem; }
  .c-widget-header.simple {
    padding-bottom: 0.625rem; }

.c-refresh-button .message {
  opacity: 1; }
  .c-refresh-button .message span {
    opacity: 0.5; }
  .c-refresh-button .message button {
    margin: 8px auto 0;
    color: white;
    font-size: 14px;
    text-transform: uppercase; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-dynamic-sentence {
  font-weight: 300;
  line-height: 1.58;
  letter-spacing: 0.1px;
  font-size: 20px;
  color: #555; }
  .c-dynamic-sentence strong,
  .c-dynamic-sentence b,
  .c-dynamic-sentence span {
    font-weight: 500; }
  .c-dynamic-sentence a {
    color: #97be32; }
  .c-widgets.minimalist .c-dynamic-sentence {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #9e9e9e; }
    .c-widgets.minimalist .c-dynamic-sentence b {
      color: #4a4a4a; }
  .c-dynamic-sentence .hover-text {
    border-bottom: dashed 1px #999;
    padding-bottom: 1px;
    cursor: help; }
  .c-dynamic-sentence .hover-text-fine {
    border-bottom: dashed 1px #999;
    font-weight: 300;
    padding-bottom: 1px;
    cursor: help; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-chart-tooltip {
  padding: 0.625rem 1.25rem;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.19);
  background-color: #555;
  color: #fff;
  border-radius: 0.125rem;
  font-size: 1rem;
  position: relative;
  z-index: 100000; }
  .c-chart-tooltip .data-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    .c-chart-tooltip .data-line.right {
      justify-content: flex-end;
      text-align: right; }
  .c-chart-tooltip .data-label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 1.25rem; }
  .c-chart-tooltip .break-label {
    font-size: 0.875rem;
    font-style: italic;
    flex-direction: row;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem; }
  .c-chart-tooltip .data-color {
    width: 0.75rem;
    height: 0.75rem;
    min-height: 0.75rem;
    min-width: 0.75rem;
    border-radius: 50%;
    margin-right: 0.3125rem;
    margin-top: 0.3125rem; }
  .c-chart-tooltip .data-dash {
    height: 0.125rem;
    border-radius: 0;
    border: none;
    border-top: 2px dotted;
    align-self: center;
    transform: translateY(2px); }
  .c-chart-tooltip.simple {
    font-size: 0.75rem; }
    .c-chart-tooltip.simple .break-label {
      font-size: 0.75rem; }
    .c-chart-tooltip.simple .data-color {
      font-size: 0.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-composed-chart {
  width: 100%;
  overflow-x: hidden; }
  .c-composed-chart tspan {
    font-family: "Fira Sans", sans-serif;
    background: #fff; }
  .c-composed-chart .recharts-cartesian-axis-tick-line {
    stroke: #cccccc; }
  .c-composed-chart .recharts-brush {
    transform: translate(0, 20px); }
    .c-composed-chart .recharts-brush .recharts-brush-texts text {
      font-size: 12px; }
    .c-composed-chart .recharts-brush .recharts-brush-texts text:first-child {
      transform: translate(5px, 30px);
      text-anchor: start; }
    .c-composed-chart .recharts-brush .recharts-brush-texts text:last-child {
      transform: translate(-5px, 30px);
      text-anchor: end; }

.c-brush {
  position: relative;
  margin: 16px 0 0; }
  .c-brush .brush--svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .c-brush .brush--svg .handle {
      fill: #fff; }
      .c-brush .brush--svg .handle circle {
        pointer-events: none; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-chart-legend {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }
  .c-chart-legend .legend-item {
    margin-right: 20px;
    margin-bottom: 15px; }
    .c-chart-legend .legend-item:last-child {
      margin-left: 0; }
  .c-chart-legend .legend-title {
    font-size: 0.75rem;
    line-height: 1;
    color: #555;
    position: relative;
    display: flex;
    align-items: center; }
    .c-chart-legend .legend-title span {
      display: inline-block;
      width: 0.75rem;
      min-width: 0.75rem;
      min-height: 0.75rem;
      height: 0.75rem;
      margin-right: 0.4375rem;
      border-radius: 100%;
      align-self: flex-start;
      margin-top: 1px; }
    .c-chart-legend .legend-title p {
      color: #555;
      font-size: 0.75rem;
      line-height: 1.4; }
  .c-chart-legend .legend-value {
    padding: 0.3125rem 0 0 1.25rem;
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.25rem; }
  .c-chart-legend.simple {
    display: none; }
  .c-chart-legend .contextual-settings-btn {
    margin-bottom: 10px; }
    @media screen and (min-width: 48rem) {
      .c-chart-legend .contextual-settings-btn {
        margin-left: auto;
        margin-right: 10px; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-paginate {
  display: flex;
  justify-content: center;
  border-top: 2px solid rgba(229, 229, 223, 0.2);
  width: calc(100% - 3rem);
  margin: 0.9375rem auto auto auto;
  padding-top: 0.625rem; }
  .c-paginate .button-up {
    margin-right: 0.125rem; }
    .c-paginate .button-up .icon {
      transform: rotate(180deg); }
  .c-paginate .button-down {
    margin-left: 0.125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-horizontal-bar-chart {
  height: 335px;
  width: 100%;
  margin-bottom: 40px; }
  .c-horizontal-bar-chart a {
    cursor: pointer;
    color: #555; }
    .c-horizontal-bar-chart a:hover {
      text-decoration: underline; }
  .c-horizontal-bar-chart .horizontal-pagintation {
    margin-top: 0;
    margin-bottom: 1.875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-numbered-list {
  font-size: 0.75rem;
  color: #555; }
  .c-numbered-list .list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.625rem; }
    .c-numbered-list .list-item.-bar {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 1.25rem; }
  .c-numbered-list a {
    color: #555; }
    .c-numbered-list a:hover .item-name {
      text-decoration: underline; }
  .c-numbered-list .disabled {
    pointer-events: none;
    text-decoration: none; }
    .c-numbered-list .disabled:hover {
      text-decoration: none; }
  .c-numbered-list .item-label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
  .c-numbered-list .item-bubble {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    color: #fff;
    font-weight: 500;
    border-radius: 50%;
    margin-right: 0.625rem; }
  .c-numbered-list .item-value {
    min-width: 2.1875rem;
    text-align: right; }
  .c-numbered-list .item-bar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  .c-numbered-list .item-bar {
    width: calc(100% - 50px);
    height: 0.75rem;
    background: #d6d6d9;
    margin-right: 0.625rem;
    margin-left: 2.1875rem;
    position: relative; }
    .c-numbered-list .item-bar.-data {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0;
      margin-right: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-pie-chart {
  height: 100%;
  width: 100%; }
  .c-pie-chart .recharts-wrapper {
    display: inline-block; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-pie-chart-legend {
  display: inline-block;
  width: 100%; }
  .c-pie-chart-legend .legend-title {
    font-size: 0.75rem;
    line-height: 1;
    color: #555;
    position: relative;
    display: flex;
    align-items: center; }
    .c-pie-chart-legend .legend-title span {
      display: inline-block;
      width: 0.75rem;
      min-width: 0.75rem;
      min-height: 0.75rem;
      height: 0.75rem;
      margin-right: 0.4375rem;
      border-radius: 100%;
      align-self: flex-start;
      margin-top: 1px; }
    .c-pie-chart-legend .legend-title p {
      color: #555;
      font-size: 0.75rem;
      line-height: 1.4; }
  .c-pie-chart-legend .legend-value {
    padding: 0.3125rem 0 0 1.25rem;
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.25rem; }
  .c-pie-chart-legend.small .legend-value {
    padding: 0 0 0 1.25rem;
    font-size: 1.375rem;
    margin-bottom: 0.625rem; }
  .c-pie-chart-legend.x-small .legend-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.3125rem; }
  .c-pie-chart-legend.x-small .legend-value {
    display: none; }
  .c-pie-chart-legend.simple.small .legend-value {
    font-size: 1.125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
@media screen and (min-width: 48rem) {
  .c-share {
    width: 26.875rem;
    min-width: 20rem; } }

.c-share .subtitle {
  font-size: 13px;
  text-align: left;
  border-bottom: solid 1px #e5e5df;
  padding-bottom: 0.9375rem;
  margin-bottom: 1.25rem;
  opacity: 0.5; }

.c-share .share-switch-tab {
  max-width: 14.0625rem;
  margin-bottom: 1.875rem; }

.c-share .info {
  text-align: left;
  color: #555;
  font-size: 1rem;
  line-height: 1.875rem;
  width: 100%;
  margin-bottom: 0.625rem; }

.c-share .input-container {
  width: calc(100% + (6.25rem / 2)); }
  .c-share .input-container .input,
  .c-share .input-container .input-button {
    height: 2.5rem; }
  .c-share .input-container .input {
    width: calc(100% - 6.25rem);
    max-width: 18.75rem;
    border: 0;
    font-size: 0.8125rem;
    position: relative;
    display: inline-block; }
    .c-share .input-container .input > input {
      background: none;
      padding-left: 0.625rem;
      padding-right: calc((6.25rem / 2) + 0.625rem);
      width: 100%;
      height: 100%;
      border: 1px solid #dededd;
      border-right: 0;
      border-radius: 4px; }
      .c-share .input-container .input > input:focus {
        outline: none; }
  .c-share .input-container .input-button {
    position: relative;
    z-index: 1;
    right: calc(6.25rem / 2);
    border-radius: 1.40625rem;
    width: 6.25rem;
    display: inline-block; }
  .c-share .input-container .input-loader {
    align-items: flex-start; }
    .c-share .input-container .input-loader > div {
      width: 1.25rem;
      height: 1.25rem;
      border-width: 2px;
      margin-left: 0.625rem; }

.c-share .buttons-container {
  display: flex;
  justify-content: space-around;
  margin-top: 0.9375rem; }

.c-share .share-button {
  margin: 0 0.5rem;
  width: 100%; }

.c-share .button {
  width: 7.8125rem;
  height: 2.25rem;
  font-size: 14px;
  font-weight: 500;
  color: #555; }

.c-share .social-container {
  display: flex;
  justify-content: left;
  margin-top: 1.5625rem; }

.c-share .social-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 0.5rem;
  border: 1px solid #aaa;
  border-radius: 1.5625rem; }
  .c-share .social-button svg {
    fill: #555;
    height: 20px;
    width: 20px; }

.c-pie-chart-legend-widget {
  padding-top: rem(30px); }
  .c-pie-chart-legend-widget .pie-and-legend {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .c-pie-chart-legend-widget .pie-and-legend .cover-legend {
      min-width: 50%; }
  .c-pie-chart-legend-widget .pie-contextual-settings-btn {
    margin: 0 10px 20px auto; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-chart-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.875rem;
  padding: 0 0.9375rem; }
  .c-widget-chart-list .locations-list {
    width: 100%;
    margin: auto 0; }
    @media screen and (min-width: 48rem) {
      .c-widget-chart-list .locations-list {
        width: 50%; } }
    @media screen and (min-width: 64rem) {
      .c-widget-chart-list .locations-list {
        width: 40%; } }
  .c-widget-chart-list .chart {
    display: none;
    width: 50%;
    min-width: 50%;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 48rem) {
      .c-widget-chart-list .chart {
        display: flex;
        padding-right: 2.5rem; } }
    @media screen and (min-width: 64rem) {
      .c-widget-chart-list .chart {
        width: 60%;
        min-width: 60%; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-chart-and-list {
  display: inline-block;
  width: 100%; }
  .c-widget-chart-and-list .widget-combined-list {
    margin-top: 10px;
    width: 100%; }
  .c-widget-chart-and-list .widget-combined-chart,
  .c-widget-chart-and-list .widget-combined-list {
    display: inline-block; }
  @media screen and (min-width: 48rem) {
    .c-widget-chart-and-list .widget-combined-chart {
      width: 70%;
      margin: 0 1.25rem 0 0;
      transform: translateY(-14px); }
    .c-widget-chart-and-list .widget-combined-list {
      width: calc(30% - 1.25rem);
      margin-top: 0;
      height: 250px;
      vertical-align: top;
      position: relative; }
    .c-widget-chart-and-list .c-paginate {
      position: absolute;
      bottom: 0; } }

.c-list-legend-widget {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: rem(30px); }
  .c-list-legend-widget .cover-legend {
    min-width: 50%; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-mapbox-map {
  position: relative;
  width: 100%;
  height: 100%; }
  .c-mapbox-map .mapboxgl-ctrl-logo {
    display: none; }

.mapboxgl-canvas {
  cursor: inherit !important; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-planet-notice-modal {
  max-width: 500px; }
  .c-planet-notice-modal .modal-content {
    padding: 40px 60px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-scale {
  display: flex; }
  .c-map-scale .scale {
    position: relative;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #808080;
    color: #808080;
    padding: 0 6px 0;
    font-size: 10px;
    font-weight: 500;
    height: 0.9375rem;
    background: transparent;
    letter-spacing: 1.2px; }
    .c-map-scale .scale:last-child::after {
      content: '';
      height: 4px;
      width: 1px;
      background-color: #808080;
      position: absolute;
      right: 0;
      bottom: 0; }
    .c-map-scale .scale::before {
      content: '';
      height: 4px;
      width: 1px;
      background-color: #808080;
      position: absolute;
      left: 0;
      bottom: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-data-table {
  font-size: 0.875rem; }
  .c-data-table .wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 10px; }
    .c-data-table .wrapper .values {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
    .c-data-table .wrapper .label {
      width: 40%;
      min-width: 40%;
      font-weight: 500;
      margin-right: 15px;
      text-transform: uppercase;
      word-break: break-all; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-boundary-sentence {
  font-size: 0.8125rem; }
  .c-boundary-sentence b {
    font-weight: 500; }
  .c-boundary-sentence button {
    color: #97be32;
    font-weight: 500;
    display: contents;
    cursor: pointer; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-boundary-sentence {
  font-size: 0.8125rem; }
  .c-boundary-sentence b {
    font-weight: 500; }
  .c-boundary-sentence button {
    color: #97be32;
    font-weight: 500;
    display: contents;
    cursor: pointer; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-popup {
  font-family: "Fira Sans", sans-serif;
  border-radius: 2px;
  max-width: 18.125rem;
  min-width: 12.5rem; }
  .c-popup .close-btn {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    z-index: 3; }
    .c-popup .close-btn .btn-on-card {
      fill: #fff; }
  .c-popup .popup-card {
    border: 0;
    max-width: 15rem; }
    .c-popup .popup-card .body {
      background-color: #fff; }
  .c-popup .popup-table {
    padding: 1.5625rem; }
    .c-popup .popup-table .popup-title {
      font-size: 1rem;
      margin-bottom: 0.9375rem;
      color: #555;
      font-weight: 400; }
    .c-popup .popup-table .layer-selector {
      margin-bottom: 20px; }
      .c-popup .popup-table .layer-selector select {
        font-size: 0.875rem; }
    .c-popup .popup-table .popup-footer {
      margin-top: 1.25rem; }
      .c-popup .popup-table .popup-footer > button {
        min-width: 12.5rem;
        margin: auto; }
  .c-popup .theme-button-small {
    color: #fff; }
  .c-popup .theme-button-light {
    color: #555; }

.mapboxgl-popup-content {
  padding: 0 !important;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  border-radius: 0 !important; }
  .mapboxgl-popup-content .mapboxgl-popup-close-button {
    top: 5px;
    right: 12px;
    font-size: 30px;
    font-weight: 300;
    color: #555;
    z-index: 3; }
    .mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
      background-color: transparent;
      color: #3c3c3c; }



/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-modal-attributions .modal-attributions-content {
  min-width: 290px; }
  .c-modal-attributions .modal-attributions-content .logos {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem; }
    .c-modal-attributions .modal-attributions-content .logos a {
      margin-bottom: 0.9375rem; }
    .c-modal-attributions .modal-attributions-content .logos .mapbox-logo {
      width: 6.25rem;
      height: 1.5625rem; }
    .c-modal-attributions .modal-attributions-content .logos .ee-logo {
      width: 11.25rem; }
    .c-modal-attributions .modal-attributions-content .logos .carto-logo {
      width: 5.625rem; }
  .c-modal-attributions .modal-attributions-content .links {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem; }
    .c-modal-attributions .modal-attributions-content .links * {
      margin-bottom: 0.9375rem; }
    .c-modal-attributions .modal-attributions-content .links a {
      color: #97be32; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-attributions {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .c-map-attributions a,
  .c-map-attributions span {
    margin-left: 0.625rem;
    color: #808080;
    font-size: 0.625rem; }
    .c-map-attributions a:hover,
    .c-map-attributions span:hover {
      color: #808080; }
  .c-map-attributions .logos {
    display: flex;
    align-items: center; }
    .c-map-attributions .logos a {
      margin-right: 0.625rem;
      margin-left: 0; }
      .c-map-attributions .logos a:last-child {
        margin-right: 0; }
  .c-map-attributions .mapbox-logo {
    width: auto;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle; }
  .c-map-attributions .attribution-info-btn {
    opacity: 0.8;
    margin-left: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-world-map {
  background-color: transparent;
  -webkit-tap-highlight-color: transparent; }
  .c-world-map .world-map-geography {
    fill: rgba(153, 153, 153, 0.3);
    stroke: #fff;
    stroke-width: 0.2px;
    outline: 0;
    pointer-events: visibleFill; }
    .c-world-map .world-map-geography.-dark {
      fill: rgba(153, 153, 153, 0.8); }
    .c-world-map .world-map-geography.-pink {
      fill: #97be32; }
  .c-world-map .world-map-arc {
    fill: transparent;
    stroke: rgba(153, 153, 153, 0.7);
    stroke-linecap: round;
    outline: 0;
    pointer-events: visibleStroke; }
  .c-world-map .world-map-annotation-text {
    fill: #999;
    font-family: "Fira Sans", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    text-align: right;
    line-height: 0.64;
    letter-spacing: -0.7px;
    pointer-events: none; }
    .c-world-map .world-map-annotation-text + path {
      stroke: #999; }
    .c-world-map .world-map-annotation-text.-label {
      transform: translateY(3px); }

.c-world-map-tooltip {
  background-color: #555;
  padding: 0.625rem 0.9375rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center; }
  .c-world-map-tooltip p {
    color: #fff;
    text-transform: capitalize;
    font-size: 0.875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map {
  position: relative;
  width: 100%;
  height: 100%; }
  .c-map.no-pointer-events .overlays {
    pointer-events: none; }
  .c-map .map-icon-crosshair {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    fill: #555;
    width: 0.75rem;
    height: 0.75rem;
    pointer-events: none;
    z-index: 5; }
  .c-map .map-scale {
    position: absolute;
    left: 0.625rem;
    bottom: 2.5rem; }
  .c-map .map-attributions {
    position: absolute;
    bottom: 0.625rem;
    right: 0.625rem;
    left: 0.625rem;
    z-index: 5; }
  .c-map .map-loader {
    background-color: rgba(85, 85, 85, 0.2);
    z-index: 4; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-modal-meta .modal-content {
  padding-top: 0; }

@media screen and (min-width: 48rem) {
  .c-modal-meta {
    width: auto; } }

.c-modal-meta .modal-meta-content {
  padding-top: 0;
  min-height: 20rem;
  width: 100%;
  max-width: 50rem;
  color: #555; }
  @media screen and (min-width: 48rem) {
    .c-modal-meta .modal-meta-content {
      min-width: 20rem;
      padding-top: 0; } }
  .c-modal-meta .modal-meta-content p {
    margin-bottom: 0.625rem; }
    .c-modal-meta .modal-meta-content p a {
      color: #97be32; }
      .c-modal-meta .modal-meta-content p a:hover {
        color: #779627; }
  .c-modal-meta .modal-meta-content .ext-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-top: solid 1px #e5e5df;
    margin: 0 -1.875rem -1.875rem;
    margin-left: -1.5625rem;
    width: calc(100% + (2 * 1.5625rem));
    padding: 1.25rem 1.875rem 0.625rem; }
    .c-modal-meta .modal-meta-content .ext-actions > a {
      max-width: 9.375rem;
      margin: 0 0.625rem;
      margin-bottom: 0.625rem; }
    @media screen and (min-width: 48rem) {
      .c-modal-meta .modal-meta-content .ext-actions {
        margin-left: -6.25rem;
        width: calc(100% + (2 * 6.25rem));
        padding: 1.25rem 3.125rem 0.625rem;
        flex-direction: row; } }
  .c-modal-meta .modal-meta-content .subtitle {
    margin-top: 0.3125rem;
    margin-bottom: 1.25rem;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: #999; }
    @media screen and (min-width: 48rem) {
      .c-modal-meta .modal-meta-content .subtitle {
        margin-bottom: 2.5rem; } }
  .c-modal-meta .modal-meta-content .meta-table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-top: solid 1px #e5e5df;
    margin-bottom: 1.875rem; }
    @media screen and (min-width: 48rem) {
      .c-modal-meta .modal-meta-content .meta-table {
        margin-bottom: 1.875rem; } }
  .c-modal-meta .modal-meta-content .table-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: solid 1px #e5e5df;
    width: 100%; }
    @media screen and (min-width: 48rem) {
      .c-modal-meta .modal-meta-content .table-row {
        flex-direction: row; } }
    .c-modal-meta .modal-meta-content .table-row:nth-child(even) {
      background-color: #f7f7f7; }
    .c-modal-meta .modal-meta-content .table-row .title-column {
      font-weight: 500;
      font-size: 0.6875rem;
      text-transform: uppercase;
      padding: 0.9375rem 0.3125rem 0.125rem 1.5625rem;
      color: #555;
      width: 9.375rem; }
      @media screen and (min-width: 48rem) {
        .c-modal-meta .modal-meta-content .table-row .title-column {
          padding: 0.9375rem 6.25rem;
          padding-right: 0.3125rem; } }
    .c-modal-meta .modal-meta-content .table-row .description-column {
      font-weight: 300;
      font-size: 0.8125rem;
      line-height: 1.5;
      color: #555;
      width: calc(100% - 100px);
      width: 100%;
      padding: 0 1.5625rem 0.9375rem 1.5625rem;
      word-break: break-word; }
      @media screen and (min-width: 48rem) {
        .c-modal-meta .modal-meta-content .table-row .description-column {
          padding: 0.8125rem 6.25rem 0.1875rem; } }
      .c-modal-meta .modal-meta-content .table-row .description-column p {
        margin-bottom: 0.625rem; }
  .c-modal-meta .modal-meta-content .overview {
    margin-bottom: 1.875rem; }
    .c-modal-meta .modal-meta-content .overview h4 {
      font-size: 1rem;
      font-weight: 500;
      margin-bottom: 0.625rem; }
    .c-modal-meta .modal-meta-content .overview .body {
      font-size: 0.8125rem;
      font-weight: 300; }
  .c-modal-meta .modal-meta-content .citation {
    margin-bottom: 1.875rem;
    padding: 0;
    word-break: break-word; }
    .c-modal-meta .modal-meta-content .citation h5 {
      font-size: 0.75rem;
      font-weight: 500;
      margin-bottom: 0.625rem; }
    .c-modal-meta .modal-meta-content .citation .body {
      font-size: 0.75rem;
      color: #aaa;
      font-weight: 300; }
  .c-modal-meta .modal-meta-content ul,
  .c-modal-meta .modal-meta-content ol {
    list-style: disc;
    margin-left: 0.9375rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-map-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.875rem; }
  @media screen and (min-width: 48rem) {
    .c-widget-map-list {
      flex-direction: row; } }
  .c-widget-map-list .locations-list {
    width: 100%; }
    @media screen and (min-width: 48rem) {
      .c-widget-map-list .locations-list {
        width: 35%; } }
  .c-widget-map-list .simple-map {
    width: 100%;
    min-width: 100%;
    justify-content: center;
    align-items: center;
    display: flex; }
    @media screen and (min-width: 48rem) {
      .c-widget-map-list .simple-map {
        width: 65%;
        min-width: 65%;
        margin-right: 1.25rem; } }

.c-sankey-link {
  cursor: pointer; }
  .c-sankey-link:hover {
    stroke: #444; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.sankey-node-text {
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0 10px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-sankey-chart .node-titles {
  display: flex;
  justify-content: space-between; }
  .c-sankey-chart .node-titles span {
    text-align: center;
    font-weight: 500;
    font-size: 0.875rem; }

.c-sankey-chart .sankey > svg {
  padding-bottom: 1em; }

.c-sankey-chart .link {
  cursor: pointer; }
  .c-sankey-chart .link:hover {
    stroke-opacity: 0.3; }

.c-sankey-chart-widget {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: rem(30px); }
  .c-sankey-chart-widget > div {
    width: 100%; }
  .c-sankey-chart-widget .cover-legend {
    min-width: 50%; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-lollipop-chart {
  position: relative;
  font-size: 0.75rem;
  color: #555; }
  .c-lollipop-chart .unit-legend {
    position: relative;
    margin-bottom: 4px;
    z-index: 2;
    background-color: white;
    color: #333;
    font-weight: 500; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .unit-legend {
        margin-left: 40%;
        text-align: center; } }
  .c-lollipop-chart .custom-xAxis {
    position: relative;
    z-index: 2;
    height: 20px;
    width: 100%;
    border-bottom: 1px solid black;
    background-color: white;
    padding: 0 10px; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .custom-xAxis .axis-wrapper {
        margin-left: 40%; } }
    .c-lollipop-chart .custom-xAxis .custom-xAxis-ticks {
      height: 10px;
      position: relative; }
  .c-lollipop-chart .list-wrapper {
    position: relative;
    max-height: 21.25rem;
    overflow-y: hidden; }
    .c-lollipop-chart .list-wrapper.-scrollable {
      overflow-y: scroll;
      overflow-x: hidden; }
  .c-lollipop-chart .list-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 0.625rem 0; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .list-item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center; } }
    .c-lollipop-chart .list-item:hover {
      background-color: rgba(229, 229, 223, 0.5); }
      .c-lollipop-chart .list-item:hover .item-bubble {
        background-color: #333;
        color: #fff; }
    .c-lollipop-chart .list-item.-bar {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 1.25rem; }
  .c-lollipop-chart a {
    color: #555; }
    .c-lollipop-chart a:hover .item-name {
      text-decoration: underline; }
  .c-lollipop-chart .disabled {
    pointer-events: none;
    text-decoration: none; }
    .c-lollipop-chart .disabled:hover {
      text-decoration: none; }
  .c-lollipop-chart .item-bubble {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    border-radius: 50%;
    background-color: #e5e5df;
    position: relative;
    margin-right: 10px; }
    .c-lollipop-chart .item-bubble.-lollipop {
      position: absolute;
      margin-right: 0; }
  .c-lollipop-chart .item-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: right;
    margin-bottom: 10px; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .item-label {
        width: 40%;
        margin-bottom: 0;
        padding: 0 0.9375rem 0 10px;
        justify-content: space-between; } }
  .c-lollipop-chart .lollipop {
    position: relative;
    display: inherit;
    flex-direction: inherit;
    align-items: center; }
  .c-lollipop-chart .space-right {
    padding-right: 50px; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .space-right {
        padding-right: 67px; } }
  .c-lollipop-chart .space-left {
    padding-left: 50px; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .space-left {
        padding-left: 67px; } }
  .c-lollipop-chart .item-lollipop-bar {
    position: relative;
    display: flex;
    align-items: center;
    height: 1.125rem; }
    @media screen and (min-width: 48rem) {
      .c-lollipop-chart .item-lollipop-bar {
        width: 60%; } }
    .c-lollipop-chart .item-lollipop-bar .item-spacer {
      height: 1px; }
    .c-lollipop-chart .item-lollipop-bar .item-bar {
      position: absolute;
      height: 0.125rem;
      width: 100%;
      top: -1px;
      left: 0;
      margin-left: 0;
      margin-right: 0; }
  .c-lollipop-chart .item-value {
    position: absolute;
    width: 2.1875rem;
    text-align: right;
    margin: 0 16px; }
  .c-lollipop-chart .cartesian-grid {
    position: absolute;
    top: 40px;
    bottom: 0; }
    .c-lollipop-chart .cartesian-grid .grid-line {
      bottom: 0;
      top: 0;
      width: 1px;
      background-color: #e5e5df; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-form-radio .radio-option {
  margin-bottom: 0.9375rem;
  cursor: pointer; }
  .c-form-radio .radio-option label {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0.3125rem; }
    .c-form-radio .radio-option label span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1rem;
      height: 1rem;
      border-radius: 100%;
      border: solid 1px #555;
      margin-right: 0.625rem; }
      .c-form-radio .radio-option label span::after {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        background-color: #97be32;
        border-radius: 100%;
        display: none; }
  .c-form-radio .radio-option input[type=radio] {
    display: none; }
  .c-form-radio .radio-option input[type=radio]:checked + label span::after {
    display: block; }

.c-form-radio .radio-input {
  margin-left: 1.5625rem;
  width: calc(100% - 1.5625rem);
  max-width: 20.3125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
@media screen and (min-width: 48rem) {
  .c-widget-lollipop-chart {
    max-width: 80%;
    margin: auto; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-thankyou .message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .c-thankyou .message img,
  .c-thankyou .message svg {
    max-width: 12.5rem;
    height: 12.5rem;
    margin-bottom: 0.625rem;
    width: 100%; }
    @media screen and (min-width: 48rem) {
      .c-thankyou .message img,
      .c-thankyou .message svg {
        margin-bottom: 1.25rem; } }
  .c-thankyou .message h1 {
    font-size: 1.625rem;
    color: #555;
    margin-bottom: 0.625rem;
    text-align: center;
    font-weight: 300; }
    @media screen and (min-width: 48rem) {
      .c-thankyou .message h1 {
        font-size: 2.25rem;
        margin-bottom: 1.875rem; } }
  .c-thankyou .message p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #555;
    text-align: center; }
    @media screen and (min-width: 48rem) {
      .c-thankyou .message p {
        font-size: 1.125rem; } }
  .c-thankyou .message b {
    font-weight: 500; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-404-page {
  padding: 3.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (min-width: 48rem) {
    .l-404-page {
      padding: 10rem 0; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-error-page {
  padding: 3.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (min-width: 48rem) {
    .l-error-page {
      padding: 10rem 0; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-browser-support-page {
  padding: 3.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (min-width: 48rem) {
    .l-browser-support-page {
      padding: 10rem 0; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-profile-form {
  max-width: 31.25rem; }
  .c-profile-form h1 {
    font-size: 2.25rem;
    margin-bottom: 0.625rem;
    font-weight: 300; }
  .c-profile-form h3 {
    font-size: 1rem;
    margin-bottom: 2.5rem; }
    @media screen and (min-width: 48rem) {
      .c-profile-form h3 {
        margin-bottom: 3.75rem; } }
  .c-profile-form input,
  .c-profile-form textarea,
  .c-profile-form select {
    max-width: 21.875rem; }
  .c-profile-form p {
    margin-bottom: 1.25rem; }
  .c-profile-form .section-name {
    margin-bottom: 0.75rem;
    color: #333;
    font-size: 1.125rem;
    line-height: 1.875rem; }
  .c-profile-form .submit-btn {
    min-width: 11.25rem; }
  .c-profile-form .delete-profile {
    text-align: center;
    width: 100%;
    margin-top: 3.75rem; }
  .c-profile-form .reset-form-btn {
    margin: auto;
    width: 12.5rem;
    margin-top: 1.875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-profile-modal {
  min-height: 18.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-modal-sources {
  max-width: 50rem; }
  .c-modal-sources h3 {
    margin-bottom: 1.25rem; }
  .c-modal-sources p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.875rem; }
  .c-modal-sources strong {
    font-weight: 500; }
  .c-modal-sources ul {
    list-style: none;
    font-size: 1rem; }
    .c-modal-sources ul li {
      margin-bottom: 0.3125rem; }
  .c-modal-sources a {
    color: #97be32; }
  .c-modal-sources pre {
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    font-size: 14px; }
    .c-modal-sources pre .json-key {
      color: #d46c75; }
    .c-modal-sources pre .json-string {
      color: #67995a; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-login-form {
  text-align: left; }
  .c-login-form h1 {
    font-weight: 300;
    font-size: 2.25rem;
    margin-top: 0; }
  .c-login-form h3 {
    font-size: 1.125rem;
    margin-bottom: 0.625rem; }
    @media screen and (min-width: 48rem) {
      .c-login-form h3 {
        margin-bottom: 3.125rem; } }
  .c-login-form p {
    font-size: 1rem;
    margin-bottom: 2.5rem;
    line-height: 1.5;
    margin-top: 1.375rem; }
  .c-login-form .forgotten-password {
    margin-bottom: 0.625rem;
    text-decoration: underline;
    font-weight: 500;
    font-size: 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .c-login-form .change-form,
  .c-login-form .forgotten-password {
    cursor: pointer; }
    .c-login-form .change-form:focus,
    .c-login-form .forgotten-password:focus {
      outline: none; }
  .c-login-form .reset-form-btn {
    margin: auto;
    width: 9.375rem; }
  .c-login-form .submit-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: 1.25rem; }
    .c-login-form .submit-actions .change-form {
      margin-right: 0.9375rem;
      font-size: 1rem; }
      .c-login-form .submit-actions .change-form b {
        text-decoration: underline;
        font-weight: 500;
        display: block; }
        @media screen and (min-width: 20rem) {
          .c-login-form .submit-actions .change-form b {
            display: inline-block; } }
  .c-login-form .submit-btn {
    min-width: 7.5rem; }
  .c-login-form .submit-error {
    font-size: 0.875rem;
    color: #ed1846; }
  .c-login-form .social-btns {
    margin-top: 1.375rem;
    margin-bottom: 2.5rem; }
  .c-login-form .social-btn {
    width: 100%; }
    .c-login-form .social-btn.-twitter {
      background-color: #598dca;
      margin-bottom: 1.25rem; }
      .c-login-form .social-btn.-twitter:hover {
        background-color: #3a73b6; }
    .c-login-form .social-btn.-facebook {
      background-color: #3a589b;
      margin-bottom: 1.25rem; }
      .c-login-form .social-btn.-facebook:hover {
        background-color: #2c4376; }
    .c-login-form .social-btn.-google {
      background-color: #da4735; }
      .c-login-form .social-btn.-google:hover {
        background-color: #ba3322; }
  .c-login-form.simple h1 {
    font-size: 1.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-body {
  position: relative;
  height: 100%;
  min-height: 18.75rem;
  margin-bottom: 0.625rem; }
  .c-widget-body .sentence {
    margin-bottom: 1.875rem; }
    .c-widget-body .sentence.interactive {
      height: 10rem; }
      @media screen and (min-width: 360px) {
        .c-widget-body .sentence.interactive {
          height: 6.875rem; } }
      @media screen and (min-width: 48rem) {
        .c-widget-body .sentence.interactive {
          height: 5.625rem; } }
      @media screen and (min-width: 64rem) {
        .c-widget-body .sentence.interactive {
          height: 4.375rem; } }
  .c-widget-body.simple {
    min-height: 5rem;
    margin-bottom: 0; }
    .c-widget-body.simple .sentence {
      font-size: 0.8125rem;
      margin-bottom: 0.9375rem; }
    .c-widget-body.simple .message {
      font-size: 0.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-pill {
  height: 1.25rem;
  border-radius: 15px;
  color: #fff;
  background-color: #d4d4d4;
  font-size: 0.75rem;
  padding: 0 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none; }
  .c-pill.-active {
    background-color: #4a4a4a; }
  .c-pill.-removable {
    padding-right: 0; }
  .c-pill.-clickable {
    cursor: pointer; }
  .c-pill button {
    padding-right: 0.5rem;
    cursor: pointer;
    margin-left: 0.3125rem; }
  .c-pill svg {
    width: 0.5rem;
    height: 0.5rem;
    fill: #fff; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget-footer {
  margin-top: 0.625rem;
  font-size: 12px;
  color: rgba(85, 85, 85, 0.5); }
  .c-widget-footer .loss-driver-statement {
    display: inline-block;
    color: rgba(85, 85, 85, 0.5); }
  .c-widget-footer .driver-separator {
    color: rgba(85, 85, 85, 0.5);
    display: inline-block;
    padding: 0 0.1875rem; }
  .c-widget-footer p {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.3125rem; }
  .c-widget-footer.simple {
    font-size: 0.625rem; }
    .c-widget-footer.simple p {
      font-size: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-form-tags {
  border-radius: 4px;
  background-color: transparent;
  border: solid 1px #e5e5df;
  outline: none;
  color: #555;
  min-height: 2.5rem;
  width: 100%;
  display: flex;
  align-items: center; }
  .c-form-tags span {
    padding: 0.625rem 0.75rem 0.3125rem;
    width: 100%;
    height: 100%;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .c-form-tags::-moz-placeholder {
    color: #a8a8a8; }
  .c-form-tags:-ms-input-placeholder {
    color: #a8a8a8; }
  .c-form-tags::-ms-input-placeholder {
    color: #a8a8a8; }
  .c-form-tags::placeholder {
    color: #a8a8a8; }
  .c-form-tags input {
    border: none;
    outline: none;
    height: 30px;
    margin-top: -3px;
    flex-grow: 1;
    padding: 0; }
  .c-form-tags .input-pill {
    margin-right: 0.3125rem;
    margin-bottom: 0.3125rem; }

.form-tags-instructions {
  font-size: 0.75rem;
  margin-top: 0.1875rem;
  display: block;
  color: #a8a8a8; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widget {
  position: relative;
  width: 100%;
  height: auto;
  border: solid 1px rgba(103, 104, 103, 0.2);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 1.25rem 0.9375rem;
  justify-content: space-between; }
  @media screen and (min-width: 48rem) {
    .c-widget {
      padding: 1.5625rem 1.25rem; } }
  .c-widget.highlighted {
    background: #fefedc; }
    .c-widget.highlighted .widget-loader {
      background-color: rgba(254, 254, 220, 0.5); }
  .c-widget.embed {
    border: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 0; }
  .c-widget.simple {
    border: 0;
    padding: 0;
    border-radius: 0; }
    .c-widget.simple .widget-loader .spinner {
      width: 1.875rem;
      height: 1.875rem;
      border-width: 0.1875rem; }

@charset "UTF-8";
/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-form-checkbox .checkbox-option {
  position: relative;
  display: flex;
  align-items: center;
  margin: 1.25rem 0 1.25rem; }
  .c-form-checkbox .checkbox-option label {
    cursor: pointer;
    padding-left: 0.625rem; }

.c-form-checkbox input[type=checkbox] {
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
  min-width: 1.5625rem;
  border: 1px solid #e5e5df;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #97be32;
  cursor: pointer;
  border-radius: 0.25rem; }
  .c-form-checkbox input[type=checkbox]::-ms-check {
    display: none; }
  .c-form-checkbox input[type=checkbox]:focus {
    outline: none; }

.c-form-checkbox input[type=checkbox]::before {
  content: "\2714";
  position: absolute;
  left: 0.3125rem;
  top: 0.125rem;
  visibility: hidden;
  font-size: 1rem; }

.c-form-checkbox input[type=checkbox]:checked::before {
  /* Use `visibility` instead of `display` to avoid recalculating layout */
  visibility: visible; }

.c-form-checkbox input[type=checkbox]:disabled {
  border-color: black;
  background: #ddd;
  color: gray; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-newsletter-form h1 {
  font-size: 2.25rem;
  margin-bottom: 0.625rem;
  font-weight: 300;
  text-align: center; }

.c-newsletter-form h3 {
  font-size: 1rem;
  margin-bottom: 2.5rem;
  text-align: center; }
  @media screen and (min-width: 48rem) {
    .c-newsletter-form h3 {
      margin-bottom: 3.75rem; } }

.c-newsletter-form p {
  margin-bottom: 1.25rem; }

.c-newsletter-form .submit-btn {
  min-width: 11.25rem;
  align-self: center; }

.c-newsletter-form .c-form-error span {
  align-self: center;
  margin-right: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-subscribe-page {
  background-color: #fff;
  height: 100%;
  padding: 2.5rem 0 3.75rem; }
  @media screen and (min-width: 48rem) {
    .l-subscribe-page {
      padding: 5rem 0 5.625rem; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-widgets {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.25rem 1rem 1.875rem 1rem;
  min-width: 100%;
  margin-bottom: 0.9375rem; }
  .c-widgets > div {
    width: 100%;
    margin-bottom: 1.875rem; }
    @media screen and (min-width: 64rem) {
      .c-widgets > div {
        width: calc(50% - 15px);
        margin-bottom: 1.875rem; }
        .c-widgets > div.large {
          width: 100%; } }
  @media screen and (min-width: 48rem) {
    .c-widgets {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .c-widgets {
      padding-top: 1.875rem;
      padding-right: 1.875rem; } }
  .c-widgets .no-widgets-message {
    position: relative;
    min-height: 28.75rem; }
  .c-widgets .widgets-loader {
    position: relative;
    min-height: 28.75rem; }
  .c-widgets.simple {
    display: flex;
    padding: 0.3125rem 0 0.9375rem;
    border-bottom: solid 1px #e5e5df; }
    .c-widgets.simple > div {
      width: 100%;
      padding-bottom: 0.9375rem;
      margin-bottom: 0.9375rem;
      border-bottom: solid 1px #e5e5df; }
      .c-widgets.simple > div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0; }
    .c-widgets.simple .widgets-loader {
      min-height: 9.375rem; }
  .c-widgets.no-widgets {
    border-bottom: 0;
    padding: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-embed {
  display: flex; }
  .c-embed .widget-wrapper {
    width: 100%; }

/* stylelint-disable */
@font-face {
  font-family: 'DecimaMonoPro';
  font-weight: 400;
  src: url("../../../../trase-fonts/DecimaMonoPro.woff") format("woff2"), url("../../../../trase-fonts/DecimaMonoPro.woff") format("woff"), url("../../../../trase-fonts/DecimaMonoPro.otf") format("embedded-opentype"), url("../../../../trase-fonts/DecimaMonoPro.otf"); }

@font-face {
  font-family: 'DecimaMonoPro';
  font-weight: 700;
  src: url("../../../../trase-fonts/DecimaMonoPro-Bold.woff") format("woff2"), url("../../../../trase-fonts/DecimaMonoPro-Bold.woff") format("woff"), url("../../../../trase-fonts/DecimaMonoPro-Bold.otf") format("embedded-opentype"), url("../../../../trase-fonts/DecimaMonoPro-Bold.otf"); }

@font-face {
  font-family: 'Merriweather';
  font-weight: 300;
  src: url("../../../../trase-fonts/Merriweather-Light.ttf"); }

@font-face {
  font-family: 'Merriweather';
  font-weight: 400;
  src: url("../../../../trase-fonts/Merriweather-Regular.ttf"); }

@font-face {
  font-family: 'Merriweather';
  font-weight: 700;
  src: url("../../../../trase-fonts/Merriweather-Bold.ttf"); }

.l-embed.-trase .c-widget-header .options {
  display: none; }

.l-embed.-trase .c-widget-header .title {
  font-family: "DecimaMonoPro";
  font-weight: 700;
  color: #34444c; }

.l-embed.-trase .c-dynamic-sentence {
  font-family: "Merriweather";
  color: #34444c; }

.l-embed.-trase text {
  -webkit-filter: none;
          filter: none;
  fill: #34444c; }

.l-embed.-trase .c-widget-footer {
  display: flex;
  justify-content: space-between;
  font-family: "Merriweather";
  color: #34444c;
  font-weight: 300; }
  .l-embed.-trase .c-widget-footer a {
    color: #34444c;
    font-weight: 700; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-recent-image-map {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #e5e5df;
  overflow: hidden; }
  .c-recent-image-map svg {
    background-color: #e5e5df;
    opacity: 1;
    position: absolute;
    z-index: 1;
    height: 100%; }
  .c-recent-image-map .error-msg {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5625rem;
    position: absolute;
    z-index: 1;
    background: #e5e5df; }
  .c-recent-image-map.small .error-msg {
    padding: 0.1875rem;
    font-size: 0.6875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-area-of-interest-form .input-field {
  max-width: 21.875rem; }

.c-area-of-interest-form h1 {
  margin-bottom: 1.25rem;
  font-weight: 300;
  font-size: 18px; }
  @media screen and (min-width: 48rem) {
    .c-area-of-interest-form h1 {
      font-size: 2.25rem;
      margin-bottom: 1.875rem; } }

.c-area-of-interest-form b {
  font-weight: 500; }

.c-area-of-interest-form .aoi-map {
  height: 300px;
  position: relative;
  margin-bottom: 1.875rem;
  margin-left: -25px;
  margin-right: -25px;
  width: calc(100% + 50px); }
  @media screen and (min-width: 48rem) {
    .c-area-of-interest-form .aoi-map {
      margin-left: 0;
      margin-right: 0;
      width: 100%; } }

.c-area-of-interest-form .alerts-image {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 100%;
  background: #e5e5df;
  margin: 0.625rem 0 1.875rem; }
  .c-area-of-interest-form .alerts-image img {
    width: 100%; }
  .c-area-of-interest-form .alerts-image p {
    margin: 1.25rem; }
  @media screen and (min-width: 48rem) {
    .c-area-of-interest-form .alerts-image {
      flex-direction: row;
      height: 10rem; }
      .c-area-of-interest-form .alerts-image p {
        margin: 0 1.875rem 0 0.9375rem; } }

.c-area-of-interest-form .webhook-actions {
  margin: -25px 0 25px;
  height: 20px; }
  .c-area-of-interest-form .webhook-actions .test-webhook {
    color: #97be32;
    margin-right: 0.625rem;
    font-style: italic;
    font-size: 0.75rem;
    cursor: pointer;
    transition: color 0.1s ease-in-out;
    position: relative;
    padding-right: 20px; }
    .c-area-of-interest-form .webhook-actions .test-webhook:hover {
      color: #779627; }
    .c-area-of-interest-form .webhook-actions .test-webhook .webhook-loader {
      width: 12px;
      height: 12px;
      left: unset;
      right: 0; }
    .c-area-of-interest-form .webhook-actions .test-webhook .spinner {
      width: 12px;
      height: 12px;
      border-width: 2px; }
  .c-area-of-interest-form .webhook-actions .wh-success {
    color: #97be32; }
  .c-area-of-interest-form .webhook-actions .wh-error {
    color: #ed1846; }

.c-area-of-interest-form .submit-actions {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (min-width: 48rem) {
    .c-area-of-interest-form .submit-actions {
      flex-direction: row-reverse;
      justify-content: space-between; } }

.c-area-of-interest-form .area-submit {
  align-items: center;
  justify-content: center;
  margin-bottom: 20px; }
  .c-area-of-interest-form .area-submit .submit-btn {
    min-width: 11.25rem; }

.c-area-of-interest-form .delete-area {
  padding: 0;
  color: #ed1846;
  width: 100%; }
  @media screen and (min-width: 48rem) {
    .c-area-of-interest-form .delete-area {
      width: auto; } }
  .c-area-of-interest-form .delete-area .delete-icon {
    margin-right: 0.3125rem;
    margin-top: -0.0625rem;
    position: relative;
    fill: #ed1846; }

.c-area-of-interest-form .reset-form-btn {
  margin: auto;
  width: 12.5rem;
  margin-top: 1.875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-area-of-interest-modal {
  min-height: 6.25rem; }
  .c-area-of-interest-modal .save-aoi-body {
    margin-bottom: 1.25rem; }
  .c-area-of-interest-modal .login-intro {
    margin-bottom: 1.25rem;
    max-width: 18.75rem; }
  .c-area-of-interest-modal .confirmation-message {
    max-width: 25rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .c-area-of-interest-modal .confirmation-message .icon-confirmation {
      width: 6.25rem;
      height: 6.25rem;
      margin-bottom: 1.875rem; }
    .c-area-of-interest-modal .confirmation-message p {
      margin-bottom: 1.875rem;
      text-align: center; }
      .c-area-of-interest-modal .confirmation-message p b,
      .c-area-of-interest-modal .confirmation-message p strong {
        font-weight: 500; }
    .c-area-of-interest-modal .confirmation-message .confirmation-actions {
      display: flex;
      justify-content: space-around; }
      .c-area-of-interest-modal .confirmation-message .confirmation-actions .link-btn,
      .c-area-of-interest-modal .confirmation-message .confirmation-actions .close-btn {
        width: auto;
        min-width: 8.75rem;
        margin: 0 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-user-profile {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 48rem) {
    .c-user-profile {
      align-items: flex-end; } }
  .c-user-profile .name,
  .c-user-profile .email {
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 0.625rem; }
  .c-user-profile .user-btn {
    color: #aaa;
    font-size: 0.875rem;
    text-align: right;
    padding: 0;
    height: auto;
    text-transform: none;
    margin: 0.625rem 0; }
    .c-user-profile .user-btn .user-btn-icon {
      width: 0.9375rem;
      height: 0.9375rem;
      fill: #aaa;
      margin-left: 0.625rem; }
    .c-user-profile .user-btn:hover {
      color: #777777; }
      .c-user-profile .user-btn:hover .user-btn-icon {
        fill: #777777; }
        .c-user-profile .user-btn:hover .user-btn-icon:hover {
          fill: #777777; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-checkbox {
  width: 1rem;
  height: 1rem;
  border: solid 1px #555;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer; }
  .c-checkbox .green-square {
    width: 0.5rem;
    height: 0.5rem; }
    .c-checkbox .green-square.checked {
      background-color: #97be32; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-prompt-tooltip {
  font-size: 0.875rem;
  color: #fff;
  background-color: #333;
  padding: 1.875rem;
  max-width: 18.75rem;
  position: relative; }
  .c-prompt-tooltip .step-close {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    cursor: pointer; }
    .c-prompt-tooltip .step-close .step-close-btn {
      fill: #aaa;
      width: 0.625rem;
      height: 0.625rem; }
  .c-prompt-tooltip .step-title {
    font-size: 0.875rem;
    text-transform: uppercase;
    margin-bottom: 0.9375rem;
    color: #aaa;
    font-weight: 500; }
  .c-prompt-tooltip .step-content {
    margin-bottom: 1.25rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #fff; }
  .c-prompt-tooltip .step-actions {
    display: flex;
    justify-content: space-between; }
  .c-prompt-tooltip .step-btns {
    display: flex;
    justify-content: space-between;
    min-width: 5.625rem;
    width: 100%; }
    .c-prompt-tooltip .step-btns.align-left {
      justify-content: flex-start; }
      .c-prompt-tooltip .step-btns.align-left > button {
        margin-right: 2.1875rem; }
  .c-prompt-tooltip .step-nav-btn {
    font-size: 0.875rem;
    font-weight: 500;
    color: #97be32;
    text-transform: uppercase;
    cursor: pointer; }
  .c-prompt-tooltip .tour-exit-actions .intro {
    margin-bottom: 0.9375rem; }
  .c-prompt-tooltip .tour-exit-actions .guide-btn {
    text-align: left;
    margin-bottom: 0.9375rem;
    height: auto;
    padding: 0.9375rem; }
    .c-prompt-tooltip .tour-exit-actions .guide-btn .guide-btn-icon {
      width: 2.5rem;
      min-width: 2.5rem;
      height: 2.5rem;
      min-height: 2.5rem;
      margin-right: 0.9375rem;
      fill: #97be32; }
    .c-prompt-tooltip .tour-exit-actions .guide-btn p {
      font-size: 0.75rem; }
  .c-prompt-tooltip .show-prompts-btn {
    display: flex;
    align-items: center;
    color: #aaa;
    height: 100%;
    font-size: 0.8125rem;
    cursor: pointer; }
    .c-prompt-tooltip .show-prompts-btn .prompts-checkbox {
      margin-top: -1px;
      margin-right: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-datepicker .datepicker-input {
  height: 1.25rem;
  width: 100%;
  border: 1px solid #e5e5df;
  border-radius: 100px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  color: #555; }
  .c-datepicker .datepicker-input:focus {
    outline: none; }

.c-datepicker .react-datepicker__day-name {
  font-family: "Fira Sans", sans-serif; }

.react-datepicker-portal {
  position: relative;
  z-index: 10000; }
  @media screen and (max-width: 48rem) {
    .react-datepicker-portal {
      transform: none;
      pointer-events: none;
      background-color: none !important;
      z-index: 9999; }
      .react-datepicker-portal .react-datepicker__tab-loop {
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        justify-content: center;
        align-items: center;
        display: flex;
        background-color: rgba(17, 55, 80, 0.4); }
      .react-datepicker-portal .react-datepicker-popper {
        pointer-events: all;
        position: relative !important;
        transform: none !important; } }
  .react-datepicker-portal .react-datepicker__triangle {
    border-bottom-color: #fff !important; }
    .react-datepicker-portal .react-datepicker__triangle::before {
      border-bottom-color: rgba(229, 229, 223, 0.8) !important; }
    @media screen and (max-width: 48rem) {
      .react-datepicker-portal .react-datepicker__triangle {
        display: none; } }
  .react-datepicker-portal .react-datepicker {
    width: 290px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    transition: transform 0.3s linear;
    border: none;
    border-radius: 0;
    font-family: "Fira Sans", sans-serif; }
    .react-datepicker-portal .react-datepicker .react-datepicker__month-container {
      width: 100%; }
      .react-datepicker-portal .react-datepicker .react-datepicker__month-container .react-datepicker__month {
        margin-bottom: 16px;
        margin-top: 0; }
    .react-datepicker-portal .react-datepicker .react-datepicker__header--custom {
      background: none;
      border: none; }
      .react-datepicker-portal .react-datepicker .react-datepicker__header--custom .c-datepicker-header {
        text-align: center;
        padding: 12px 0; }
      .react-datepicker-portal .react-datepicker .react-datepicker__header--custom .c-date-dropdown {
        display: inline-block;
        margin: 0 5px; }
        .react-datepicker-portal .react-datepicker .react-datepicker__header--custom .c-date-dropdown .select-wrapper {
          position: relative;
          bottom: 1px; }
      .react-datepicker-portal .react-datepicker .react-datepicker__header--custom button.menu-link {
        display: inline-block;
        max-height: 20px;
        max-width: 20px;
        margin: 0 5px;
        border: none;
        border-radius: 100%; }
      .react-datepicker-portal .react-datepicker .react-datepicker__header--custom .prev-month {
        transform: rotate(90deg); }
      .react-datepicker-portal .react-datepicker .react-datepicker__header--custom .next-month {
        transform: rotate(-90deg); }
      .react-datepicker-portal .react-datepicker .react-datepicker__header--custom .icon-arrow {
        height: 9px;
        width: 9px;
        margin: auto;
        box-sizing: border-box;
        color: white; }
    .react-datepicker-portal .react-datepicker .react-datepicker__day-names {
      height: 24px;
      margin-bottom: 12px; }
      .react-datepicker-portal .react-datepicker .react-datepicker__day-names > div {
        color: #757575;
        font-size: 90%;
        font-weight: 400; }
    .react-datepicker-portal .react-datepicker .react-datepicker__day-name,
    .react-datepicker-portal .react-datepicker .react-datepicker__day {
      height: 36px;
      width: 36px;
      margin: 0;
      padding: 4px 8px; }
      .react-datepicker-portal .react-datepicker .react-datepicker__day-name:hover,
      .react-datepicker-portal .react-datepicker .react-datepicker__day:hover {
        border-radius: 0; }
      .react-datepicker-portal .react-datepicker .react-datepicker__day-name:focus,
      .react-datepicker-portal .react-datepicker .react-datepicker__day:focus {
        outline: none; }
    .react-datepicker-portal .react-datepicker .react-datepicker__day--selected {
      background: #555;
      border-radius: 0; }
      .react-datepicker-portal .react-datepicker .react-datepicker__day--selected:focus {
        outline: none; }
    .react-datepicker-portal .react-datepicker .react-datepicker__day--keyboard-selected {
      color: #555;
      background-color: transparent; }
      .react-datepicker-portal .react-datepicker .react-datepicker__day--keyboard-selected:focus {
        outline: none; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-recent-imagery-thumbnail {
  position: relative;
  width: 100%;
  height: 5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #999;
  cursor: pointer;
  outline: none; }
  .c-recent-imagery-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid transparent; }
  .c-recent-imagery-thumbnail:hover::before {
    border-color: #555; }
  .c-recent-imagery-thumbnail--selected::before {
    border-color: #97be32 !important; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-recent-imagery-settings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff; }
  .c-recent-imagery-settings .top-section {
    padding: 0.9375rem 1.25rem 1.875rem;
    width: 100%; }
    .c-recent-imagery-settings .top-section .recent-menu {
      display: none;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 0.9375rem; }
      @media screen and (min-width: 48rem) {
        .c-recent-imagery-settings .top-section .recent-menu {
          display: flex; } }
      .c-recent-imagery-settings .top-section .recent-menu .recent-actions {
        display: flex; }
      .c-recent-imagery-settings .top-section .recent-menu .close-btn {
        cursor: pointer;
        margin-left: 0.5rem; }
        .c-recent-imagery-settings .top-section .recent-menu .close-btn svg {
          height: 11px;
          width: 11px;
          fill: #999; }
      .c-recent-imagery-settings .top-section .recent-menu .title {
        font-size: 13px;
        font-weight: 500;
        line-height: 21px;
        color: #555;
        text-transform: uppercase; }
    .c-recent-imagery-settings .top-section .dates {
      position: relative;
      width: 100%;
      z-index: 4;
      margin-bottom: 1.25rem; }
      .c-recent-imagery-settings .top-section .dates .title {
        margin-bottom: 0.625rem;
        text-align: left; }
      .c-recent-imagery-settings .top-section .dates .title,
      .c-recent-imagery-settings .top-section .dates .before {
        font-size: 11px;
        font-weight: 500;
        color: #999; }
      .c-recent-imagery-settings .top-section .dates .buttons {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .c-recent-imagery-settings .top-section .dates .buttons .c-dropdown {
          max-width: calc(50% - 30px);
          margin: 0.0625rem 0.9375rem 0 0; }
        .c-recent-imagery-settings .top-section .dates .buttons .c-datepicker {
          max-width: calc(50% - 30px);
          margin: 0 0 0 0.9375rem; }
    .c-recent-imagery-settings .top-section .clouds {
      width: 100%; }
      .c-recent-imagery-settings .top-section .clouds .title {
        text-align: left;
        font-size: 11px;
        font-weight: 500;
        color: #999;
        margin-bottom: 0.625rem; }
      .c-recent-imagery-settings .top-section .clouds .c-slider {
        padding: 0 0.3125rem; }
    .c-recent-imagery-settings .top-section .datepicker-input {
      border: 1px solid #97be32;
      height: 1.875rem;
      margin: 0.0625rem 0.9375rem 0 0; }
  .c-recent-imagery-settings .thumbnails {
    position: relative;
    width: 100%;
    height: 18.75rem;
    border-top: 1px solid rgba(158, 158, 158, 0.3);
    z-index: 1;
    padding: 1.25rem 1.25rem 1.25rem; }
    .c-recent-imagery-settings .thumbnails .header {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.25rem;
      z-index: 2; }
      .c-recent-imagery-settings .thumbnails .header .description {
        text-align: left;
        min-width: 48%;
        margin-right: 4%; }
        .c-recent-imagery-settings .thumbnails .header .description p {
          font-size: 0.75rem;
          line-height: 1.6; }
      .c-recent-imagery-settings .thumbnails .header .band-selector {
        min-width: 48%; }
    .c-recent-imagery-settings .thumbnails .thumbnail-grid {
      display: flex;
      flex-wrap: wrap;
      height: auto;
      width: 100%;
      min-width: 100%;
      flex: 1 1;
      margin-bottom: 1.25rem; }
      .c-recent-imagery-settings .thumbnails .thumbnail-grid > * {
        margin: 0 0.3125rem 0.3125rem 0;
        width: calc((100% - 10px) / 3); }
        .c-recent-imagery-settings .thumbnails .thumbnail-grid > *:nth-child(3n) {
          margin-right: 0; }
      @media screen and (min-width: 48rem) {
        .c-recent-imagery-settings .thumbnails .thumbnail-grid {
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          height: 11.25rem;
          margin-bottom: 0; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .c-recent-imagery-settings .thumbnails .thumbnail-grid {
          /* IE10+ CSS styles go here */ }
          .c-recent-imagery-settings .thumbnails .thumbnail-grid > * {
            width: 5rem; } }
  .c-recent-imagery-settings .placeholder {
    padding-top: 0.6875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-chose-analysis {
  padding: 1.6875rem 1.25rem;
  width: 100%; }
  .c-chose-analysis .title {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    text-align: center; }
  .c-chose-analysis .options {
    display: flex;
    justify-content: space-between;
    margin-top: 1.125rem;
    padding-bottom: 0.9375rem; }
    .c-chose-analysis .options button {
      position: relative;
      display: flex;
      align-items: center;
      cursor: pointer;
      width: 48%; }
      .c-chose-analysis .options button .button-wrapper {
        height: 100%;
        width: 100%; }
      .c-chose-analysis .options button svg {
        fill: #7f7f7f; }
        .c-chose-analysis .options button svg.icon-square-point {
          width: 1.3125rem;
          height: 1.3125rem;
          margin-bottom: 0.75rem; }
        .c-chose-analysis .options button svg.icon-polygon {
          width: 1.5625rem;
          height: 1.5625rem;
          margin-bottom: 0.5rem; }
      .c-chose-analysis .options button .label {
        font-size: 11px;
        line-height: 1.18;
        color: #7f7f7f; }
      .c-chose-analysis .options button.selected::before {
        content: '';
        position: absolute;
        bottom: -0.9375rem;
        left: 0.625rem;
        width: calc(100% - 1.25rem);
        height: 0.125rem;
        background-color: #97be32; }
      .c-chose-analysis .options button.selected svg {
        fill: #97be32; }
      .c-chose-analysis .options button.selected .label {
        color: #97be32; }
  .c-chose-analysis .layer-menu {
    padding-top: 2.0625rem;
    font-size: 12px;
    line-height: 1.4; }
    .c-chose-analysis .layer-menu .layer-title {
      color: #555; }
    .c-chose-analysis .layer-menu .boundary-selector {
      margin-top: 1.0625rem; }
      .c-chose-analysis .layer-menu .boundary-selector .select-wrapper {
        width: 100%; }
    .c-chose-analysis .layer-menu .layer-description {
      margin-top: 1.5rem;
      color: #999; }
      .c-chose-analysis .layer-menu .layer-description button {
        color: #97be32;
        cursor: pointer; }
        .c-chose-analysis .layer-menu .layer-description button:hover {
          color: #779627; }
  .c-chose-analysis .draw-menu {
    padding-top: 1.875rem; }
    .c-chose-analysis .draw-menu-title {
      font-size: 16px;
      text-align: center;
      margin-bottom: 1.25rem; }
    .c-chose-analysis .draw-menu-input {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
      padding: 1.875rem 1.25rem;
      border: 1px dashed #97be32;
      border-radius: 10px;
      font-size: 13px;
      background-color: rgba(151, 190, 50, 0.1);
      cursor: pointer;
      margin-bottom: 1.25rem; }
      .c-chose-analysis .draw-menu-input:hover {
        background-color: rgba(151, 190, 50, 0.2); }
      .c-chose-analysis .draw-menu-input p {
        text-align: center;
        line-height: 1.6; }
      .c-chose-analysis .draw-menu-input .small-text {
        font-size: 0.6875rem;
        opacity: 0.8;
        margin-top: 0.625rem; }
      .c-chose-analysis .draw-menu-input .error-title {
        color: #ed1846;
        font-weight: 500; }
      .c-chose-analysis .draw-menu-input .error-desc {
        opacity: 1; }
      .c-chose-analysis .draw-menu-input.uploading {
        background-color: #fff; }
      .c-chose-analysis .draw-menu-input.error {
        border-color: #ed1846;
        background-color: rgba(237, 24, 70, 0.1); }
        .c-chose-analysis .draw-menu-input.error:hover {
          background-color: rgba(237, 24, 70, 0.2); }
    .c-chose-analysis .draw-menu-separator {
      padding: 0.9375rem 0;
      text-align: center;
      font-size: 1rem; }
    .c-chose-analysis .draw-menu-button {
      width: 100%; }
    .c-chose-analysis .draw-menu .terms {
      width: 100%;
      margin-top: 0.9375rem; }
      .c-chose-analysis .draw-menu .terms .first-term {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px; }
      .c-chose-analysis .draw-menu .terms p {
        font-size: 0.75rem; }
        .c-chose-analysis .draw-menu .terms p button {
          display: inline;
          margin-left: 0.3125rem; }
    .c-chose-analysis .draw-menu .uploading-shape {
      background-color: #fff;
      width: 100%;
      height: 100%;
      border-radius: 0.625rem;
      position: relative; }
      .c-chose-analysis .draw-menu .uploading-shape .file-name {
        font-size: 0.75rem;
        margin-bottom: 0.1875rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .c-chose-analysis .draw-menu .uploading-shape .file-size {
        font-size: 0.75rem;
        color: #999; }
      .c-chose-analysis .draw-menu .uploading-shape .upload-bar {
        display: flex;
        align-items: center; }
        .c-chose-analysis .draw-menu .uploading-shape .upload-bar .cancel-upload-btn {
          padding-right: 0;
          padding-left: 0.625rem; }
        .c-chose-analysis .draw-menu .uploading-shape .upload-bar .cancel-upload-icon {
          width: 0.5rem;
          height: 0.5rem; }
    .c-chose-analysis .draw-menu .loading-bar {
      height: 0.375rem;
      width: 100%;
      position: relative; }
      .c-chose-analysis .draw-menu .loading-bar > span {
        width: 100%;
        height: 100%;
        border-radius: 0.375rem;
        position: absolute; }
      .c-chose-analysis .draw-menu .loading-bar .full-bar {
        background-color: #d6d6d9;
        width: 100%;
        height: 100%;
        z-index: 1; }
      .c-chose-analysis .draw-menu .loading-bar .status-bar {
        z-index: 2;
        max-width: 100%;
        background-color: #444;
        transition: width 0.1s ease-in-out; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-download-data {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 1.25rem; }
  .c-download-data .icon-close {
    position: absolute;
    top: 1.5625rem;
    right: 1.4375rem;
    width: 0.625rem;
    height: 0.625rem;
    fill: #555;
    cursor: pointer; }
  .c-download-data h4 {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-bottom: 0.9375rem;
    text-transform: uppercase; }
  .c-download-data span {
    font-size: 0.75rem;
    color: #555;
    margin-bottom: 0.625rem;
    text-transform: uppercase; }
  .c-download-data .download-list {
    margin-bottom: 1.25rem; }
    .c-download-data .download-list li,
    .c-download-data .download-list a {
      color: #97be32;
      font-size: 0.875rem; }
  .c-download-data .terms {
    font-size: 0.625rem;
    color: #555;
    margin-bottom: 1.25rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-show-analysis {
  height: 100%;
  width: 100%;
  padding-bottom: 3.75rem; }
  .c-show-analysis .show-analysis-body {
    width: 100%;
    height: 100%;
    min-height: 16.25rem;
    padding: 1.25rem; }
  .c-show-analysis .save-aois-disclaimer {
    background-color: #e5e5df;
    padding: 0; }
    .c-show-analysis .save-aois-disclaimer .content {
      padding: 1.25rem;
      padding-bottom: 0; }
      .c-show-analysis .save-aois-disclaimer .content h3 {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 0.75rem;
        color: #333; }
      .c-show-analysis .save-aois-disclaimer .content p {
        font-size: 0.75rem;
        color: #333;
        margin: 0.625rem 0; }
      .c-show-analysis .save-aois-disclaimer .content a {
        cursor: pointer; }
      .c-show-analysis .save-aois-disclaimer .content img {
        width: 100%; }
  .c-show-analysis .draw-title {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9375rem;
    text-transform: uppercase; }
    .c-show-analysis .draw-title .title-btn {
      display: flex;
      cursor: pointer;
      font-size: 0.875rem;
      height: auto;
      text-transform: uppercase;
      font-weight: 500;
      color: #555;
      padding: 0; }
      .c-show-analysis .draw-title .title-btn .button-wrapper {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left; }
      .c-show-analysis .draw-title .title-btn .analysis-title {
        font-size: 0.875rem;
        font-weight: 500;
        color: #333;
        line-height: 1.1; }
      .c-show-analysis .draw-title .title-btn.left {
        padding-left: 0; }
    .c-show-analysis .draw-title .title-action {
      height: 1.25rem; }
    .c-show-analysis .draw-title .icon-arrow {
      position: relative;
      width: 0.625rem;
      min-width: 0.625rem;
      margin-right: 0.4375rem;
      margin-top: -1px;
      transform: rotateZ(90deg);
      fill: #555; }
    .c-show-analysis .draw-title .title-controls {
      display: flex; }
      .c-show-analysis .draw-title .title-controls > * {
        padding: 0;
        padding-left: 0.5rem; }
  .c-show-analysis .analysis-desc {
    font-size: 0.8125rem;
    color: #333;
    line-height: 1.6;
    border-bottom: solid 1px #e5e5df;
    padding-bottom: 0.9375rem;
    margin-bottom: 0.9375rem; }
  .c-show-analysis .results {
    position: relative;
    height: calc(100% - 41px);
    min-height: 8.125rem; }
    .c-show-analysis .results .no-layers {
      min-height: 6.25rem;
      position: relative;
      margin-top: -0.625rem; }
    .c-show-analysis .results .disclaimers {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
      .c-show-analysis .results .disclaimers p {
        font-size: 0.75rem;
        margin-bottom: 0.9375rem; }
      .c-show-analysis .results .disclaimers button {
        color: #97be32;
        cursor: pointer; }
  .c-show-analysis .draw-stat {
    padding-bottom: 0.9375rem; }
    .c-show-analysis .draw-stat .title {
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      color: #555;
      display: inline-block;
      line-height: 1.2; }
      .c-show-analysis .draw-stat .title span {
        font-size: 9px;
        font-weight: normal;
        text-transform: lowercase;
        margin-left: 0.125rem; }
    .c-show-analysis .draw-stat .dates {
      font-size: 0.625rem;
      display: inline-block;
      margin-right: 0.1875rem; }
    .c-show-analysis .draw-stat .threshold {
      font-size: 0.625rem;
      display: inline-block; }
    .c-show-analysis .draw-stat .value {
      font-size: 18px;
      font-weight: 500;
      color: #555;
      letter-spacing: 0.5px;
      display: flex;
      flex-direction: column; }
      .c-show-analysis .draw-stat .value span {
        color: #555;
        font-size: 0.625rem;
        font-weight: normal;
        text-transform: lowercase;
        margin-left: 0.125rem;
        letter-spacing: normal; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-analysis {
  position: relative; }
  .c-analysis .analysis-loader {
    z-index: 10; }
    .c-analysis .analysis-loader.fetching .spinner {
      margin-top: -1.875rem; }
  .c-analysis .deleted-area-message {
    position: relative;
    width: 100%;
    min-height: 11.25rem; }
  .c-analysis .cancel-analysis {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1000;
    padding-top: 1.875rem; }
    .c-analysis .cancel-analysis .cancel-analysis-btn {
      z-index: 1000;
      background-color: #ed1846;
      width: 11.25rem;
      margin-bottom: 0.625rem; }
    .c-analysis .cancel-analysis .refresh-analysis-btn {
      z-index: 1000;
      background-color: #97be32;
      width: 11.25rem;
      margin-bottom: 0.625rem; }
    .c-analysis .cancel-analysis .error-message {
      width: 12.5rem;
      text-align: center;
      word-break: break-word; }
    .c-analysis .cancel-analysis.fetching {
      justify-content: center;
      padding-top: 5rem;
      background-color: transparent; }

.analysis-actions {
  position: absolute;
  bottom: 3.125rem;
  left: 0;
  right: 0;
  padding: 0.9375rem;
  border-top: solid 1px #e5e5df;
  background-color: #fff;
  z-index: 1;
  display: flex;
  justify-content: space-between; }
  .analysis-actions > * {
    width: 100%; }
    .analysis-actions > *:first-child {
      margin-right: 0.3125rem; }
    .analysis-actions > *:last-child {
      margin-left: 0.3125rem; }
  .analysis-actions .analysis-action-btn {
    font-size: 0.875rem;
    font-weight: 500;
    height: 1.875rem;
    width: 100%;
    padding: 0; }
  @media screen and (min-width: 48rem) {
    .analysis-actions {
      bottom: 0; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-sentence-selector {
  display: inline-block;
  color: #555;
  font-size: 0.75rem;
  line-height: 1.6; }
  .c-sentence-selector .sentence-dropdown {
    display: inline-block; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-timeline {
  display: flex;
  flex-direction: column; }
  .c-timeline .description {
    font-size: 12px;
    margin: 5px 0 10px;
    margin-left: 9px; }
  .c-timeline .date-pickers {
    display: flex;
    margin: 0.3125rem 0 0.625rem;
    align-items: center;
    justify-content: flex-end; }
    .c-timeline .date-pickers .datepicker {
      margin: 0 0.3125rem;
      width: 5.625rem; }
  .c-timeline .range-slider {
    margin-bottom: 0.9375rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-toggle {
  width: 1rem;
  height: 0.625rem;
  background-color: #c8c9c1;
  border-radius: 0.5rem;
  position: relative;
  transition: 0.3s;
  cursor: pointer; }
  .c-toggle::before {
    content: '';
    position: absolute;
    left: 2px;
    width: 6px;
    height: 6px;
    top: 2px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.3s; }
  .c-toggle.-active {
    background-color: #97be32; }
    .c-toggle.-active::before {
      transform: translateX(6px); }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.toggle-large {
  width: 1.375rem;
  height: 0.875rem;
  border-radius: 0.625rem; }
  .toggle-large::before {
    width: 0.625rem;
    height: 0.625rem; }
  .toggle-large.-active::before {
    transform: translateX(8px); }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-layer-toggle {
  display: flex;
  /* small theme */ }
  .c-layer-toggle:last-child {
    margin-bottom: 0; }
  .c-layer-toggle .content {
    flex: 1 1; }
  .c-layer-toggle .header {
    display: flex;
    justify-content: space-between; }
  .c-layer-toggle .name {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #555;
    margin-top: -2px;
    padding-left: 0.375rem;
    cursor: pointer; }
    .c-layer-toggle .name:focus {
      outline: none; }
  .c-layer-toggle .subtitle {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #9e9e9e;
    margin-top: 0.1875rem;
    max-width: calc(100% - 20px);
    padding-left: 0.375rem;
    word-break: break-word; }
  .c-layer-toggle .info-button {
    margin-left: 0.3125rem; }
    .c-layer-toggle .info-button.-help {
      cursor: help; }
  .c-layer-toggle.-small .content {
    margin-top: -0.0625rem; }
  .c-layer-toggle.-small .name {
    font-size: 0.75rem;
    margin-top: -2px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-layer-more-info p,
.c-layer-more-info a {
  font-size: 0.75rem; }

.c-layer-more-info a {
  color: #97be32; }
  .c-layer-more-info a:hover {
    color: #779627; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-layer-list-menu > div {
  margin-bottom: 0.9375rem; }
  .c-layer-list-menu > div:last-child {
    margin-bottom: 0.3125rem; }

.c-layer-list-menu .more-info {
  margin-top: 0.625rem; }

.c-layer-list-menu .nested-legend {
  padding-left: 0.9375rem;
  padding-top: 0.625rem; }

.c-layer-list-menu .layer-description {
  font-size: 0.75rem;
  color: #9e9e9e;
  margin-top: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-layer-selector-menu .menu-wrapper {
  display: inline-block;
  color: #555;
  font-size: 0.75rem; }
  .c-layer-selector-menu .menu-wrapper.-group {
    margin-bottom: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-layer-statement {
  cursor: help;
  padding-top: 0.3125rem; }
  .c-layer-statement span {
    border-bottom: dashed 1px #9e9e9e;
    padding-bottom: 1px; }

.statement-tooltip-text-lossDriverLayer {
  text-align: left;
  white-space: pre-line; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-legend,
.c-legend-item {
  font-family: "Fira Sans", sans-serif;
  width: 100%;
  background: #fff; }
  .c-legend.-empty,
  .c-legend-item.-empty {
    min-height: 9.375rem; }
  .c-legend > div,
  .c-legend-item > div {
    border: 0; }
  .c-legend .datasets-loader,
  .c-legend-item .datasets-loader {
    position: relative;
    min-height: 12.5rem; }
  .c-legend .timeline,
  .c-legend-item .timeline {
    margin-left: -23px;
    padding: 0 0.3125rem 0 0;
    width: calc(100% + 20px);
    margin-bottom: 2.5rem; }
  .c-legend .sub-layer-menu,
  .c-legend-item .sub-layer-menu {
    border-top: solid 1px #e5e5df;
    padding-top: 0.9375rem;
    margin-bottom: 0.625rem; }
  .c-legend .layer-statement,
  .c-legend .layer-selector,
  .c-legend .param-selector,
  .c-legend-item .layer-statement,
  .c-legend-item .layer-selector,
  .c-legend-item .param-selector {
    margin-bottom: 0.9375rem; }
  .c-legend .layer-selector,
  .c-legend-item .layer-selector {
    display: flex;
    flex-direction: column; }
  .c-legend .more-info,
  .c-legend-item .more-info {
    margin-bottom: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
/* legend component styles */
.vizzuality__c-legend-list {
  overflow-x: hidden !important; }

.vizzuality__c-legend-item,
.vizzuality__c-legend-item-basic {
  font-family: inherit !important; }
  .vizzuality__c-legend-item .vizzuality__custom-icon,
  .vizzuality__c-legend-item-basic .vizzuality__custom-icon {
    width: 16px !important;
    height: 16px !important; }
    .vizzuality__c-legend-item .vizzuality__custom-icon img,
    .vizzuality__c-legend-item-basic .vizzuality__custom-icon img {
      width: 15px !important;
      height: 15px !important; }
  .vizzuality__c-legend-item .vizzuality__icon-square,
  .vizzuality__c-legend-item-basic .vizzuality__icon-square {
    margin-top: 3px;
    margin-right: 11px;
    border-radius: 0.375rem; }
  .vizzuality__c-legend-item .vizzuality__legend-item-header > h3,
  .vizzuality__c-legend-item-basic .vizzuality__legend-item-header > h3 {
    font-size: 0.875rem;
    font-weight: 400 !important;
    color: #555; }
  .vizzuality__c-legend-item .vizzuality__c-legend-handler,
  .vizzuality__c-legend-item-basic .vizzuality__c-legend-handler {
    top: 18px; }
  .vizzuality__c-legend-item .vizzuality__c-legend-handler svg,
  .vizzuality__c-legend-item-basic .vizzuality__c-legend-handler svg {
    fill: #999; }
    .vizzuality__c-legend-item .vizzuality__c-legend-handler svg:hover,
    .vizzuality__c-legend-item-basic .vizzuality__c-legend-handler svg:hover {
      fill: #676867; }

.vizzuality__c-legend-item-toolbar > * {
  margin-right: 8px; }
  .vizzuality__c-legend-item-toolbar > *:last-child {
    margin-right: 0; }

.vizzuality__c-legend-item-types {
  margin-bottom: 0.9375rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-basemaps {
  width: 100%;
  background-color: #fff; }
  .c-basemaps .basemaps-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-header {
        margin-bottom: 0.9375rem; } }
  .c-basemaps .basemaps-actions {
    display: flex; }
    .c-basemaps .basemaps-actions .basemaps-action-button {
      cursor: pointer;
      margin-left: 0.5rem; }
      .c-basemaps .basemaps-actions .basemaps-action-button svg {
        height: 11px;
        width: 11px;
        fill: #999; }
  .c-basemaps .basemaps-title {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.62;
    color: #aaa;
    text-transform: uppercase; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-title {
        color: #555; } }
  .c-basemaps .basemaps-top-section {
    padding: 1.25rem 0.9375rem 0.625rem; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-top-section {
        padding: 0.9375rem 1.25rem 0; } }
  .c-basemaps .basemaps-bottom-section {
    position: relative;
    height: calc(100% - 125px);
    padding: 1.5625rem 0 0.3125rem;
    border-bottom: 1px solid rgba(158, 158, 158, 0.3);
    background: #f2f2f2;
    margin-bottom: 0.625rem; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-bottom-section {
        padding: 0.9375rem 1.25rem 0.625rem;
        background: #fff;
        margin-bottom: 0;
        margin-bottom: initial; } }
    .c-basemaps .basemaps-bottom-section .menu-arrow {
      position: absolute;
      width: 0;
      height: 0;
      margin: 0 9px;
      border-bottom: 7px solid #f2f2f2;
      border-left: 7px solid transparent;
      border-left-color: #f2f2f2;
      border-right: none;
      transform-origin: 0 0;
      transform: rotate(-45deg);
      top: 0;
      left: 1.5625rem;
      border-bottom-color: #f2f2f2;
      box-shadow: 1px -2px 3px 0 rgba(85, 85, 85, 0.1);
      z-index: 3; }
  .c-basemaps .basemaps-options-container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-options-container {
        justify-content: flex-start; } }
  .c-basemaps .basemaps-options-wrapper {
    height: calc(55px + 0.9375rem);
    margin: 1.25rem 0;
    z-index: 5;
    width: 3.125rem;
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-options-wrapper {
        margin: 0;
        margin: initial;
        width: calc(100% / 3);
        display: block;
        margin-right: 0.625rem; }
        .c-basemaps .basemaps-options-wrapper:last-child {
          margin-left: 0;
          margin-right: 0; } }
    .c-basemaps .basemaps-options-wrapper button {
      margin: 0;
      margin: initial; }
      .c-basemaps .basemaps-options-wrapper button .value {
        font-weight: 400;
        overflow-x: hidden;
        text-overflow: ellipsis; }
    .c-basemaps .basemaps-options-wrapper .basemaps-roads .selector-btn .c-icon {
      width: 1.625rem;
      height: 1.625rem;
      margin-left: 0.125rem; }
    .c-basemaps .basemaps-options-wrapper .c-selector-menu {
      left: -1.25rem; }
      @media screen and (min-width: 48rem) {
        .c-basemaps .basemaps-options-wrapper .c-selector-menu {
          left: -0.5625rem; } }
      .c-basemaps .basemaps-options-wrapper .c-selector-menu .c-selector-item {
        width: 5.625rem;
        padding: 0.3125rem 0.625rem; }
  .c-basemaps .basemaps-list {
    display: flex;
    justify-content: space-between;
    height: 100%;
    padding: 0 0.9375rem; }
    @media screen and (min-width: 48rem) {
      .c-basemaps .basemaps-list {
        padding: 0;
        align-items: flex-start;
        flex-wrap: wrap; } }
    .c-basemaps .basemaps-list .basemaps-list-item {
      display: flex;
      width: 3.125rem;
      margin-bottom: 0.9375rem;
      align-items: flex-start; }
      @media screen and (min-width: 48rem) {
        .c-basemaps .basemaps-list .basemaps-list-item {
          width: 55px; } }
      .c-basemaps .basemaps-list .basemaps-list-item .basemaps-list-item-button {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        width: 45px; }
        .c-basemaps .basemaps-list .basemaps-list-item .basemaps-list-item-button .basemaps-list-item-image {
          height: 45px;
          min-height: 45px;
          max-height: 45px;
          width: 100%;
          min-width: 45px;
          max-width: 45px;
          border: 3px solid #f2f2f2;
          border-radius: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          margin: auto; }
          @media screen and (min-width: 48rem) {
            .c-basemaps .basemaps-list .basemaps-list-item .basemaps-list-item-button .basemaps-list-item-image {
              height: 55px;
              min-height: 55px;
              max-height: 55px;
              width: 55px;
              min-width: 55px;
              max-width: 55px;
              border: 3px solid transparent;
              border-radius: 0; } }
        .c-basemaps .basemaps-list .basemaps-list-item .basemaps-list-item-button .basemaps-list-item-name {
          display: inline-block;
          text-align: center;
          font-size: 0.625rem;
          text-transform: uppercase;
          color: #333;
          margin: 0.375rem auto 0; }
          @media screen and (min-width: 48rem) {
            .c-basemaps .basemaps-list .basemaps-list-item .basemaps-list-item-button .basemaps-list-item-name {
              text-align: center;
              width: 55px; } }
        @media screen and (min-width: 48rem) {
          .c-basemaps .basemaps-list .basemaps-list-item .basemaps-list-item-button {
            width: 55px; } }
      .c-basemaps .basemaps-list .basemaps-list-item:hover .basemaps-list-item-image,
      .c-basemaps .basemaps-list .basemaps-list-item.-active .basemaps-list-item-image {
        border: 3px solid #97be32; }
  .c-basemaps .basemaps-list-item-selectors {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.25rem; }
    .c-basemaps .basemaps-list-item-selectors .basemaps-tooltip {
      display: flex;
      height: auto;
      position: relative; }
      .c-basemaps .basemaps-list-item-selectors .basemaps-tooltip span {
        bottom: -7px;
        position: absolute; }
      .c-basemaps .basemaps-list-item-selectors .basemaps-tooltip button {
        font-size: 0.625rem; }
  .c-basemaps .landsat-selector {
    margin-bottom: 0.3125rem;
    height: 0.625rem; }
    .c-basemaps .landsat-selector .select-wrapper {
      height: auto; }

.c-basemaps-tooltip {
  padding: 20px;
  min-width: 200px; }
  .c-basemaps-tooltip .date-selectors {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.625rem;
    font-size: 13px; }
    .c-basemaps-tooltip .date-selectors > div {
      width: 45%; }
      .c-basemaps-tooltip .date-selectors > div .select-wrapper {
        width: 100%; }
    .c-basemaps-tooltip .date-selectors p {
      max-width: 160px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-dataset-section {
  position: relative;
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem; }
  .c-dataset-section .dataset-header {
    margin-bottom: 1.25rem; }
  .c-dataset-section .title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    color: #4a4a4a;
    text-transform: uppercase; }
  .c-dataset-section .subtitle {
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #9e9e9e; }
  .c-dataset-section .text {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: -0.3px; }
    .c-dataset-section .text b {
      font-weight: 500; }
    .c-dataset-section .text a {
      color: #97be32; }
  .c-dataset-section:not(:last-child)::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1.25rem;
    width: calc(100% - 1.25rem);
    height: 0.0625rem;
    background-color: rgba(158, 158, 158, 0.3); }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-categories-menu {
  padding: 0.9375rem; }
  .c-categories-menu .categories-title {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.62;
    color: #aaa;
    text-transform: uppercase; }
    @media screen and (min-width: 48rem) {
      .c-categories-menu .categories-title {
        color: #555;
        margin-left: 0; } }
  .c-categories-menu .categories-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 0.625rem;
    background-color: #fff;
    color: #555;
    width: 100%;
    z-index: 5;
    margin: 1.25rem 0; }
    .c-categories-menu .categories-wrapper li {
      width: 3.125rem; }
    .c-categories-menu .categories-wrapper button {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      text-transform: uppercase;
      font-size: 0.6875rem;
      color: #333; }
      .c-categories-menu .categories-wrapper button .category-button {
        width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #97be32;
        border-radius: 2.1875rem;
        margin-bottom: 0.625rem;
        position: relative; }
        .c-categories-menu .categories-wrapper button .category-button span {
          position: absolute;
          top: 0.375rem;
          right: 0.125rem;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 0.875rem;
          height: 0.875rem;
          background-color: #555;
          border-radius: 100%;
          font-size: 9px;
          font-weight: 500;
          letter-spacing: -0.3px;
          color: #fff; }
      .c-categories-menu .categories-wrapper button svg {
        width: 1.875rem;
        height: 1.875rem;
        fill: #fff; }
      .c-categories-menu .categories-wrapper button.active {
        color: #97be32; }
        .c-categories-menu .categories-wrapper button.active svg {
          fill: #97be32; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-datasets {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .c-datasets .datasets-header {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
    font-size: 14px;
    font-weight: 500; }
    .c-datasets .datasets-header button {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
    .c-datasets .datasets-header .icon-return {
      transform: rotate(90deg);
      width: 0.625rem;
      height: 0.625rem;
      margin-right: 0.625rem; }
  .c-datasets .countries-selection {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.25rem 0; }
    .c-datasets .countries-selection .pills {
      display: flex;
      flex-wrap: wrap; }
      .c-datasets .countries-selection .pills > * {
        margin-bottom: 0.3125rem;
        margin-right: 0.3125rem; }
    .c-datasets .countries-selection .sub-title {
      text-transform: uppercase;
      font-size: 0.6875rem;
      color: #555;
      margin-bottom: 0.3125rem;
      font-weight: 500; }
    .c-datasets .countries-selection .country-dropdown {
      width: 6.875rem; }
  .c-datasets .dataset-toggle {
    margin-bottom: 1.25rem; }
    .c-datasets .dataset-toggle:last-child {
      margin-bottom: 0.3125rem; }
  .c-datasets .no-datasets-legend {
    padding: 0 1.25rem 0;
    display: flex; }
    .c-datasets .no-datasets-legend .legend-dot {
      background-color: #d4d4d4;
      height: 0.625rem;
      min-height: 0.625rem;
      width: 0.625rem;
      min-width: 0.625rem;
      border-radius: 50%;
      display: block;
      margin-right: 0.3125rem;
      margin-top: 0.25rem; }
    .c-datasets .no-datasets-legend .no-datasets-message {
      font-size: 0.75rem;
      color: #555;
      margin-bottom: 1.5625rem; }
      .c-datasets .no-datasets-legend .no-datasets-message strong {
        font-weight: 500; }
  .c-datasets .no-datasets {
    position: relative;
    font-size: 0.8125rem;
    margin-bottom: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-subnav-menu {
  background-color: #f7f7f7;
  height: 3.75rem;
  width: 100%; }
  .c-subnav-menu .buttons {
    height: 3.75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding: 0 1rem;
    max-width: 70rem;
    margin: auto; }
    @media screen and (min-width: 48rem) {
      .c-subnav-menu .buttons {
        justify-content: flex-start;
        padding: 0 1.25rem; } }
    .c-subnav-menu .buttons li {
      width: 100%;
      height: 100%;
      cursor: pointer;
      border-right: 1px solid rgba(85, 85, 85, 0.2); }
      @media screen and (min-width: 48rem) {
        .c-subnav-menu .buttons li {
          max-width: 11.25rem; } }
      .c-subnav-menu .buttons li > * {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        text-align: center;
        cursor: pointer;
        white-space: nowrap; }
        .c-subnav-menu .buttons li > * .button-wrapper {
          height: 100%;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
        .c-subnav-menu .buttons li > *.active {
          background-color: #fff; }
        .c-subnav-menu .buttons li > * svg {
          margin-right: 0.3125rem; }
        .c-subnav-menu .buttons li > * span {
          margin-top: 0.1875rem; }
      .c-subnav-menu .buttons li:first-child {
        border-left: 1px solid rgba(85, 85, 85, 0.2); }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.theme-subnav-dark {
  background-color: #333;
  height: 2.5rem;
  border-top: solid 1px #555; }
  .theme-subnav-dark .buttons {
    height: 2.4375rem;
    justify-content: flex-start; }
    .theme-subnav-dark .buttons li {
      border-right: 0;
      background-color: #fff;
      max-width: 100%;
      width: auto; }
      .theme-subnav-dark .buttons li > a,
      .theme-subnav-dark .buttons li > button {
        background-color: #333;
        color: #9f9f9f;
        text-transform: uppercase;
        font-size: 0.8125rem;
        border-radius: 0;
        padding: 0 0.9375rem; }
        .theme-subnav-dark .buttons li > a.active,
        .theme-subnav-dark .buttons li > button.active {
          background-color: #fff;
          color: #333; }
      .theme-subnav-dark .buttons li span {
        margin-top: 0; }
      .theme-subnav-dark .buttons li:first-child {
        border-left: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.theme-subnav-plain {
  background-color: #f1f1f1;
  height: 2.5rem; }
  .theme-subnav-plain .buttons {
    height: 2.5rem;
    padding: 0; }
    .theme-subnav-plain .buttons li {
      border-right: 0;
      max-width: 100%;
      width: 100%; }
      .theme-subnav-plain .buttons li > a {
        background-color: #f1f1f1;
        color: #4a4a4a;
        text-transform: uppercase;
        font-size: 0.875rem;
        border-radius: 0;
        padding: 0 0.9375rem; }
        .theme-subnav-plain .buttons li > a.active {
          background-color: #fff; }
      .theme-subnav-plain .buttons li:first-child {
        border-left: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.theme-subnav-small-light {
  height: 2.5rem;
  border-bottom: 0; }
  @media screen and (min-width: 48rem) {
    .theme-subnav-small-light {
      border-bottom: solid 1px #e5e5df; } }
  .theme-subnav-small-light .buttons {
    height: 2.5rem;
    padding: 0; }
    .theme-subnav-small-light .buttons li {
      width: 100%;
      max-width: none;
      border-left: 0 !important;
      border-right: 0 !important; }
      .theme-subnav-small-light .buttons li > * {
        padding: 0 1.625rem;
        border-radius: 0;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent; }
        .theme-subnav-small-light .buttons li > *.active {
          border-left: 1px solid rgba(85, 85, 85, 0.2);
          border-right: 1px solid rgba(85, 85, 85, 0.2); }
      .theme-subnav-small-light .buttons li:first-child > *.active {
        border-left: 1px solid transparent; }
      .theme-subnav-small-light .buttons li:last-child > *.active {
        border-right: 1px solid transparent; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-projects-modal {
  max-width: 33.75rem; }
  .c-projects-modal h3 {
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 0.625rem; }
  .c-projects-modal p {
    opacity: 0.5;
    margin-bottom: 1.25rem; }
  .c-projects-modal .links {
    display: flex;
    flex-direction: row; }
    .c-projects-modal .links > div,
    .c-projects-modal .links a {
      font-size: 1rem;
      margin-right: 0.625rem;
      max-width: 8.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-projects {
  padding: 2.5rem 0;
  border-top: solid 1px #e5e5df; }
  @media screen and (min-width: 64rem) {
    .l-section-projects {
      padding: 2.5rem 0 0; } }
  .l-section-projects .project-header {
    display: none; }
    @media screen and (min-width: 64rem) {
      .l-section-projects .project-header {
        display: block; } }
  .l-section-projects .project-list {
    margin-bottom: 1.875rem;
    display: none; }
    @media screen and (min-width: 64rem) {
      .l-section-projects .project-list {
        display: block; } }
  .l-section-projects .project-globe {
    position: relative; }
  @media screen and (min-width: 48rem) {
    .l-section-projects .project-side {
      padding: 1.25rem; } }
  .l-section-projects .project-side h3 {
    margin-bottom: 1.25rem; }
  .l-section-projects .project-side p {
    margin-bottom: 1.875rem; }
  .l-section-projects .project-side .how-to-btn {
    width: 15.625rem; }
  .l-section-projects .visitors {
    padding: 6.25rem 0 8.125rem;
    display: none;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (min-width: 64rem) {
      .l-section-projects .visitors {
        display: block; } }
    .l-section-projects .visitors h4 {
      font-weight: 300;
      font-size: 1.875rem;
      max-width: 37.5rem;
      margin: auto;
      text-align: center; }
  .l-section-projects .video-btn {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer; }
    .l-section-projects .video-btn .video-icon {
      display: inline-block;
      margin-right: 0.625rem; }
    .l-section-projects .video-btn .video-msg {
      margin: 0;
      text-transform: uppercase;
      color: #444;
      font-size: 14px;
      font-weight: 500; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-join {
  padding: 2.5rem 0 2.5rem;
  max-width: 70rem;
  margin: auto; }
  .l-section-join .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .l-section-join .anchor {
    width: 12.5rem;
    margin-top: 0.9375rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-modal-video {
  max-width: unset;
  padding: 0; }
  .c-modal-video .modal-content,
  .c-modal-video .modal-title {
    padding: 0; }
  .c-modal-video .modal-video-content {
    width: 100vw;
    height: 100vh;
    background: #000; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-history {
  padding: 1.875rem 0 1.875rem;
  background-color: #f7f7f7;
  border-bottom: solid 1px #e5e5df;
  overflow: hidden; }
  @media screen and (min-width: 64rem) {
    .l-section-history {
      padding: 3.75rem 0; } }
  .l-section-history h3 {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
    opacity: 0.5; }
  .l-section-history .year-card .image {
    border-radius: 50%;
    border: 8px solid #fff;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); }
  .l-section-history .year-card .description {
    margin-top: 1.875rem; }
    @media screen and (min-width: 64rem) {
      .l-section-history .year-card .description {
        margin-top: calc(50% - 15px); } }
    .l-section-history .year-card .description h4 {
      font-size: 1.875rem;
      margin-bottom: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-impacts {
  padding: 2.5rem 0;
  border-bottom: solid 1px #e5e5df;
  overflow: hidden; }
  .l-section-impacts h3 {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
    opacity: 0.5; }
  .l-section-impacts .awards h3 {
    margin-bottom: 1.875rem; }
  .l-section-impacts .awards a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-partners .logo-section {
  border-bottom: solid 1px #e5e5df; }

.l-section-partners h3 {
  margin: 2.5rem 0 3.75rem; }

.l-section-partners a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.75rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-how {
  background-color: #f7f7f7;
  width: 100%;
  border-bottom: solid 1px #e5e5df; }
  @media screen and (min-width: 64rem) {
    .l-section-how {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start; } }
  .l-section-how h3 {
    margin-bottom: 1.875rem; }
  .l-section-how .panel {
    width: 100%; }
    @media screen and (min-width: 64rem) {
      .l-section-how .panel {
        width: 50%;
        min-width: 50%; } }
  .l-section-how .left-panel {
    padding: 1.875rem 0;
    padding-left: 1rem; }
    @media screen and (min-width: 48rem) {
      .l-section-how .left-panel {
        padding-left: 1.25rem; } }
    @media screen and (min-width: 70rem) {
      .l-section-how .left-panel {
        padding-left: calc(50% - (70rem * 0.5) + 1.25rem); } }
    .l-section-how .left-panel .list-item {
      padding-left: 0.1875rem;
      margin-bottom: 1.5625rem;
      padding-right: 2.5rem;
      line-height: 1.67;
      opacity: 0.7; }
      .l-section-how .left-panel .list-item span {
        width: 0.625rem;
        height: 0.625rem;
        background-color: #d6d6d9;
        display: inline-block;
        border-radius: 50%;
        margin-right: 0.8125rem;
        margin-left: 0.1875rem; }
      .l-section-how .left-panel .list-item button {
        margin-bottom: 1.25rem;
        cursor: pointer;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
      .l-section-how .left-panel .list-item.selected {
        padding-left: 0; }
        .l-section-how .left-panel .list-item.selected span {
          border: 0;
          width: 0.9375rem;
          height: 0.9375rem;
          margin-right: 0.625rem;
          background-color: #97be32; }
  .l-section-how .right-panel {
    min-height: 37.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none; }
    @media screen and (min-width: 64rem) {
      .l-section-how .right-panel {
        display: block; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-section-contact {
  padding: 1.875rem 0;
  border-bottom: solid 1px #e5e5df;
  position: relative; }
  @media screen and (min-width: 48rem) {
    .l-section-contact {
      padding: 3.75rem 0; } }
  .l-section-contact .desc {
    margin-bottom: 1.875rem; }
    .l-section-contact .desc h3 {
      margin-bottom: 0.625rem; }
    .l-section-contact .desc .intro {
      margin-bottom: 1.25rem;
      border-bottom: solid 1px #e5e5df;
      padding-bottom: 1.25rem; }
    .l-section-contact .desc a {
      color: #97be32;
      display: inline-block;
      margin-top: 0.625rem;
      font-size: 1rem; }
  .l-section-contact .feedback-message {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    margin: auto;
    max-width: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .l-section-contact .feedback-message h3 {
      font-size: 1.875rem;
      max-width: 37.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-about-page {
  border-bottom: solid 1px #d6d6d9; }
  .l-about-page .subscribe-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer; }
    .l-about-page .subscribe-btn .subscribe-icon {
      margin-top: 0.9375rem;
      display: inline-block;
      margin-right: 0.625rem; }
    .l-about-page .subscribe-btn .subscribe-msg {
      color: #fff;
      font-weight: 500;
      display: inline-block;
      text-transform: uppercase; }
  .l-about-page h3 {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
    opacity: 0.5; }
  .l-about-page .about-links {
    display: none; }
    @media screen and (min-width: 48rem) {
      .l-about-page .about-links {
        display: block; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-mini-legend {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  padding: 0.625rem;
  padding-bottom: 0.3125rem;
  max-width: 25rem; }
  .c-mini-legend ul {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #555; }
    .c-mini-legend ul li {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0.3125rem; }
      .c-mini-legend ul li span {
        height: 0.625rem;
        width: 0.625rem;
        min-height: 0.625rem;
        min-width: 0.625rem;
        border-radius: 50%;
        margin-right: 0.625rem; }
      .c-mini-legend ul li p {
        display: flex;
        flex-direction: column; }
      .c-mini-legend ul li .time-range {
        margin-top: 5px;
        font-size: 12px;
        color: rgba(85, 85, 85, 0.8); }
      .c-mini-legend ul li .time-range-disclaimer {
        margin-top: 5px;
        font-size: 10px;
        color: rgba(85, 85, 85, 0.8); }
  .c-mini-legend .link-to-map {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-dashboard-map {
  height: 100%; }
  .c-dashboard-map .map-controls {
    display: none;
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    z-index: 999; }
    @media screen and (min-width: 48rem) {
      .c-dashboard-map .map-controls {
        display: block; } }
  .c-dashboard-map .mini-legend {
    position: absolute;
    left: 0.625rem;
    right: 0.625rem;
    bottom: 2.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-dashboards-header {
  position: relative;
  background-color: #333;
  padding: 3.125rem 0;
  width: 100%;
  min-height: 15.625rem; }
  @media screen and (min-width: 64rem) {
    .c-dashboards-header {
      padding: 3.75rem 1.875rem 3.125rem 0;
      min-height: 21.875rem; } }
  .c-dashboards-header .share-buttons {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; }
    .c-dashboards-header .share-buttons .overflow-menu {
      color: #fff; }
    .c-dashboards-header .share-buttons > * {
      margin-left: 0.3125rem; }
      .c-dashboards-header .share-buttons > *:first-child {
        margin-right: 0.5rem; }
      .c-dashboards-header .share-buttons > * svg {
        margin-top: -0.3125rem;
        width: 0.9375rem;
        height: 0.9375rem; }
        .c-dashboards-header .share-buttons > * svg:hover {
          fill: #cccccc; }
    .c-dashboards-header .share-buttons .area-share svg {
      fill: #fff; }
      .c-dashboards-header .share-buttons .area-share svg:hover {
        fill: #cccccc; }
  .c-dashboards-header .loader {
    z-index: 10;
    width: 100%;
    right: 0;
    left: auto; }
    @media screen and (min-width: 70rem) {
      .c-dashboards-header .loader {
        width: calc((70rem * 0.7) - 1.25rem); } }
  .c-dashboards-header .select-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 1.25rem; }
    .c-dashboards-header .select-container:last-child {
      margin-bottom: 0; }
    .c-dashboards-header .select-container .breadcrumb-link {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin-bottom: 1.875rem; }
      .c-dashboards-header .select-container .breadcrumb-link button {
        display: flex;
        align-items: center;
        color: #97be32;
        font-size: 0.75rem;
        font-weight: 400;
        cursor: pointer; }
        .c-dashboards-header .select-container .breadcrumb-link button .breadcrumb-icon {
          fill: #97be32;
          transform: rotate(90deg);
          margin-right: 0.3125rem;
          width: 0.75rem;
          height: 0.75rem; }
        .c-dashboards-header .select-container .breadcrumb-link button:hover {
          color: #779627; }
          .c-dashboards-header .select-container .breadcrumb-link button:hover .breadcrumb-icon {
            fill: #779627; }
    .c-dashboards-header .select-container h1 {
      color: #fff;
      font-weight: 300; }
    .c-dashboards-header .select-container h3 {
      font-size: 42px;
      font-weight: 300;
      color: #fff;
      text-transform: capitalize; }
      .c-dashboards-header .select-container h3.global {
        margin-left: 30px; }
    .c-dashboards-header .select-container > div {
      margin-bottom: 0.3125rem; }
  .c-dashboards-header .metadata {
    margin-left: 1.875rem;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 48rem) {
      .c-dashboards-header .metadata {
        flex-direction: row; } }
    .c-dashboards-header .metadata .tags,
    .c-dashboards-header .metadata .subscribed {
      margin-right: 1.25rem;
      margin-bottom: 0.625rem;
      display: flex;
      align-items: center; }
      .c-dashboards-header .metadata .tags p,
      .c-dashboards-header .metadata .subscribed p {
        font-size: 0.75rem;
        color: #aaa;
        line-height: 1rem;
        padding: 0.15625rem 0;
        max-width: 15.625rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .c-dashboards-header .metadata .tags svg,
      .c-dashboards-header .metadata .subscribed svg {
        margin-right: 0.25rem; }
  .c-dashboards-header .sentence {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 1.5625rem;
    margin-bottom: 1.25rem;
    min-height: 5.625rem; }
    .c-dashboards-header .sentence b {
      color: #fff; }
  .c-dashboards-header .disclaimer {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 0.625rem; }
  .c-dashboards-header .forest-atlas-btn {
    margin-bottom: 1.25rem;
    max-width: 12.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-dashboard-map-controls {
  width: 2.375rem; }
  .c-dashboard-map-controls .sticky-inner-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-pending-dashboard {
  background-color: #f6f6f4;
  padding: 1.875rem 1rem; }
  @media screen and (min-width: 48rem) {
    .c-pending-dashboard {
      padding: 3.125rem 1.25rem; } }
  .c-pending-dashboard .message {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 48rem) {
      .c-pending-dashboard .message {
        flex-direction: row; } }
    .c-pending-dashboard .message .title {
      font-size: 1.5rem;
      font-weight: 300;
      margin-bottom: 1.875rem; }
    .c-pending-dashboard .message p {
      margin-bottom: 1.25rem;
      line-height: 1.25rem; }
    .c-pending-dashboard .message span {
      font-weight: 500; }
  .c-pending-dashboard .accept-btn {
    margin: auto;
    min-width: 9.375rem;
    margin-top: 2.5rem; }
  .c-pending-dashboard .satellite-detailed {
    width: 9.375rem;
    height: 8.75rem;
    min-width: 9.375rem;
    min-height: 8.75rem;
    margin: 2.5rem 2.5rem 0 2.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-dashboards-page {
  border-bottom: solid 1px #e5e5df;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 48rem) {
    .l-dashboards-page {
      flex-direction: row; } }
  .l-dashboards-page .content-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%; }
    @media screen and (min-width: 48rem) {
      .l-dashboards-page .content-panel {
        width: calc((70rem * 0.7) + ((100vw - 70rem) / 2)); } }
    @media screen and (min-width: 70rem) {
      .l-dashboards-page .content-panel .dashboard-widgets,
      .l-dashboards-page .content-panel .pending-message {
        padding-left: calc(100% - (70rem * 0.7) + 1.25rem); } }
  .l-dashboards-page .mobile-map {
    height: 100%; }
  .l-dashboards-page .map-panel {
    height: calc(100% - 56px);
    position: fixed;
    right: -100%;
    width: 100%;
    top: 3.5rem;
    transition: right 0.5s linear;
    background-color: #b3e2ff;
    z-index: 1001; }
    .l-dashboards-page .map-panel .map-container {
      height: 100%; }
    @media screen and (min-width: 48rem) {
      .l-dashboards-page .map-panel {
        margin-right: 0;
        position: unset;
        z-index: 200;
        margin-top: -56px;
        width: calc((70rem * 0.3) + ((100vw - 70rem) / 2)); }
        .l-dashboards-page .map-panel .map-container {
          height: 100vh; } }
    .l-dashboards-page .map-panel.-open-mobile {
      right: 0; }
  .l-dashboards-page .map-controls {
    display: none;
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    z-index: 999; }
    @media screen and (min-width: 48rem) {
      .l-dashboards-page .map-controls {
        display: block; } }
  .l-dashboards-page .close-map-button {
    position: fixed;
    top: 4.6875rem;
    right: 0.9375rem;
    width: 3.75rem;
    height: 3.75rem;
    background-color: #fff;
    z-index: 1002;
    cursor: pointer;
    fill: #fff;
    border-radius: 50%; }
    @media screen and (min-width: 48rem) {
      .l-dashboards-page .close-map-button {
        display: none;
        z-index: 220; } }
    .l-dashboards-page .close-map-button:focus {
      outline: none; }
  @media screen and (min-width: 70rem) {
    .l-dashboards-page .header,
    .l-dashboards-page .nav {
      padding-left: calc(100% - (70rem * 0.7)); } }

.no-dashboard-message {
  padding: 100px 0 80px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-explore .content {
  height: calc(100vh - 2.5rem);
  position: relative; }
  @media screen and (min-width: 48rem) {
    .c-explore .content {
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      padding: 0 0.625rem; } }
  .c-explore .content .description p {
    font-size: 12px;
    line-height: 1.6;
    margin: 0.625rem 0; }
  .c-explore .content .description a {
    color: #97be32; }
  @media screen and (min-width: 48rem) {
    .c-explore .content .description {
      margin: 1.875rem 0 0; } }
  .c-explore .content .description .ptw-type-intro {
    display: inline-block;
    margin-right: 0.625rem; }
  .c-explore .content .description .ptw-type-selector {
    display: inline-block; }

.c-explore .column,
.c-explore .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-bottom: 1.875rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-datasets-locations h5 {
  margin-bottom: 0.9375rem;
  font-size: 0.75rem;
  color: #676867;
  font-weight: 500;
  text-transform: uppercase; }

.c-datasets-locations .search-container {
  position: relative;
  min-height: calc(80vh - 285px); }
  @media screen and (min-width: 48rem) {
    .c-datasets-locations .search-container {
      min-height: 18.75rem; } }

.c-datasets-locations .search-results {
  position: relative;
  min-height: 12.5rem; }

.c-datasets-locations .datasets-search {
  margin-bottom: 1.25rem; }
  .c-datasets-locations .datasets-search > div {
    margin-bottom: 0.9375rem; }
  .c-datasets-locations .datasets-search.show-border {
    padding-bottom: 1.25rem;
    border-bottom: solid 1px #e5e5df; }

.c-datasets-locations .locations-search {
  position: relative; }
  .c-datasets-locations .locations-search .location {
    font-size: 0.875rem;
    color: #555;
    margin-bottom: 0.9375rem;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    text-align: left;
    line-height: 1.4; }
    .c-datasets-locations .locations-search .location:hover p {
      color: #222222; }
    .c-datasets-locations .locations-search .location.active p {
      color: #97be32; }
  .c-datasets-locations .locations-search .location-icon {
    fill: #97be32;
    height: 1.25rem;
    width: 1.25rem;
    min-height: 1.25rem;
    min-width: 1.25rem;
    margin-right: 0.3125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-coords .hemisphere-select {
  width: 50px;
  min-width: 50px;
  display: inline-block;
  margin-bottom: 1.25rem;
  margin-left: 0.3125rem;
  margin-top: 0.3125rem; }

.c-coords .input-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.625rem; }
  .c-coords .input-row input {
    margin-right: 0.1875rem;
    text-align: right; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-decimal-degrees .submit-btn {
  margin-top: 0.625rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-utm-coords .hemisphere-select {
  width: 50px;
  display: inline-block;
  margin-bottom: 1.25rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-menu-search {
  padding: 1.25rem; }
  .c-map-menu-search h3 {
    text-transform: uppercase;
    color: #555;
    font-size: 0.875rem;
    font-weight: 500; }
  .c-map-menu-search .side-menu-search {
    margin-bottom: 1.875rem; }
  .c-map-menu-search .search-type {
    display: inline-block;
    font-size: 0.75rem;
    margin-bottom: 1.25rem; }
  .c-map-menu-search .search-type-select {
    width: 8.4375rem;
    display: inline-block;
    margin-left: 0.3125rem; }
  .c-map-menu-search .empty-search {
    position: relative;
    min-height: 7.5rem; }
  .c-map-menu-search .label {
    font-size: 0.75rem;
    width: 3.75rem;
    margin-right: 0.3125rem; }
  .c-map-menu-search .coord-input {
    border: 0;
    border-bottom: solid 1px #e5e5df;
    width: calc(100% - 51px);
    margin-bottom: 0.625rem; }
    .c-map-menu-search .coord-input.error {
      color: #ed1846; }
    .c-map-menu-search .coord-input:focus {
      outline: none; }
  .c-map-menu-search .error-message {
    text-align: center;
    font-size: 0.6875rem;
    margin-top: 0.3125rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-aoi-card {
  display: flex;
  flex-direction: column;
  position: relative; }
  @media screen and (min-width: 48rem) {
    .c-aoi-card {
      flex-direction: row; } }
  .c-aoi-card .aoi-card-map {
    width: 100%;
    min-width: 100%;
    height: 7.5rem;
    background: #e5e5df;
    margin-bottom: 1.25rem;
    overflow: hidden; }
    .c-aoi-card .aoi-card-map .tile-loader {
      background-color: #e5e5df; }
    @media screen and (min-width: 48rem) {
      .c-aoi-card .aoi-card-map {
        margin-right: 0.9375rem;
        width: 8.75rem;
        min-width: 8.75rem;
        height: 8.75rem;
        margin-bottom: 0; } }
  .c-aoi-card .item-body {
    display: flex;
    flex-direction: column; }
    .c-aoi-card .item-body .title {
      line-height: 1.5625rem;
      margin-bottom: 0.625rem;
      font-size: 1.125rem;
      color: #333; }
    .c-aoi-card .item-body .created {
      font-size: 0.75rem;
      color: #aaa;
      margin-bottom: 0.5rem; }
    .c-aoi-card .item-body .tags,
    .c-aoi-card .item-body .subscribed {
      margin-right: 1.25rem;
      display: flex;
      margin-bottom: 0.5rem; }
      .c-aoi-card .item-body .tags p,
      .c-aoi-card .item-body .tags button,
      .c-aoi-card .item-body .subscribed p,
      .c-aoi-card .item-body .subscribed button {
        font-size: 0.75rem;
        color: #aaa;
        line-height: 1rem;
        text-align: left; }
      .c-aoi-card .item-body .tags button,
      .c-aoi-card .item-body .subscribed button {
        padding-bottom: 0; }
      .c-aoi-card .item-body .tags button:hover,
      .c-aoi-card .item-body .subscribed button:hover {
        color: #555;
        text-decoration: underline;
        cursor: pointer; }
      .c-aoi-card .item-body .tags svg,
      .c-aoi-card .item-body .subscribed svg {
        margin-right: 0.25rem; }
      .c-aoi-card .item-body .tags .subscribed-icon,
      .c-aoi-card .item-body .subscribed .subscribed-icon {
        min-width: 0.9375rem; }
      .c-aoi-card .item-body .tags .warning-icon,
      .c-aoi-card .item-body .subscribed .warning-icon {
        min-width: 0.75rem; }
    .c-aoi-card .item-body .activity {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 1.625rem;
      color: #555;
      margin-bottom: 15px;
      font-size: 0.75rem; }
      @media screen and (min-width: 48rem) {
        .c-aoi-card .item-body .activity {
          flex-wrap: nowrap;
          margin-bottom: 0; } }
      .c-aoi-card .item-body .activity p {
        font-size: 0.75rem;
        display: inline-block; }
      .c-aoi-card .item-body .activity > span {
        margin-right: 1.25rem; }
      .c-aoi-card .item-body .activity .activity-intro {
        width: 100%;
        margin-bottom: 0.625rem; }
        @media screen and (min-width: 48rem) {
          .c-aoi-card .item-body .activity .activity-intro {
            width: auto;
            margin-bottom: 0; } }
      .c-aoi-card .item-body .activity .glad,
      .c-aoi-card .item-body .activity .glad p {
        color: #f69; }
      .c-aoi-card .item-body .activity .viirs,
      .c-aoi-card .item-body .activity .viirs p {
        color: #f14600; }
      .c-aoi-card .item-body .activity .data-error-msg {
        color: #ed1846;
        font-weight: 500; }
      .c-aoi-card .item-body .activity .glad,
      .c-aoi-card .item-body .activity .viirs {
        min-width: 6.25rem; }
        .c-aoi-card .item-body .activity .glad svg,
        .c-aoi-card .item-body .activity .viirs svg {
          margin-top: 0.375rem; }
      .c-aoi-card .item-body .activity .activity-data {
        font-size: 1rem;
        font-weight: 500; }
  .c-aoi-card.simple {
    flex-direction: row; }
    @media screen and (min-width: 48rem) {
      .c-aoi-card.simple .item-body {
        max-width: 9.375rem; } }
    .c-aoi-card.simple .aoi-card-map {
      width: 4.75rem;
      height: 4.75rem;
      min-width: 4.75rem;
      margin-bottom: 0;
      margin-right: 20px; }
      @media screen and (min-width: 48rem) {
        .c-aoi-card.simple .aoi-card-map {
          width: 4.75rem;
          height: 4.75rem;
          min-width: 4.75rem; } }
    .c-aoi-card.simple .title {
      font-size: 0.875rem;
      margin-bottom: 0;
      padding-bottom: 0.3125rem;
      padding-right: 0.3125rem;
      line-height: 1.4; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-confirm-subscription-modal {
  min-height: 6.25rem;
  max-width: 800px; }
  .c-confirm-subscription-modal p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px; }
  .c-confirm-subscription-modal i {
    font-style: italic;
    font-weight: 500; }
  .c-confirm-subscription-modal .resend-footer {
    display: flex;
    align-items: center; }
    .c-confirm-subscription-modal .resend-footer span {
      font-size: 12px;
      margin-left: 10px;
      font-style: italic; }
    .c-confirm-subscription-modal .resend-footer .error {
      color: #ed1846; }
  .c-confirm-subscription-modal .resend-btn {
    position: relative; }
    .c-confirm-subscription-modal .resend-btn .resend-loader > div {
      width: 1.25rem;
      height: 1.25rem;
      border-width: 2px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-menu-my-gfw {
  position: relative;
  height: 100%; }
  .c-map-menu-my-gfw .aoi-tag {
    display: inline-block;
    margin-right: 0.3125rem;
    color: #555; }
    .c-map-menu-my-gfw .aoi-tag.-active {
      color: #fff; }
  .c-map-menu-my-gfw .aoi-header {
    padding: 0.3125rem 0.9375rem; }
    @media screen and (min-width: 48rem) {
      .c-map-menu-my-gfw .aoi-header {
        padding: 1.25rem;
        padding-bottom: 0.3125rem; } }
    .c-map-menu-my-gfw .aoi-header h2.title-no-aois {
      font-size: 1.125rem;
      max-width: 80%; }
    .c-map-menu-my-gfw .aoi-header h3.title-login {
      text-transform: uppercase;
      color: #555;
      font-size: 0.875rem;
      font-weight: 500;
      margin-bottom: 0.625rem; }
    .c-map-menu-my-gfw .aoi-header h3.title-create-aois {
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: uppercase;
      max-width: 80%;
      color: #555; }
    .c-map-menu-my-gfw .aoi-header p {
      margin: 0.625rem 0;
      line-height: 1.7; }
    .c-map-menu-my-gfw .aoi-header .mygfw-login {
      margin: 2.5rem 0; }
    .c-map-menu-my-gfw .aoi-header .aoi-tags {
      display: flex;
      flex-wrap: wrap;
      margin: 0.9375rem 0;
      position: relative;
      z-index: 2; }
      .c-map-menu-my-gfw .aoi-header .aoi-tags .aoi-tag,
      .c-map-menu-my-gfw .aoi-header .aoi-tags .aoi-tags-dropdown {
        margin-bottom: 0.3125rem;
        margin-right: 0.3125rem; }
  .c-map-menu-my-gfw .my-gfw {
    position: relative; }
    .c-map-menu-my-gfw .my-gfw .my-gfw-footer {
      bottom: 3.125rem;
      height: 4.75rem;
      width: 100%;
      padding-right: 1.25rem;
      background: #fff;
      border-top: 1px solid rgba(158, 158, 158, 0.3);
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (min-width: 48rem) {
        .c-map-menu-my-gfw .my-gfw .my-gfw-footer {
          position: fixed;
          bottom: 0; } }
      .c-map-menu-my-gfw .my-gfw .my-gfw-footer .edit-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #555;
        font-size: 12px;
        line-height: 14px;
        text-transform: none;
        text-transform: initial;
        font-weight: 400;
        margin-left: 1rem; }
        .c-map-menu-my-gfw .my-gfw .my-gfw-footer .edit-button .name {
          margin-bottom: 0.625rem;
          font-weight: 500; }
        .c-map-menu-my-gfw .my-gfw .my-gfw-footer .edit-button .email {
          font-style: italic; }
      .c-map-menu-my-gfw .my-gfw .my-gfw-footer .logout-button {
        color: #555;
        font-size: 12px;
        line-height: 14px;
        text-transform: none;
        text-transform: initial;
        font-weight: 400; }
        .c-map-menu-my-gfw .my-gfw .my-gfw-footer .logout-button svg {
          position: relative;
          width: 1rem;
          height: 1rem;
          left: 0.25rem; }
  @media screen and (min-width: 48rem) {
    .c-map-menu-my-gfw .aoi-items {
      padding-bottom: 4.75rem; } }
  .c-map-menu-my-gfw .aoi-items .aoi-item {
    position: relative;
    cursor: pointer;
    outline: none;
    padding: 0.625rem 0.9375rem;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    @media screen and (min-width: 48rem) {
      .c-map-menu-my-gfw .aoi-items .aoi-item {
        padding: 1.25rem; } }
    .c-map-menu-my-gfw .aoi-items .aoi-item.\--active {
      background-color: #f6f6f4;
      border-top: 1px solid #97be32;
      border-bottom: 1px solid #97be32; }
    .c-map-menu-my-gfw .aoi-items .aoi-item.\--inactive {
      opacity: 0.6; }
    .c-map-menu-my-gfw .aoi-items .aoi-item .edit-button {
      position: absolute;
      right: 0.625rem;
      top: 0.625rem;
      width: 1rem;
      height: 1rem;
      min-width: 1rem; }
  .c-map-menu-my-gfw .areas-pagination {
    margin-bottom: 1.25rem; }
  .c-map-menu-my-gfw .my-gfw-login-image {
    position: absolute;
    bottom: 4.75rem; }
    .c-map-menu-my-gfw .my-gfw-login-image.\--login {
      position: relative;
      bottom: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-menu-panel {
  overflow: hidden;
  width: 100%;
  max-height: 75vh;
  background-color: #fff;
  bottom: 0;
  position: absolute;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.25);
  border-radius: 0.5rem 0.5rem 0 0; }
  @media screen and (min-width: 48rem) {
    .c-menu-panel {
      height: 100%;
      max-height: 100%;
      width: 18.75rem;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
      bottom: 0;
      top: 0;
      border-radius: 0;
      padding-left: 0.625rem; }
      .c-menu-panel.large {
        width: 35rem; } }
  .c-menu-panel .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #e5e5df;
    height: 2.5rem;
    padding: 0 0.9375rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    background-color: #fff;
    width: 100%; }
    .c-menu-panel .panel-header .icon-return {
      transform: rotate(90deg);
      width: 0.625rem;
      margin-right: 0.3125rem;
      height: auto; }
    .c-menu-panel .panel-header .panel-label {
      height: 100%;
      display: flex;
      align-items: center; }
      .c-menu-panel .panel-header .panel-label span {
        font-size: 0.8125rem;
        text-transform: uppercase;
        font-weight: 500;
        color: #555; }
      .c-menu-panel .panel-header .panel-label button {
        height: 100%; }
    .c-menu-panel .panel-header .panel-close {
      height: 100%;
      width: 2.5rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      fill: #555;
      padding-right: 0; }
      .c-menu-panel .panel-header .panel-close .button-wrapper {
        justify-content: flex-end; }
      .c-menu-panel .panel-header .panel-close .collapsed {
        transform: rotate(180deg); }
  .c-menu-panel .panel-body {
    max-height: calc(75vh - 90px);
    width: 100%;
    overflow-y: auto;
    margin-top: 2.5rem; }
    @media screen and (min-width: 48rem) {
      .c-menu-panel .panel-body {
        min-height: 15.625rem;
        height: 100%;
        max-height: 100%;
        margin-top: 0; } }
  .c-menu-panel .close-menu {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.9375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    z-index: 1; }
    .c-menu-panel .close-menu .icon-close-panel {
      width: 0.75rem;
      height: 0.75rem;
      fill: #999; }
  .c-menu-panel .map-menu-loader {
    z-index: 2; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-menu-tile {
  position: relative;
  width: 100%;
  max-height: 4.75rem;
  height: 4.75rem; }
  .c-map-menu-tile.active {
    background-color: #fff;
    z-index: 1; }
  .c-map-menu-tile:hover {
    background-color: #fff; }
  .c-map-menu-tile .item-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 11px;
    line-height: 0.91;
    letter-spacing: -0.2px;
    color: #4a4a4a;
    cursor: pointer;
    text-transform: uppercase; }
    .c-map-menu-tile .item-button .button-wrapper {
      height: 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: auto;
      padding: 5px;
      overflow: hidden; }
      @media screen and (min-width: 48rem) {
        .c-map-menu-tile .item-button .button-wrapper {
          height: 4.75rem;
          width: 4.75rem; } }
      .c-map-menu-tile .item-button .button-wrapper span {
        line-height: 1.2; }
    .c-map-menu-tile .item-button .tile-icon {
      width: 1.875rem;
      height: 1.875rem;
      fill: #4a4a4a;
      margin-bottom: 0.375rem; }
  .c-map-menu-tile .item-badge {
    position: absolute;
    top: 0;
    right: 1.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.875rem;
    height: 0.875rem;
    background-color: #97be32;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #fff; }
    @media screen and (min-width: 48rem) {
      .c-map-menu-tile .item-badge {
        top: 0.8125rem; } }
  .c-map-menu-tile.small {
    height: 3.125rem; }
    .c-map-menu-tile.small .tile-icon {
      width: 1.25rem;
      height: 1.25rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-menu-desktop {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-y: auto;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 4.75rem;
  height: 100%; }
  @media screen and (min-height: 684px) {
    .c-menu-desktop {
      display: flex;
      overflow-y: hidden; } }
  .c-menu-desktop::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0.0625rem;
    height: 100%;
    background-color: #dedede;
    z-index: 1; }
  .c-menu-desktop .datasets-tile,
  .c-menu-desktop .search-tile {
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent; }
    .c-menu-desktop .datasets-tile.active,
    .c-menu-desktop .search-tile.active {
      border-top-color: #e5e5df;
      border-bottom-color: #e5e5df; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-menu-mobile {
  height: 3.125rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-menu {
  z-index: 2; }
  .c-map-menu .menu-tiles {
    z-index: 4;
    background-color: #f2f2f2;
    border-top: solid 1px #e5e5df;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .c-map-menu .menu-tiles.embed {
      bottom: 3.75rem; }
      @media screen and (min-width: 48rem) {
        .c-map-menu .menu-tiles.embed {
          display: none; } }
    @media screen and (min-width: 48rem) {
      .c-map-menu .menu-tiles {
        width: 4.75rem;
        top: 0;
        padding-top: 4.625rem; } }
  .c-map-menu .menu-panel {
    padding-bottom: 3.125rem;
    z-index: 3; }
    @media screen and (min-width: 48rem) {
      .c-map-menu .menu-panel {
        padding-bottom: 0; } }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-data-analysis-menu {
  width: 18.125rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  transition: transform 0.3s linear;
  position: relative;
  z-index: 1; }
  .c-data-analysis-menu.relocate {
    transform: translateX(292px); }
  .c-data-analysis-menu.big {
    transform: translateX(552px); }
  .c-data-analysis-menu .nav {
    border-bottom: solid 1px #e5e5df;
    position: relative;
    z-index: 2;
    height: auto; }
  .c-data-analysis-menu .map-legend,
  .c-data-analysis-menu .map-analysis {
    position: relative;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex: 1 1;
    max-height: calc(100vh - 70px);
    z-index: 1; }
    @media screen and (min-width: 48rem) and (max-width: 1090px) {
      .c-data-analysis-menu .map-legend,
      .c-data-analysis-menu .map-analysis {
        max-height: calc(100vh - 110px); } }
  .c-data-analysis-menu.embed .map-legend,
  .c-data-analysis-menu.embed .map-analysis {
    max-height: calc(100vh - 200px); }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
/* stylelint-disable */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

.c-map-controls .c-icon.-active {
  fill: #97be32; }

.c-map-controls .map-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 2;
  margin-bottom: 0.625rem; }
  .c-map-controls .map-actions > div {
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    display: none; }
    .c-map-controls .map-actions > div:first-child {
      margin-right: 0.3125rem; }
    .c-map-controls .map-actions > div:last-child {
      margin-left: 0.3125rem; }

.c-map-controls .map-tool-btn {
  width: 100%; }
  .c-map-controls .map-tool-btn.active {
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2); }
  .c-map-controls .map-tool-btn .basemaps-btn-content {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center; }
    .c-map-controls .map-tool-btn .basemaps-btn-content .basemaps-btn-img {
      height: 100%;
      float: left;
      width: 2.375rem; }
    .c-map-controls .map-tool-btn .basemaps-btn-content .basemaps-btn-label-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      margin-left: 0.625rem; }
      .c-map-controls .map-tool-btn .basemaps-btn-content .basemaps-btn-label-wrapper span {
        text-align: left;
        text-transform: uppercase; }
      .c-map-controls .map-tool-btn .basemaps-btn-content .basemaps-btn-label-wrapper .basemaps-btn-label-small {
        font-weight: 400; }

.c-map-controls .recent-imagery-btn {
  position: relative; }

.c-map-controls .recent-imagery-loader .spinner {
  width: 1.5625rem;
  height: 1.5625rem;
  border-width: 0.125rem; }

.c-map-controls .satellite-icon {
  width: 1.25rem;
  height: 1.25rem; }
  @media screen and (min-width: 48rem) {
    .c-map-controls .satellite-icon {
      width: 1.875rem;
      height: 1.875rem; } }

.c-map-controls .globe-icon {
  width: 0.9375rem;
  height: 0.9375rem; }
  @media screen and (min-width: 48rem) {
    .c-map-controls .globe-icon {
      width: 1.25rem;
      height: 1.25rem; } }

.c-map-controls .controls-wrapper {
  display: flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin-bottom: 0.625rem; }
  .c-map-controls .controls-wrapper .plus-icon {
    width: 0.8125rem;
    height: 0.8125rem; }
  .c-map-controls .controls-wrapper .minus-icon {
    width: 0.8125rem; }
  .c-map-controls .controls-wrapper .map-tour-icon {
    fill: #fff;
    background: #555;
    border-radius: 15px;
    padding: 2px; }
  .c-map-controls .controls-wrapper .pulse-tour-btn {
    -webkit-animation: pulse 1.5s infinite;
            animation: pulse 1.5s infinite; }

.c-map-controls .mobile-controls-wrapper {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
  .c-map-controls .mobile-controls-wrapper .theme-button-map-control {
    min-width: 2.5rem;
    height: 2.5rem; }
    .c-map-controls .mobile-controls-wrapper .theme-button-map-control svg {
      width: 25px;
      height: 25px; }
  .c-map-controls .mobile-controls-wrapper > * {
    border-right: solid 1px #e5e5df; }
    .c-map-controls .mobile-controls-wrapper > *:last-child {
      border-bottom: 0; }

.c-map-controls .map-position {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.3125rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 500;
  display: flex;
  justify-content: space-between; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-map-main {
  height: 100%; }
  .c-map-main .main-map-container {
    width: 100%;
    height: calc(100% - 50px);
    z-index: 1;
    position: relative; }
    @media screen and (min-width: 48rem) {
      .c-map-main .main-map-container {
        width: calc(100% - 76px);
        height: 100%;
        margin-left: 76px; } }
    .c-map-main .main-map-container .main-map {
      height: 100%; }
    .c-map-main .main-map-container .map-attributions {
      z-index: 5; }
      @media screen and (min-width: 48rem) {
        .c-map-main .main-map-container .map-attributions {
          right: 15.9375rem;
          bottom: 0.9375rem;
          justify-content: flex-end;
          width: auto; } }
    @media screen and (min-width: 48rem) {
      .c-map-main .main-map-container .map-scale {
        right: 15.9375rem;
        bottom: 3.125rem;
        left: auto;
        top: auto; } }
  .c-map-main .main-map-tooltip {
    height: 100%; }
  .c-map-main .main-map-controls {
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    z-index: 5;
    display: flex; }
    @media screen and (min-width: 48rem) {
      .c-map-main .main-map-controls {
        bottom: 0.9375rem;
        top: auto;
        display: block; } }
  .c-map-main .data-analysis-menu {
    position: absolute;
    left: 5.6875rem;
    top: 0.9375rem;
    z-index: 6; }
    .c-map-main .data-analysis-menu.embed {
      right: 0.9375rem;
      left: auto; }
  .c-map-main.analysis .leaflet-container {
    cursor: pointer; }
  .c-map-main.embed {
    min-height: calc(100vh - 60px); }
    .c-map-main.embed .main-map-container {
      width: 100%; }
      @media screen and (min-width: 48rem) {
        .c-map-main.embed .main-map-container {
          width: 100%;
          margin-left: 0; } }
    .c-map-main.embed .leaflet-control-container .leaflet-bottom {
      right: 0.9375rem; }
      @media screen and (min-width: 48rem) {
        .c-map-main.embed .leaflet-control-container .leaflet-bottom {
          right: 0.9375rem; } }
    .c-map-main.embed .map-attributions {
      right: 0.9375rem; }
    .c-map-main.embed .data-analysis-menu {
      right: 0.9375rem;
      left: auto; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-sgf-page {
  padding: 1.875rem 0;
  border-bottom: solid 1px #d6d6d9; }
  @media screen and (min-width: 48rem) {
    .l-sgf-page {
      padding: 3.125rem 0; } }

.l-section {
  position: relative; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-areas-table {
  display: block; }
  .c-areas-table .area-row {
    padding: 1.25rem 0;
    border-top: 1px solid #e5e5df;
    display: flex;
    justify-content: space-between; }
    .c-areas-table .area-row:hover {
      background: #f7f7f7; }
    @media screen and (min-width: 48rem) {
      .c-areas-table .area-row {
        padding: 2.5rem 0; } }
    .c-areas-table .area-row:last-child {
      border-bottom: solid 1px #e5e5df; }
    .c-areas-table .area-row .area-button {
      cursor: pointer; }
      .c-areas-table .area-row .area-button:focus {
        outline: none; }
    .c-areas-table .area-row .area-links {
      display: flex;
      height: 100%;
      margin-top: 1.25rem; }
      @media screen and (min-width: 48rem) {
        .c-areas-table .area-row .area-links {
          margin-top: 0;
          justify-content: center;
          flex-direction: column; } }
      .c-areas-table .area-row .area-links .area-link {
        font-size: 0.875rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 1.875rem;
        padding: 0;
        margin-right: 0.9375rem; }
        @media screen and (min-width: 48rem) {
          .c-areas-table .area-row .area-links .area-link {
            margin-right: 0; } }
        .c-areas-table .area-row .area-links .area-link .link-icon {
          width: 0.75rem;
          height: 0.75rem;
          margin-top: -2px;
          margin-right: 0.375rem; }
          @media screen and (min-width: 48rem) {
            .c-areas-table .area-row .area-links .area-link .link-icon {
              margin-right: 0.625rem; } }
  .c-areas-table .filter-group {
    margin-bottom: 1.875rem; }
    @media screen and (min-width: 48rem) {
      .c-areas-table .filter-group {
        margin-bottom: 0; } }
  .c-areas-table .filter-row {
    margin-bottom: 1.875rem; }
  .c-areas-table .filter-tags {
    display: flex;
    flex-wrap: wrap; }
    .c-areas-table .filter-tags .filter-tag {
      margin-top: 0.3125rem;
      margin-right: 0.3125rem; }
  .c-areas-table .filter-title {
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
    display: block;
    font-weight: 500;
    text-transform: uppercase; }
  .c-areas-table .filter-search {
    display: flex;
    height: 100%;
    align-items: flex-end; }
  .c-areas-table .no-content-row {
    position: relative;
    min-height: 12.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-my-gfw-page.login {
  padding: 2.5rem 0; }
  @media screen and (min-width: 48rem) {
    .l-my-gfw-page.login {
      padding: 6.25rem 0; } }

.l-my-gfw-page .header-banner {
  background-color: #333;
  padding: 1.875rem 0 2.5rem; }
  @media screen and (min-width: 48rem) {
    .l-my-gfw-page .header-banner {
      padding: 4.375rem 0 5rem; } }
  .l-my-gfw-page .header-banner h1 {
    font-size: 3rem;
    font-weight: 300;
    color: #fff; }

.l-my-gfw-page .login-intro {
  text-align: center;
  margin-bottom: 1.25rem; }

.l-my-gfw-page .my-gfw-container {
  padding: 1.875rem 0;
  position: relative;
  min-height: 18.75rem; }
  @media screen and (min-width: 48rem) {
    .l-my-gfw-page .my-gfw-container {
      padding: 3.125rem 0; } }
  .l-my-gfw-page .my-gfw-container .mygfw-loader {
    min-height: 18.75rem; }
  .l-my-gfw-page .my-gfw-container .no-areas {
    padding: 1.875rem 0 3.125rem; }
    .l-my-gfw-page .my-gfw-container .no-areas .areas-image {
      width: 100%; }
    .l-my-gfw-page .my-gfw-container .no-areas h4 {
      font-size: 1.875rem;
      color: #333;
      margin-bottom: 1.25rem;
      max-width: 25rem; }
    .l-my-gfw-page .my-gfw-container .no-areas p {
      font-size: 1.125rem;
      line-height: 30px;
      color: #555;
      margin-bottom: 2.5rem; }
    .l-my-gfw-page .my-gfw-container .no-areas .learn-btn {
      width: 12.5rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-topics-intro {
  position: relative; }
  .c-topics-intro .titleRow {
    padding-top: 30px; }
    @media screen and (min-width: 48rem) {
      .c-topics-intro .titleRow {
        margin-top: 70px;
        padding: 0 1.25rem; } }
  .c-topics-intro .titleCol {
    position: relative; }
    @media screen and (min-width: 48rem) {
      .c-topics-intro .titleCol {
        background-color: #e5e5df; } }
  .c-topics-intro .citation-link {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem; }
    .c-topics-intro .citation-link .citation-icon {
      fill: #555;
      opacity: 0.8; }
  .c-topics-intro .intro-img {
    width: 100%;
    padding: 0.9375rem; }
    .c-topics-intro .intro-img img {
      width: 100%; }
    @media screen and (min-width: 48rem) {
      .c-topics-intro .intro-img {
        position: absolute;
        display: inline;
        display: initial;
        padding: 0 5rem 0 0; } }
  .c-topics-intro .intro-title {
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    color: #333;
    max-width: 400px; }
    @media screen and (min-width: 48rem) {
      .c-topics-intro .intro-title {
        font-size: 36px;
        padding: 1.875rem 0; } }
  .c-topics-intro .intro-text {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    max-width: 400px;
    margin-bottom: 30px; }
  .c-topics-intro .intro-buttons {
    display: flex;
    flex-wrap: wrap; }
  .c-topics-intro .intro-btn {
    margin-bottom: 15px;
    margin-right: 15px; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-topics-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
  .c-topics-header .scroll-to-discover {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 6.25rem 0 6.25rem; }
    .c-topics-header .scroll-to-discover .scroll-btn {
      height: 2.875rem;
      width: 2.875rem;
      border-radius: 3.125rem;
      margin-bottom: 0.625rem; }
    .c-topics-header .scroll-to-discover p {
      font-size: 0.875rem;
      color: #555; }
  .c-topics-header .fp-tableCell {
    justify-content: space-between !important; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-topics-footer {
  padding-bottom: 3.4375rem; }
  .c-topics-footer .footer-title {
    padding: 2.5rem 0 0;
    text-transform: uppercase;
    color: #999; }
    @media screen and (min-width: 48rem) {
      .c-topics-footer .footer-title {
        padding: 5rem 0 0; } }
  .c-topics-footer .fp-tableCell {
    display: block !important; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-topics-text {
  margin-bottom: 2.5rem; }
  .c-topics-text span {
    font-weight: 500;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .c-topics-text h4 {
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    color: #333;
    margin-bottom: 15px; }
  .c-topics-text p {
    font-weight: 300;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    margin: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-topics-image {
  position: relative; }
  .c-topics-image img {
    width: 100%;
    z-index: 1;
    position: relative; }
  .c-topics-image .image-info {
    position: absolute;
    z-index: 3;
    border: solid 15px rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer; }
    .c-topics-image .image-info:hover .info-btn {
      background-color: #779627; }
  .c-topics-image .svg-animation,
  .c-topics-image .gif-animation {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2; }
  .c-topics-image .co2-arrows {
    position: absolute;
    z-index: 2;
    -webkit-animation: up 1.5s infinite;
            animation: up 1.5s infinite; }
    .c-topics-image .co2-arrows.small {
      width: 10%; }
    .c-topics-image .co2-arrows.medium {
      width: 11%; }
    .c-topics-image .co2-arrows.large {
      width: 13%; }
    .c-topics-image .co2-arrows.down {
      transform: rotate(180deg);
      -webkit-animation: down 1.5s infinite;
              animation: down 1.5s infinite; }

@-webkit-keyframes up {
  from {
    opacity: 1; }
  to {
    transform: translateY(-20px);
    opacity: 0; } }

@keyframes up {
  from {
    opacity: 1; }
  to {
    transform: translateY(-20px);
    opacity: 0; } }

@-webkit-keyframes down {
  from {
    opacity: 1; }
  to {
    transform: translateY(20px) rotate(180deg);
    opacity: 0; } }

@keyframes down {
  from {
    opacity: 1; }
  to {
    transform: translateY(20px) rotate(180deg);
    opacity: 0; } }

.c-topics-info-tooltip {
  padding: 1.25rem;
  text-align: left; }
  .c-topics-info-tooltip p {
    margin-bottom: 0.9375rem; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.c-topics-slide {
  padding-top: 3.4375rem;
  z-index: 1; }
  @media screen and (min-width: 48rem) {
    .c-topics-slide {
      margin-top: -40px;
      padding-top: 0; }
      .c-topics-slide .topic-image {
        margin-right: 1.875rem;
        max-width: 37.5rem; } }
  @media screen and (min-width: 70rem) {
    .c-topics-slide .topic-image {
      margin: auto; } }
  .c-topics-slide.active {
    z-index: 2; }
  .c-topics-slide .topic-btn {
    margin: auto;
    position: absolute;
    bottom: 0; }

/* FONTS */
/* stylelint-disable */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } }

/* SCREENS */
/* GRID SETTINGS */
/* COLORS */
/* FONT COLORS */
/* SHADOWS */
.l-topics-page .last {
  margin-bottom: 9.375rem; }
  @media screen and (min-width: 48rem) {
    .l-topics-page .last {
      margin-bottom: 0; } }

.l-topics-page .topic-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center; }

.l-topics-page .topic-intro-image {
  padding: 1.875rem 0; }

.l-topics-page .related-tools-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 0.9375rem;
  z-index: 1; }
  .l-topics-page .related-tools-btn button {
    width: 100%; }

.l-topics-page .fp-tableCell {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .l-topics-page .fp-tableCell .row {
    width: 100%; }

.l-topics-page .topic-header {
  z-index: 10; }
  .l-topics-page .topic-header .fp-tableCell {
    justify-content: space-between; }

.l-topics-page .topic-slides {
  z-index: 5; }

.l-topics-page .fp-slidesNav {
  bottom: calc(50% - 50px) !important;
  left: unset !important;
  right: 1.25rem !important; }
  .l-topics-page .fp-slidesNav li {
    display: block;
    margin: 1.5625rem 0; }
    .l-topics-page .fp-slidesNav li a span {
      background-color: #d6d6d9;
      width: 8px;
      height: 8px;
      margin: -2px 0 0 -4px; }
    .l-topics-page .fp-slidesNav li a.active span {
      background-color: #97be32;
      width: 12px;
      height: 12px; }

.l-topics-page .fp-slidesContainer {
  transform: none !important;
  width: 100% !important; }
  .l-topics-page .fp-slidesContainer .slide {
    width: 100% !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.7s ease-in; }
    .l-topics-page .fp-slidesContainer .slide .topic-text {
      opacity: 0;
      transform: translateY(-20px);
      transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out; }
      .l-topics-page .fp-slidesContainer .slide .topic-text.leaving {
        opacity: 1;
        transform: translateY(20px);
        transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out; }
    .l-topics-page .fp-slidesContainer .slide.active {
      opacity: 1; }
      .l-topics-page .fp-slidesContainer .slide.active .topic-text {
        opacity: 1;
        transform: translateY(0);
        transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out; }