/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

* {
	outline: none;
}

html, body {
  height: 100%;
  font-family: var(--font-primary);
	background-color: var(--color-bg-dark);
}

body {
  font-weight: var(--font-weight–regular);
  font-size: var(--font-size-normal);
  color: var(--color-text-primary);
}

a {
  color: var(--color-text-primary);
  text-decoration: none;
}
a:hover {
  opacity: 0.9;
  text-decoration: underline;
}


/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-1/styles/tokens.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/**
 * PRIMITIVE TOKENS (The Palette)
 * This file represents the Design system.
 * These are the raw values. They should not be used directly	.
 */

html[app-theme="theme-1"] {
	/* ================== Colors ================== */
	--color-white: #fff;
	--color-black: #000;
	--color-gray-100: #F5F5F5;
	--color-gray-200: #E6E6E6;
	--color-gray-300: #D9D9D9;
	--color-gray-400: #B3B3B3;
	--color-gray-500: #757575;
	--color-gray-600: #444444;
	--color-gray-700: #383838;
	--color-gray-800: #2C2C2C;
	--color-gray-900: #1E1E1E;
	--color-yellow: #F3C333;
	--color-yellow-100: #FFEAAB;
	--color-yellow-300: #FFDC74;
	/* Status */
	--color-success: #03894D;
	--color-success-100: #65C2A2;
	--color-success-300: #0C9F6D;
	--color-danger: #D81313;
	--color-danger-100: #FF8389;
	--color-danger-300: #ED2C36;
	--color-warning: #D86313;
	--color-warning-100: #FFB983;
	--color-warning-300: #ED832C;

	/* ================== Typography ================== */
	/* Font families */
	--font-family-one: 'Roboto', sans-serif;
	/* Font sizes */
	--font-size-4xs: 0.5rem; /* 8px */
	--font-size-3xs: 0.625rem; /* 10px */
  --font-size-2xs: 0.6875rem; /* 11px */
  --font-size-xs: 0.75rem; /* 12px */
  --font-size-small: 0.8125rem; /* 13px */
	--font-size-medium: 0.875rem; /* 14px */
  --font-size-normal: 1rem; /* 16px */
  --font-size-large: 1.25rem; /* 20px */
  --font-size-xl: 1.5rem; /* 24px */
  --font-size-2xl: 2rem; /* 32px */
	--font-size-huge: 4.375rem; /* 70px */
	/* Font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

	/* ================== Spacing ================== */
	--spacing-2xs: 0.125rem; /* 2px */
	--spacing-xs: 0.25rem; /* 4px */
	--spacing-small: 0.375rem; /* 6px */
	--spacing-medium: 0.5rem; /* 8px */
	--spacing-large: 0.75rem; /* 12px */
	--spacing-xl: 1rem; /* 16px */
	--spacing-2xl: 1.25rem; /* 20px */
	--spacing-3xl: 1.5rem; /* 24px */

	/* ================== Borders ================== */
	--border-radius-2xs: 0.125rem; /* 2px */
	--border-radius-xs: 0.25rem; /* 4px */
	--border-radius-small: 0.375rem; /* 6px */
	--border-radius-medium: 0.5rem; /* 8px */
	--border-radius-large: 0.625rem; /* 10px */
	--border-radius-xl: 0.75rem; /* 12px */
	--border-radius-2xl: 1rem; /* 16px */
	--border-radius-3xl: 1.25rem; /* 20px */

	/* ================== Filters & Effects ================== */
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-1/styles/base/fonts.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url('/assets/theme-1/fonts/Roboto/roboto-v48-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: url('/assets/theme-1/fonts/Roboto/roboto-v48-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 600;
  font-display: swap;
  font-style: normal;
  src: url('/assets/theme-1/fonts/Roboto/roboto-v48-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url('/assets/theme-1/fonts/Roboto/roboto-v48-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 800;
  font-display: swap;
  font-style: normal;
  src: url('/assets/theme-1/fonts/Roboto/roboto-v48-latin-800.woff2') format('woff2');
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-1/styles/base/typography.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* ================== Typography ================== */

.font-size-caption {
	font-size: var(--font-size-3xs);
	line-height: 0.625rem;
}

.font-size-small {
	font-size: var(--font-size-2xs);
	line-height: 0.8125rem;
}

.font-size-normal {
	font-size: var(--font-size-xs);
	line-height: 0.875rem;
}

.font-size-large {
	font-size: var(--font-size-medium);
	line-height: 1.125rem;
}

.font-size-huge {
	font-size: var(--font-size-huge);
	line-height: 4.375rem;
	letter-spacing: 0.08rem;
}

h1 {
	font-size: var(--font-size-2xl);
	line-height: 2.25rem;
}

h2 {
	font-size: var(--font-size-xl);
	line-height: 1.75rem;
}

h3 {
	font-size: var(--font-size-large);
	line-height: 1.5rem;
}

h4 {
	font-size: var(--font-size-normal);
	line-height: 1.25rem;
}

h5 {
	font-size: var(--font-size-medium);
	line-height: 1rem;
}

h6 {
	font-size: var(--font-size-small);
	line-height: 0.9375rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-1/styles/theme-1.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Main theme stylesheet file with global styles and theme tokens (CSS variables and Design System).
 * This file is imported as a global stylesheet file along with styles.css and applies to the entire application when theme is active.
 */


/**
 * SEMANTIC TOKENS (The Contract)
 * These names stay the SAME for every client and every theme.
 * Components use THESE variables.
 */
html[app-theme="theme-1"] {
	--font-primary: var(--font-family-one);
	--side-nav-width: 240px;
	--mobile-app-header-height: 70px;

	/* ================== Colors ================== */
	/* Accent */
	--color-accent-primary: var(--color-yellow);
	--color-accent-primary-100: var(--color-yellow-100);
	--color-accent-primary-300: var(--color-yellow-300);
	/* Text colors */
	--color-text-primary: var(--color-white);
	--color-text-secondary-400: var(--color-gray-400);
	--color-text-secondary-800: var(--color-gray-800);
	--color-text-black: var(--color-black);
	/* Backgrounds */
	--color-bg-white: var(--color-white);
	--color-bg-black: var(--color-black);
	--color-bg-black-opacity-300: rgba(0, 0, 0, 0.3);
	--color-bg-primary-100: var(--color-gray-100);
	--color-bg-primary-200: var(--color-gray-200);
	--color-bg-primary-300: var(--color-gray-300);
	--color-bg-primary-500: var(--color-gray-500);
	--color-bg-primary-600: var(--color-gray-600);
	--color-bg-primary-700: var(--color-gray-700);
	--color-bg-primary-800: var(--color-gray-800);
	--color-bg-primary-900: var(--color-gray-900);
	/* Icons */
	--color-icon-default-700: var(--color-gray-700);
	--color-icon-default-700: var(--color-gray-700);
	/* Hover */
	--color-bg-primary-300: var(--color-gray-300);

	/* ================== Borders ================== */
	/* Borders */
	--border-1-accent-primary: 1px solid var(--color-accent-primary);
	--border-2-accent-primary: 2px solid var(--color-accent-primary);
	--border-1-default-300: 1px solid var(--color-gray-300);
	--border-2-default-300: 2px solid var(--color-gray-300);
	--border-1-default-600: 1px solid var(--color-gray-600);
	--border-2-default-600: 2px solid var(--color-gray-600);
	--border-1-default-700: 1px solid var(--color-gray-700);
	--border-2-default-700: 2px solid var(--color-gray-700);
	--border-1-default-800: 1px solid var(--color-gray-800);
	--border-2-default-800: 2px solid var(--color-gray-800);
	/* Outlines */
	--outline-2-accent-primary: 2px solid var(--color-accent-primary);
  --outline-2-secondary: 2px solid var(--color-text-secondary-400);

	/* ================== Icon sizes ================== */
	--icon-default-size: 1.5rem;

	/* ================ Popovers & Modals ================ */
	--popover-bg: var(--color-bg-primary-100);
	--popover-text-color: var(--color-black);
	--popover-border-color: var(--color-gray-600);
	--popover-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);

	/* ================== Filters ================== */
	--blur-medium: blur(3px);

	/* ================== Transitions ================== */
	--transition-bg-color: background-color 120ms ease;

	/* ================== Assets ================== */
	/* Images */
	--img-footer-bg: url('/assets/theme-1/img/footer-bg-min.png');
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-2/styles/tokens.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/**
 * PRIMITIVE TOKENS (The Palette)
 * This file represents the Design system.
 * These are the raw values. They should not be used directly	.
 */

html[app-theme="theme-2"] {
	/* ================== Colors ================== */
	--color-white: #fff;
	--color-black: #000;
	--color-gray-900: #1E1E1E;
	--color-gray-800: #2C2C2C;
	--color-gray-700: #383838;
	--color-gray-600: #444444;
	--color-gray-500: #757575;
	--color-gray-400: #B3B3B3;
	--color-gray-300: #D9D9D9;
	--color-gray-200: #E6E6E6;
	--color-gray-100: #F5F5F5;
	--color-yellow: #F3C333;
	--color-yellow-100: #FFEAAB;
	--color-yellow-300: #FFDC74;
	/* Status */
	--color-success: #03894D;
	--color-success-100: #65C2A2;
	--color-success-300: #0C9F6D;
	--color-danger: #D81313;
	--color-danger-100: #FF8389;
	--color-danger-300: #ED2C36;
	--color-warning: #D86313;
	--color-warning-100: #FFB983;
	--color-warning-300: #ED832C;

	/* ================== Typography ================== */
	/* Font families */
	--font-family-one: 'Roboto', sans-serif;
	/* Font sizes */
	--font-size-3xs: 0.5rem; /* 8px */
  --font-size-2xs: 0.6875rem; /* 11px */
  --font-size-xs: 0.75rem; /* 12px */
  --font-size-small: 0.8125rem; /* 13px */
	--font-size-medium: 0.875rem; /* 14px */
  --font-size-normal: 1rem; /* 16px */
  --font-size-large: 1.25rem; /* 20px */
  --font-size-xl: 1.5rem; /* 24px */
  --font-size-2xl: 2rem; /* 32px */
	--font-size-huge: 4.375rem; /* 70px */
	/* Font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  /* --font-weight-semibold: 600; */
  --font-weight-bold: 700;
  /* --font-weight-extrabold: 800; */

	/* ================== Spacing ================== */
	--spacing-2xs: 0.125rem; /* 2px */
	--spacing-xs: 0.25rem; /* 4px */
	--spacing-small: 0.375rem; /* 6px */
	--spacing-medium: 0.5rem; /* 8px */
	--spacing-large: 0.75rem; /* 12px */
	--spacing-xl: 1rem; /* 16px */
	--spacing-2xl: 1.25rem; /* 20px */
	--spacing-3xl: 1.5rem; /* 24px */

	/* ================== Borders ================== */
	--border-radius-2xs: 0.125rem; /* 2px */
	--border-radius-xs: 0.25rem; /* 4px */
	--border-radius-small: 0.375rem; /* 6px */
	--border-radius-medium: 0.5rem; /* 8px */
	--border-radius-large: 0.625rem; /* 10px */
	--border-radius-xl: 0.75rem; /* 12px */
	--border-radius-2xl: 1rem; /* 16px */
	--border-radius-3xl: 1.25rem; /* 20px */

	/* ================== Filters & Effects ================== */
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-2/styles/base/fonts.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* Roboto */
@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	font-display: swap;
	font-style: normal;
	src: url('/assets/theme-2/fonts/Roboto/roboto-v48-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 500;
	font-display: swap;
	font-style: normal;
	src: url('/assets/theme-2/fonts/Roboto/roboto-v48-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 600;
	font-display: swap;
	font-style: normal;
	src: url('/assets/theme-2/fonts/Roboto/roboto-v48-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	font-display: swap;
	font-style: normal;
	src: url('/assets/theme-2/fonts/Roboto/roboto-v48-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 800;
	font-display: swap;
	font-style: normal;
	src: url('/assets/theme-2/fonts/Roboto/roboto-v48-latin-800.woff2') format('woff2');
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-2/styles/base/typography.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* ================== Typography ================== */

.font-size-caption {
	font-size: var(--font-size-3xs);
	line-height: 0.625rem;
}

.font-size-small {
	font-size: var(--font-size-2xs);
	line-height: 0.8125rem;
}

.font-size-normal {
	font-size: var(--font-size-xs);
	line-height: 0.875rem;
}

.font-size-large {
	font-size: var(--font-size-medium);
	line-height: 1.125rem;
}

.font-size-huge {
	font-size: var(--font-size-huge);
	line-height: 4.375rem;
	letter-spacing: 0.08rem;
}

h1 {
	font-size: var(--font-size-2xl);
	line-height: 2.25rem;
}

h2 {
	font-size: var(--font-size-xl);
	line-height: 1.75rem;
}

h3 {
	font-size: var(--font-size-large);
	line-height: 1.5rem;
}

h4 {
	font-size: var(--font-size-normal);
	line-height: 1.25rem;
}

h5 {
	font-size: var(--font-size-medium);
	line-height: 1rem;
}

h6 {
	font-size: var(--font-size-small);
	line-height: 0.9375rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app/themes/theme-2/styles/theme-2.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Main theme stylesheet file with global styles and theme tokens (CSS variables and Design System).
 * This file is imported as a global stylesheet file along with styles.css and applies to the entire application when theme is active.
 */


/**
 * SEMANTIC TOKENS (The Contract)
 * These names stay the SAME for every client and every theme.
 * Components use THESE variables.
 */
html[app-theme="theme-2"] {
	--font-primary: var(--font-family-one);
	--side-nav-width: 240px;
	--mobile-app-header-height: 70px;

	/* ================== Colors ================== */
	/* Accent */
	--color-accent-primary: var(--color-yellow);
	--color-accent-primary-100: var(--color-yellow-100);
	--color-accent-primary-300: var(--color-yellow-300);
	/* Text colors */
	--color-text-primary: var(--color-white);
	--color-text-secondary-400: var(--color-gray-400);
	--color-text-secondary-800: var(--color-gray-800);
	--color-text-black: var(--color-black);
	--color-text-secondary-800: var(--color-gray-800);
	/* Backgrounds */
	--color-bg-primary-100: var(--color-gray-100);
  --color-bg-primary-600: var(--color-gray-600);
	--color-bg-primary-700: var(--color-gray-700);
  --color-bg-primary-800: var(--color-gray-800);
	--color-bg-primary-900: var(--color-gray-900);
	--color-bg-black: var(--color-black);
  --color-bg-white: var(--color-white);
	--color-bg-primary-300: var(--color-gray-300);
	--color-bg-black-opacity-300: rgba(0, 0, 0, 0.3);

	/* ================== Borders ================== */
	/* Borders */
  --border-1-default-600: 1px solid var(--color-gray-600);
  --border-1-default-300: 1px solid var(--color-gray-300);
	--border-1-accent-primary: 1px solid var(--color-accent-primary);
	--border-1-default-700: 1px solid var(--color-gray-700);
	--border-1-default-800: 1px solid var(--color-text-secondary-800);
  --border-2-default-600: 2px solid var(--color-gray-600);
	--border-2-default-300: 2px solid var(--color-gray-300);
  --border-2-accent-primary: 2px solid var(--color-accent-primary);
  --border-2-default-700: 2px solid var(--color-gray-700);
  --border-2-default-800: 2px solid var(--color-text-secondary-800);
  --outline-2-accent-primary: 2px solid var(--color-accent-primary);
  --outline-secondary: 2px solid var(--color-text-secondary-400);

	/* ================== Popovers & Modals ================== */
	--popover-bg: var(--color-bg-primary-100);
	--popover-text-color: var(--color-black);
	--popover-border-color: var(--color-gray-600);
	--popover-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);

	/* ================== Filters & Effects ================== */
	--blur-medium: blur(3px);

	/* ================== Assets ================== */
	/* Images */
	--img-footer-bg: url('/assets/theme-2/img/footer-bg-min.png');
}


/*# sourceMappingURL=styles.cee8e7a0027ffe3d.css.map*/