main {
  display: flex;
  flex-direction: column;
}
main > p:first-child {
  margin-top: min(3rem, 6vw);
  font-weight: 300;
  font-size: 2rem;
  text-align: center;
}
main > .select-index {
  margin-top: min(3rem, 6vw);
  display: flex;
  margin-inline: auto;
  gap: 1rem;
  max-width: 90vw;
  align-items: center;
}
main > .select-index > p {
  font-size: min(1.4rem, 3.5vw);
  font-weight: 300;
}
main > .select-index > select {
  font-size: min(1.2rem, 3vw);
  padding: 0.2rem;
  font-family: monospace;
}
main > .table {
  margin-top: min(1.4rem, 6vw);
  font-size: min(1rem, 4vw);
  margin-inline: auto;
  width: 90vw;
}
@media (max-width: 600px) {
  main > .table {
    width: 95vw;
  }
}
main > .table.performance > div {
  grid-template-columns: auto 1fr 1fr 1fr 1fr;
}
main > .table.movingaverages > div {
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr;
}
main > .table.technicalvolume > div {
  grid-template-columns: auto 1fr 1fr 1fr;
}
main > .table > p {
  font-size: min(1.3rem, 3vw);
  text-align: center;
}
main > .table > div {
  margin-top: min(1rem, 3vw);
  display: grid;
  border: 0.01rem solid var(--clr-blue-300);
  max-height: 80vh;
  overflow-y: scroll;
}
main > .table > div > p, main > .table > div > a {
  border: 0.5px solid rgba(var(--triplet-blue-100), 0.7);
  padding: 0.5rem 0.3rem;
  font-weight: 300;
  font-size: min(1rem, 2.5vw);
  background-color: rgba(var(--triplet-blue-600), 0.3);
}
> main > .table > div > p:nth-child(1), main > .table > div > p:nth-child(2), main > .table > div > p:nth-child(3), main > .table > div > p:nth-child(4), main > .table > div > p:nth-child(5), > main > .table > div > a:nth-child(1), main > .table > div > a:nth-child(2), main > .table > div > a:nth-child(3), main > .table > div > a:nth-child(4), main > .table > div > a:nth-child(5) {
  font-weight: 400;
}
> main > .table > div > p:nth-child(5n+1), > main > .table > div > a:nth-child(5n+1) {
  min-width: 20vw;
}
> main > .table > div > p:not(:nth-child(5n+1)), > main > .table > div > a:not(:nth-child(5n+1)) {
  text-align: right;
}
main > .table > div > a {
  text-decoration: none;
  color: var(--clr-blue-300);
}
main > .table > div > a:hover, main > .table > div > a:focus {
  color: var(--clr-blue-200);
}
main > .table > div > a:active {
  color: var(--clr-blue-400);
}
main > .table > div > p.positive {
  background-color: rgba(45, 255, 15, 0.3);
}
main > .table > div > p.negative {
  background-color: rgba(255, 0, 0, 0.3);
}
main > .table > div > p.integer {
  background-color: rgba(0, 159, 255, 0.4);
}
main > .table > div > p.zero {
  background-color: rgba(0, 159, 255, 0.2);
}
main > .table > div > p.names {
  position: relative;
}
main > .table > div > p.names:hover, main > .table > div > p.names:focus {
  background-color: rgba(0, 159, 255, 0.8) !important;
}
main > .table > div > p.names:active {
  background-color: rgba(0, 159, 255, 0.4) !important;
}
main > .table > div > p.names.active {
  background-color: rgba(0, 159, 255, 0.6);
}
main > .table > div > .popup {
  display: none;
  grid-column: 1/-1;
  padding: min(2rem, 3vw);
  flex-direction: row;
  flex-wrap: wrap;
  gap: min(0.5rem, 3vw);
  justify-content: space-between;
}
main > .table > div > .popup.visible {
  display: flex;
}
main > .table > div > .popup > a {
  font-size: min(1rem, 2.5vw);
  font-family: monospace;
  color: var(--clr-blue-300);
}
main > .table > div > .popup > a:hover, main > .table > div > .popup > a:focus {
  color: var(--clr-blue-200);
}
main > .table > div > .popup > a:active {
  color: var(--clr-blue-400);
}

/*# sourceMappingURL=performance-tracker.css.map */