@charset "UTF-8";

/* src/styles/theme.scss */
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-Light.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-LightItalic.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-Regular.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-Italic.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-Bold.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-BoldItalic.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-Black.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "OnAir";
  src: url(/fonts/ot_cff/OnAir-BlackItalic.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "OnAir-Outline1";
  src: url(/fonts/ot_cff/OnAir-OutlineOne.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-OutlineOne.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "OnAir-Outline2";
  src: url(/fonts/ot_cff/OnAir-OutlineTwo.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-OutlineTwo.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "OnAir-Outline3";
  src: url(/fonts/ot_cff/OnAir-OutlineThree.otf) format("opentype"), url(/fonts/ot_ttf/OnAir-OutlineThree.ttf) format("truetype");
  font-weight: 400;
}
:root {
  --beyond-blue: #0050FF;
  --dark-blue: #00008C;
  --light-blue: #82DCFA;
  --white: #FFFFFF;
  --orange: #FFA55A;
  --lila: #A078FF;
  --gruen: #00DC7D;
  --rot: #F65D7C;
  --schwarz: #00001E;
  --gray-80: #3C3C46;
  --gray-60: #73737D;
  --gray-40: #B4B4BE;
  --gray-20: #F3F3F5;
  --color-primary: var(--beyond-blue);
  --color-primary-dark: var(--dark-blue);
  --color-primary-light: var(--light-blue);
  --color-bg: var(--gray-20);
  --color-surface: var(--white);
  --color-border: var(--gray-40);
  --color-text: var(--schwarz);
  --color-text-muted: var(--gray-60);
  --blue-50: #e6edff;
  --blue-100: #b3c9ff;
  --blue-500: var(--beyond-blue);
  --blue-600: #0044d9;
  --blue-700: var(--dark-blue);
  --neutral-0: var(--white);
  --neutral-50: var(--gray-20);
  --neutral-100: #e8e8ec;
  --neutral-200: var(--gray-40);
  --neutral-300: #9898a2;
  --neutral-400: var(--gray-60);
  --neutral-500: #57575f;
  --neutral-700: var(--gray-80);
  --neutral-900: var(--schwarz);
  --color-success: var(--gruen);
  --color-warning: var(--orange);
  --color-error: var(--rot);
  --color-info: var(--light-blue);
  --header-height: 64px;
  --sidebar-width: 220px;
  --sidebar-collapsed: 72px;
  --font-body: "OnAir", sans-serif;
  --font-display: "OnAir", sans-serif;
  --font: "OnAir", sans-serif;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --shadow-sm: 0 1px 2px rgba(0,0,30,0.06);
  --shadow-md: 0 4px 8px rgba(0,0,30,0.08), 0 1px 3px rgba(0,0,30,0.06);
  --shadow-lg: 0 12px 32px rgba(0,0,30,0.12);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: var(--font);
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

/* src/styles.scss */
html,
body {
  height: 100%;
  margin: 0;
}
body.login-page {
  overflow: hidden;
}

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