.lichess-ratings {
  --lichess-up: #b5e853;
  --lichess-down: #e85353;
  --lichess-flat: #888888;
  --lichess-rule: #434343;

  clear: both;
  margin: 1.75em 0 2em;
  padding: 0.9em 0 0.35em;
  border-top: 1px solid var(--lichess-rule);
  border-bottom: 1px solid var(--lichess-rule);
}

.lichess-ratings__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: 0.75em;
}

.lichess-ratings__heading {
  display: flex;
  align-items: baseline;
  gap: 0.75em;
}

.lichess-ratings__heading a {
  font-size: 1.05em;
}

.lichess-ratings__window,
.lichess-ratings__mood-label,
.lichess-ratings__empty {
  color: var(--lichess-flat);
  font-size: 0.8em;
}

.lichess-ratings__mood {
  display: flex;
  align-items: center;
  gap: 0.45em;
}

.lichess-ratings__mood[hidden],
.lichess-ratings__series[hidden] {
  display: none;
}

.lichess-ratings__face {
  width: 34px;
  height: 34px;
  display: block;
}

.lichess-ratings__face-head {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.lichess-ratings__face-eye {
  fill: currentColor;
}

.lichess-ratings__face-mouth {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.lichess-ratings__mood[data-mood="happy"] {
  color: var(--lichess-up);
}

.lichess-ratings__mood[data-mood="sad"] {
  color: var(--lichess-down);
}

.lichess-ratings__mood[data-mood="meh"] {
  color: var(--lichess-flat);
}

.lichess-ratings__status {
  margin: 0 0 0.75em;
  color: var(--lichess-flat);
}

.lichess-ratings__series {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em 1.5em;
}

.lichess-ratings__meta {
  display: flex;
  align-items: baseline;
  gap: 0.55em;
  margin-bottom: 0.25em;
}

.lichess-ratings__name {
  color: #b5e853;
}

.lichess-ratings__rating {
  color: #eaeaea;
  font-variant-numeric: tabular-nums;
}

.lichess-ratings__delta {
  font-variant-numeric: tabular-nums;
  font-size: 0.85em;
}

.lichess-ratings__perf[data-trend="up"] .lichess-ratings__delta,
.lichess-ratings__perf[data-trend="up"] .lichess-ratings__spark {
  color: var(--lichess-up);
}

.lichess-ratings__perf[data-trend="down"] .lichess-ratings__delta,
.lichess-ratings__perf[data-trend="down"] .lichess-ratings__spark {
  color: var(--lichess-down);
}

.lichess-ratings__perf[data-trend="flat"] .lichess-ratings__delta,
.lichess-ratings__perf[data-trend="flat"] .lichess-ratings__spark {
  color: var(--lichess-flat);
}

.lichess-ratings__spark {
  display: block;
  width: 100%;
  height: 56px;
  overflow: visible;
}

.lichess-ratings__spark-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.lichess-ratings__spark-fill {
  fill: currentColor;
  opacity: 0.12;
}

.lichess-ratings__spark-dot {
  fill: currentColor;
}

@media (max-width: 600px) {
  .lichess-ratings__series {
    grid-template-columns: 1fr;
  }
}