@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../media/figma-night-raid/fonts/inter-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("../media/figma-night-raid/fonts/roboto-condensed-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("../media/figma-night-raid/fonts/roboto-condensed-bold-italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("../media/figma-night-raid/fonts/roboto-condensed-black-italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-extrabold-italic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../media/figma-night-raid/fonts/inter-display-black-italic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --page: #191c29;
  --bar: #12131a;
  --sidebar: #202533;
  --surface: #202533;
  --surface-2: #252b3b;
  --line: rgba(69, 79, 107, 0.35);
  --muted: #8c95ae;
  --soft: #bbc6e6;
  --blue: #3680be;
  --green: #87b536;
  --orange: #e59204;
  --danger: #ff543a;
  --layout-header-h: 72px;
  --layout-sidebar-collapsed: 80px;
  --layout-sidebar-expanded: 248px;
  --layout-chat-w: 344px;
  --page-max: 1140px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
}