@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Sans+Condensed:ital@0;1&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

body{webkit-font-smoothing: antialiased;}

.nsmg-chart {
  min-width: 280px;
  max-width: 1170px;
  width: 100%;
  font-family: "IBM Plex Sans", sans-serif;  
  border-top: 1px solid rgba(0,0,0,0.1);
}

.nsmg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin-top: 1em;
}

.source-text {
  font-size: 14px;
  line-height: 22px;
  margin: 8px 0;
  font-family: "IBM Plex Sans Condensed";
}

.nsmg-h3,
.nsmg-h4,
.nsmg-h5 {
  font-family: "IBM Plex Sans", sans-serif;
  color: #222;
}

.nsmg-h3 {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  margin: 0.5em 0 0.25em;
}

.nsmg-h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin: 0.5rem 0;
}

.nsmg-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 500px) {
  .nsmg-h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .nsmg-h4 {
    font-size: 18px;
    line-height: 26px;
    margin: 0.5rem 0;
  }
}

object {
  width: 100%;
}

.nsmg-chart.im {
  background-image: url("https://nsmg-projects-public.s3.eu-west-2.amazonaws.com/common/InvestmentMonitor_logo.png");
  background-repeat: no-repeat;
  background-size: 150px;
  background-position: 99% 99%;
}

.nsmg-chart.bm {
  background-image: url("https://nsmg-projects-public.s3.eu-west-2.amazonaws.com/common/BankMonitor_logo.png");
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 99% 99%;
}

.nsmg-chart.cm {
  background-image: url("https://nsmg-projects-public.s3.eu-west-2.amazonaws.com/common/CityMonitor_logo.png");
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 99% 99%;
}

.nsmg-chart.em {
  background-image: url("https://nsmg-projects-public.s3.eu-west-2.amazonaws.com/common/EnergyMonitor_logo.png");
  background-repeat: no-repeat;
  background-size: 120px;
  background-position: 99% 99%;
}

.nsmg-chart.tm {
  background-image: url("https://nsmg-projects-public.s3.eu-west-2.amazonaws.com/common/TechMonitor_logo.png");
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 99% 99%;
}

/* 1024px mobile break */
