@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;900&display=swap');

* {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}
body {
  background: #fff;
  color: #444;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}
h1 {
  font-weight: 600;
  font-size: 3rem;
  line-height: 2.5rem;
  text-transform: uppercase;
}
h2 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2rem;
  text-transform: capitalize;
}
h3 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1rem;
  text-transform: uppercase;
}
b {
  font-weight: 600;
}
small {
  color: #64748b;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
}
nav {
  margin-bottom: 1rem;
}
label {
  display: inline-block;
  width: 300px;
  text-align: left;
}

.toggle-checkbox {
  display: inline-block;
  width: 300px;
  text-align: left;
}

.bench-type-container {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 0;

  max-width: 95%;
}

.bench-type {
  flex: 1 0 auto;

  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 1.5rem;

  margin-right: 1rem;
  margin-top: 1rem;

  border-style: solid;
  border-color: #eaeaea;
  border-width: 0.5px;
  border-radius: 0.5rem;
  background: #fafafa;
}

.plot-type {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
}

.link-prefix {
  margin-right: 0.75rem;
}

.compare-link {
  color: inherit;
  text-decoration: none;

  margin-right: 0.75rem;

  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  width: fit-content;

  border-width: 0.5px;
  border-color: #333;
  border-style: solid;
  border-radius: 0.5rem;
}

.bench-link {
  color: inherit;
  text-decoration: none;

  margin-bottom: 0.75rem;
  margin-right: 0.75rem;

  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  width: fit-content;

  border-width: 0.5px;
  border-color: #333;
  border-style: solid;
  border-radius: 0.5rem;
}

.ref {
  color: #ff1a1a;
  font-family: monospace, monospace;
  font-weight: 200;
}