/* v1.6.86 exact multi-size replay presentation overlay. */

.best-size-panel {
  margin: 12px 0 2px;
  padding: 11px 13px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(38, 191, 146, .10), rgba(53, 112, 255, .055));
  border: 1px solid rgba(90, 226, 183, .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.best-size-panel.compact {
  margin-top: 12px;
  padding: 9px 11px;
}

.best-size-panel.no-positive {
  background: rgba(255,255,255,.022);
  border-color: rgba(255,255,255,.075);
}

.best-size-kicker {
  color: #8edfc2;
  font-size: 7px;
  font-weight: 820;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.best-size-panel.no-positive .best-size-kicker {
  color: #9baabd;
}

.best-size-main {
  margin-top: 4px;
  color: #ecf8ff;
  font-size: 19px;
  font-weight: 840;
  letter-spacing: -.035em;
}

.best-size-main span {
  margin-left: 7px;
  color: #7ff0bd;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0;
}

.best-size-sub,
.best-size-warning,
.fresh-replay-meta {
  margin-top: 4px;
  color: var(--muted-2);
  font-size: 8px;
  line-height: 1.45;
}

.best-size-warning {
  color: #7f91ad;
}

.evidence-unavailable {
  color: #a9b8cd !important;
  font-size: 16px !important;
}

.best-size-detail-panel {
  grid-column: 1 / -1;
}

.best-size-detail-panel .best-size-panel {
  max-width: 720px;
}

.fresh-replay-meta {
  margin-top: 8px;
}

@media (max-width: 560px) {
  .best-size-main span {
    display: block;
    margin: 4px 0 0;
  }
}