@charset "UTF-8";

/* src/styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
}
*::-webkit-scrollbar {
  width: 2px;
}
*::-webkit-scrollbar-track {
  background: var(--pallete-color-1);
}
*::-webkit-scrollbar-thumb {
  background-color: var(--pallete-color-border);
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--pallete-color-accent);
}
@media (max-width: 1024px) {
  :root:not(.popout) {
    font-size: 12px;
  }
}
:root {
  --pallete-color-1: #121212;
  --pallete-color-2: #E0E0E0;
  --pallete-color-3: #B0B0B0;
  --pallete-color-border: #444444;
  --pallete-color-border-sec: rgba(68, 68, 68, 0.5);
  --pallete-color-5: #888888;
  --pallete-color-under_player: #0f0f0f;
  --pallete-color-live-bg: #eb0400;
  --pallete-color-accent: #2e3a37;
  --pallete-color-accent-1: #43f48c;
  --pallete-color-accent-bad: #ff8280;
  --pallete-color-accent-attention: #ffee80;
  --pallete-color-chat-bg: #151515;
  --pallete-color-chat-mobile-bg: rgba(21, 21, 21, 0.27);
  --pallete-color-dropdown-bg: rgba(0,0,0,0.8);
  --pallete-color-btn-bg-primary: #39393945;
  --pallete-color-btn-bg-primary-hover: rgba(57, 57, 57, 0.74);
  --pallete-color-modal-bg: #000000;
  --pallete-color-modal-black-transparent: rgba(0,0,0,0.4);
  --pallete-color-modal-hover-shadow: 0px 0px 50px 6px rgba(255, 255, 255, 0.2);
  --pallete-color-stream-online: #ff8280;
}
body {
  background: var(--pallete-color-1);
  font-size: 16px;
}
.hidden {
  position: absolute;
  top: 9999px;
  left: 9999px;
}
.chat-messages__message .mention {
  font-family: system-ui !important;
  font-weight: 600;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */