body.steam-blueprint-page.steam-template-family.empire-standard-opening-hours-preview {
  --bp-ink: #fff8f0;
  --bp-muted: rgba(255, 248, 240, 0.74);
  --bp-blue: #cb2c2c;
  --bp-blue-strong: #cb2c2c;
  --bp-paper: #080808;
  --bp-card: #151515;
  --bp-line: rgba(255, 248, 240, 0.14);
  --bp-dark: #cb2c2c;
  --bp-accent: #f4c04f;
  background: #080808;
  color: #fff8f0;
}

.empire-standard-opening-hours-preview #steam-page-family,
.empire-standard-opening-hours-preview main {
  min-height: 100vh;
  background: #080808;
}

.empire-standard-opening-hours {
  background: #151515;
  box-shadow:
    inset 0 0 0 1px rgba(255, 248, 240, 0.14),
    0 18px 50px rgba(0, 0, 0, 0.3);
}

.empire-standard-opening-hours h2 {
  color: #fff8f0;
}

.empire-standard-opening-hours-preview .empire-standard-opening-hours .steam-blueprint-kicker {
  color: #cb2c2c;
}

.empire-standard-opening-hours .steam-blueprint-logistics-actions a {
  background: #cb2c2c;
  color: #fff;
}

.empire-standard-opening-hours .steam-blueprint-logistics-actions a:focus-visible {
  outline: 3px solid #f4c04f;
  outline-offset: 3px;
}