/* Websitezijde van het gereserveerde Chatmee Retro-thema. De class wordt
   uitsluitend gezet vanuit de centrale site_theme-instelling van de chatbox. */
html.site-theme-chatmee-retro {
  color-scheme: dark;
  background: #020218;
}
html.site-theme-chatmee-retro body,
html.site-theme-chatmee-retro body.cm-wave-background,
html.site-theme-chatmee-retro body.cm-wave-background[data-theme="light"],
html.site-theme-chatmee-retro body.cm-wave-background[data-theme="dark"] {
  --bg: #03031d;
  --text: #f4f5ff;
  --muted: #afb5cf;
  --line: rgba(126,137,181,.48);
  --primary: #db1729;
  --primary-hover: #ef2e40;
  --surface: rgba(7,7,48,.95);
  --soft: rgba(255,255,255,.08);
  --menu-bg: #0b0c37;
  --pink: #dc1830;
  --cyan: #8998d2;
  --gold: #f4c552;
  color: #f4f5ff !important;
  background:
    repeating-linear-gradient(90deg,transparent 0 42px,rgba(207,16,32,.08) 43px 45px,transparent 46px 62px),
    radial-gradient(circle at 86% 10%,rgba(91,68,185,.20),transparent 30%),
    linear-gradient(145deg,#020218,#080836 48%,#030321) !important;
  background-attachment: fixed !important;
}
html.site-theme-chatmee-retro body::before {
  content: none !important;
}
html.site-theme-chatmee-retro .cm-animated-background {
  display: none !important;
}
html.site-theme-chatmee-retro body > header,
html.site-theme-chatmee-retro .topbar {
  width: min(100% - 20px,1180px) !important;
  min-height: 70px !important;
  margin: 10px auto 0 !important;
  padding: 6px 10px !important;
  border: 1px solid #586185 !important;
  border-top: 5px solid #cf1020 !important;
  border-radius: 5px 5px 0 0 !important;
  color: #fff !important;
  background: linear-gradient(#11113f,#07072d) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.34) !important;
}
html.site-theme-chatmee-retro body > header::after,
html.site-theme-chatmee-retro .topbar::after {
  height: 1px !important;
  background: #70799a !important;
  animation: none !important;
}
html.site-theme-chatmee-retro .brand img,
html.site-theme-chatmee-retro header img {
  filter: drop-shadow(0 3px 0 rgba(0,0,0,.82)) !important;
}
html.site-theme-chatmee-retro .top-menu,
html.site-theme-chatmee-retro .rules-top-menu,
html.site-theme-chatmee-retro .nav {
  border: 1px solid #596286 !important;
  border-radius: 3px !important;
  background: #0e103b !important;
  background-image: none !important;
  animation: none !important;
}
html.site-theme-chatmee-retro .top-menu a,
html.site-theme-chatmee-retro .rules-top-menu a,
html.site-theme-chatmee-retro .nav a {
  border-radius: 2px !important;
  color: #f2f3ff !important;
  background: transparent !important;
}
html.site-theme-chatmee-retro .top-menu a:hover,
html.site-theme-chatmee-retro .top-menu a.active,
html.site-theme-chatmee-retro .top-menu a.primary,
html.site-theme-chatmee-retro .rules-top-menu a:hover,
html.site-theme-chatmee-retro .rules-top-menu a.active,
html.site-theme-chatmee-retro .nav a:hover,
html.site-theme-chatmee-retro .nav a.active,
html.site-theme-chatmee-retro .nav a.primary {
  border-color: #ef4353 !important;
  color: #fff !important;
  background: linear-gradient(#df1a2c,#950715) !important;
}
html.site-theme-chatmee-retro .theme-toggle,
html.site-theme-chatmee-retro .rules-theme-toggle {
  display: none !important;
}
html.site-theme-chatmee-retro body > main {
  width: min(100% - 20px,1180px) !important;
}
html.site-theme-chatmee-retro .age,
html.site-theme-chatmee-retro .eyebrow,
html.site-theme-chatmee-retro .kicker {
  border-color: #ef4353 !important;
  border-radius: 3px !important;
  color: #fff !important;
  background: linear-gradient(#df1a2c,#950715) !important;
}
html.site-theme-chatmee-retro .info,
html.site-theme-chatmee-retro .mobile-chat,
html.site-theme-chatmee-retro .seo-copy article,
html.site-theme-chatmee-retro .home-info,
html.site-theme-chatmee-retro .rules-menu-block,
html.site-theme-chatmee-retro .card,
html.site-theme-chatmee-retro .contact-card,
html.site-theme-chatmee-retro .profile-preview,
html.site-theme-chatmee-retro .guide-step,
html.site-theme-chatmee-retro .summary-bar,
html.site-theme-chatmee-retro .profile-card,
html.site-theme-chatmee-retro .empty-state,
html.site-theme-chatmee-retro .error-state,
html.site-theme-chatmee-retro main:not(.profile-page) > section {
  border-color: #565f85 !important;
  border-radius: 4px !important;
  color: #f2f3ff !important;
  background: rgba(8,8,57,.94) !important;
  box-shadow: none !important;
}
html.site-theme-chatmee-retro .intro {
  background: transparent !important;
}
html.site-theme-chatmee-retro h1,
html.site-theme-chatmee-retro h2,
html.site-theme-chatmee-retro h3,
html.site-theme-chatmee-retro strong {
  color: #fff !important;
}
html.site-theme-chatmee-retro p,
html.site-theme-chatmee-retro dd,
html.site-theme-chatmee-retro .muted {
  color: #c2c7de !important;
}
html.site-theme-chatmee-retro .hero-actions a,
html.site-theme-chatmee-retro .mobile-chat-actions a,
html.site-theme-chatmee-retro .rules-menu-grid a,
html.site-theme-chatmee-retro .profile-action,
html.site-theme-chatmee-retro .pagination span,
html.site-theme-chatmee-retro button.submit {
  border: 1px solid #ef4353 !important;
  border-radius: 3px !important;
  color: #fff !important;
  background: linear-gradient(#df1a2c,#950715) !important;
}
html.site-theme-chatmee-retro input,
html.site-theme-chatmee-retro textarea,
html.site-theme-chatmee-retro select {
  border-color: #59638a !important;
  border-radius: 3px !important;
  color: #fff !important;
  background: #030323 !important;
}
html.site-theme-chatmee-retro .profile-card {
  border-left: 4px solid #a20a1a !important;
}
html.site-theme-chatmee-retro .profile-card:hover {
  border-color: #ef4353 !important;
  background: #101044 !important;
}
html.site-theme-chatmee-retro .profile-card .avatar,
html.site-theme-chatmee-retro .preview-avatar {
  border-color: #8994bc !important;
  border-radius: 4px !important;
  background: #030323 !important;
}
html.site-theme-chatmee-retro .role-pill,
html.site-theme-chatmee-retro .profile-meta span,
html.site-theme-chatmee-retro .pill {
  border-radius: 3px !important;
  background: #15154c !important;
}
html.site-theme-chatmee-retro footer {
  color: #949bbd !important;
}
@media (max-width: 920px) {
  html.site-theme-chatmee-retro body > header,
  html.site-theme-chatmee-retro .topbar {
    align-items: center !important;
  }
  html.site-theme-chatmee-retro .top-menu,
  html.site-theme-chatmee-retro .rules-top-menu,
  html.site-theme-chatmee-retro .nav {
    width: 100% !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
}
@media (max-width: 620px) {
  html.site-theme-chatmee-retro body > header,
  html.site-theme-chatmee-retro .topbar,
  html.site-theme-chatmee-retro body > main {
    width: calc(100% - 12px) !important;
  }
}