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

.steam-blueprint-footer {
  background: #151515;
  color: rgba(255, 248, 240, 0.74);
}

.steam-blueprint-footer a {
  color: #fff8f0;
}

.steam-blueprint-footer a:hover,
.steam-blueprint-footer a:focus-visible {
  color: #f4c04f;
}

.back-to-top {
  background: #cb2c2c;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), inset 1px 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.back-to-top:focus-visible,
.steam-blueprint-menu-toggle:focus-visible {
  outline: 3px solid #f4c04f;
  outline-offset: 3px;
}

.steam-template-family .steam-blueprint-menu-toggle {
  border-color: rgba(255, 248, 240, 0.14);
  background: #151515;
  color: #fff8f0;
  box-shadow: 12px 12px 34px rgba(0, 0, 0, 0.34), inset 1px 1px 0 rgba(255, 248, 240, 0.08);
}

.steam-template-family .steam-blueprint-menu-toggle i {
  background: #101010;
}

.steam-template-family .steam-blueprint-menu-toggle i::before,
.steam-template-family .steam-blueprint-menu-toggle i::after {
  background: #f4c04f;
}