/* src/styles.css */
:root {
  --z-index-behind: -1;
  --z-index-sticky-bar: 5;
  --z-index-app-chrome: 10;
  --z-index-overlay-panel: 1000;
  --z-index-overlay-panel-header: 1001;
  --z-index-side-navigation: 1002;
  --z-index-dev-tools: 9999;
  --z-index-dev-tools-panel: 10000;
  --z-index-game-frame: 900;
  --z-index-game-prelaunch: 10001;
  --z-index-game-prelaunch-panel: 10002;
  --z-index-modal: 10100;
}
:root {
  --layout-max-width: 1920px;
}
*,
*::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-primary-900);
  -webkit-user-select: none;
  user-select: none;
}
input:not([type=button], [type=submit], [type=reset], [type=checkbox], [type=radio], [type=file], [type=range], [type=color], [type=image], [type=hidden]),
textarea,
[contenteditable=true],
[contenteditable=""] {
  -webkit-user-select: text;
  user-select: text;
}
body {
  font-weight: var(--font-weight\2013regular);
  font-size: var(--font-size-normal);
  color: var(--color-text-primary);
  overflow-x: hidden;
}
a {
  color: var(--color-text-primary);
  text-decoration: none;
}
a:hover {
  opacity: 0.9;
  text-decoration: underline;
}
.hidden-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}
.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.scroll-locked {
  overflow: hidden;
}

/* src/app/themes/theme-1/styles/tokens.css */
html[app-theme=theme-1] {
  --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-hover: #F5CF5C;
  --color-yellow-100: #FFEAAB;
  --color-yellow-300: #FFDC74;
  --color-yellow-400: #F8DB85;
  --color-success: #03894D;
  --color-success-100: #65C2A2;
  --color-success-200: #35A171;
  --color-success-300: #0C9F6D;
  --color-danger: #D81313;
  --color-pink: #F2557A;
  --color-danger-100: #FF8389;
  --color-danger-300: #ED2C36;
  --color-warning: #D86313;
  --color-warning-100: #FFB983;
  --color-warning-300: #ED832C;
  --color-blue: #54A0DE;
  --color-badge-orange: #FD8A05;
  --color-badge-purple: #624FBB;
  --color-badge-green: #08A17B;
  --color-badge-pink: #D61860;
  --color-badge-blue: #0077B6;
  --font-family-one: "Roboto", sans-serif;
  --font-size-4xs: 0.5rem;
  --font-size-3xs: 0.625rem;
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-small: 0.8125rem;
  --font-size-medium: 0.875rem;
  --font-size-normal: 1rem;
  --font-size-large: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-huge: 4.375rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --spacing-2xs: 0.063rem;
  --spacing-xs: 0.125rem;
  --spacing-small: 0.25rem;
  --spacing-medium: 0.375rem;
  --spacing-large: 0.5rem;
  --spacing-xl: 0.75rem;
  --spacing-2xl: 1rem;
  --spacing-3xl: 1.25rem;
  --spacing-4xl: 1.5rem;
  --border-radius-2xs: 0.125rem;
  --border-radius-xs: 0.25rem;
  --border-radius-small: 0.375rem;
  --border-radius-medium: 0.5rem;
  --border-radius-large: 0.625rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.25rem;
}

/* src/app/themes/theme-1/styles/base/fonts.css */
@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");
}

/* src/app/themes/theme-1/styles/base/typography.css */
.font-size-caption {
  font-size: var(--font-size-3xs);
}
.font-size-small {
  font-size: var(--font-size-2xs);
}
.font-size-normal {
  font-size: var(--font-size-xs);
}
.font-size-large {
  font-size: var(--font-size-medium);
}
.font-size-huge {
  font-size: var(--font-size-huge);
  letter-spacing: 0.08rem;
}
h1 {
  font-size: var(--font-size-2xl);
}
h2 {
  font-size: var(--font-size-xl);
}
h3 {
  font-size: var(--font-size-large);
}
h4 {
  font-size: var(--font-size-normal);
}
h5 {
  font-size: var(--font-size-medium);
}
h6 {
  font-size: var(--font-size-small);
}

/* src/app/themes/theme-1/styles/theme-1.css */
html[app-theme=theme-1] {
  --font-primary: var(--font-family-one);
  --side-nav-width: 240px;
  --desktop-app-header-height: 100px;
  --mobile-app-header-height: 70px;
  --mobile-sports-navigation-height: 60px;
  --mobile-bottom-navigation-height: 60px;
  --color-accent-primary: var(--color-yellow);
  --color-accent-follow: var(--color-pink);
  --color-accent-primary-hover: var(--color-yellow-hover);
  --color-accent-primary-100: var(--color-yellow-100);
  --color-accent-primary-300: var(--color-yellow-300);
  --color-accent-primary-400: var(--color-yellow-400);
  --color-text-primary: var(--color-white);
  --color-text-secondary-300: var(--color-gray-300);
  --color-text-secondary-400: var(--color-gray-400);
  --color-text-secondary-500: var(--color-gray-500);
  --color-text-secondary-600: var(--color-gray-600);
  --color-text-secondary-800: var(--color-gray-800);
  --color-text-black: var(--color-black);
  --color-text-danger: var(--color-danger);
  --color-text-blue: var(--color-blue);
  --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-badge-jackpot: var(--color-badge-orange);
  --color-bg-badge-megaways: var(--color-badge-orange);
  --color-bg-badge-free-spins: var(--color-badge-purple);
  --color-bg-badge-free-rounds: var(--color-badge-purple);
  --color-bg-badge-bonus-buy: var(--color-badge-pink);
  --color-bg-badge-bonus-game: var(--color-badge-pink);
  --color-bg-badge-new: var(--color-badge-green);
  --color-bg-badge-fast-games: var(--color-badge-blue);
  --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);
  --color-icon-default-700: var(--color-gray-700);
  --color-icon-default-700: var(--color-gray-700);
  --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);
  --border-1-default-900: 1px solid var(--color-gray-900);
  --border-2-default-900: 2px solid var(--color-gray-900);
  --outline-2-accent-primary: 2px solid var(--color-accent-primary);
  --outline-2-secondary: 2px solid var(--color-text-secondary-400);
  --icon-default-size: 1.5rem;
  --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);
  --modal-light-bg: var(--color-gray-100);
  --modal-light-text: var(--color-black);
  --modal-light-text-muted: var(--color-gray-800);
  --modal-light-text-subtle: var(--color-gray-500);
  --modal-light-border: var(--color-gray-400);
  --blur-medium: blur(3px);
  --transition-bg-color: background-color 120ms ease;
  --img-footer-bg: url(/assets/theme-1/img/footer-bg-min.webp);
}

/* src/app/themes/theme-2/styles/tokens.css */
html[app-theme=theme-2] {
  --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-hover: #F5CF5C;
  --color-yellow-100: #FFEAAB;
  --color-yellow-300: #FFDC74;
  --color-yellow-400: #F8DB85;
  --color-success: #03894D;
  --color-success-100: #65C2A2;
  --color-success-200: #35A171;
  --color-success-300: #0C9F6D;
  --color-danger: #D81313;
  --color-pink: #F2557A;
  --color-danger-100: #FF8389;
  --color-danger-300: #ED2C36;
  --color-warning: #D86313;
  --color-warning-100: #FFB983;
  --color-warning-300: #ED832C;
  --color-blue: #54A0DE;
  --color-badge-orange: #FD8A05;
  --color-badge-purple: #624FBB;
  --color-badge-green: #08A17B;
  --color-badge-pink: #D61860;
  --color-badge-blue: #0077B6;
  --font-family-one: "Roboto", sans-serif;
  --font-size-4xs: 0.5rem;
  --font-size-3xs: 0.625rem;
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-small: 0.8125rem;
  --font-size-medium: 0.875rem;
  --font-size-normal: 1rem;
  --font-size-large: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-huge: 4.375rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --spacing-2xs: 0.063rem;
  --spacing-xs: 0.125rem;
  --spacing-small: 0.25rem;
  --spacing-medium: 0.375rem;
  --spacing-large: 0.5rem;
  --spacing-xl: 0.75rem;
  --spacing-2xl: 1rem;
  --spacing-3xl: 1.25rem;
  --spacing-4xl: 1.5rem;
  --border-radius-2xs: 0.125rem;
  --border-radius-xs: 0.25rem;
  --border-radius-small: 0.375rem;
  --border-radius-medium: 0.5rem;
  --border-radius-large: 0.625rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.25rem;
}

/* src/app/themes/theme-2/styles/base/fonts.css */
@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");
}

/* src/app/themes/theme-2/styles/base/typography.css */
.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;
}

/* src/app/themes/theme-2/styles/theme-2.css */
html[app-theme=theme-2] {
  --font-primary: var(--font-family-one);
  --side-nav-width: 240px;
  --desktop-app-header-height: 100px;
  --mobile-app-header-height: 70px;
  --mobile-bottom-navigation-height: 60px;
  --color-accent-primary: var(--color-yellow);
  --color-accent-follow: var(--color-pink);
  --color-accent-primary-hover: var(--color-yellow-hover);
  --color-accent-primary-100: var(--color-yellow-100);
  --color-accent-primary-300: var(--color-yellow-300);
  --color-accent-primary-400: var(--color-yellow-400);
  --color-text-primary: var(--color-white);
  --color-text-secondary-300: var(--color-gray-300);
  --color-text-secondary-400: var(--color-gray-400);
  --color-text-secondary-600: var(--color-gray-600);
  --color-text-secondary-800: var(--color-gray-800);
  --color-text-black: var(--color-black);
  --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-badge-jackpot: var(--color-badge-orange);
  --color-bg-badge-megaways: var(--color-badge-orange);
  --color-bg-badge-free-spins: var(--color-badge-purple);
  --color-bg-badge-free-rounds: var(--color-badge-purple);
  --color-bg-badge-bonus-buy: var(--color-badge-pink);
  --color-bg-badge-bonus-game: var(--color-badge-pink);
  --color-bg-badge-new: var(--color-badge-green);
  --color-bg-badge-fast-games: var(--color-badge-blue);
  --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);
  --color-icon-default-700: var(--color-gray-700);
  --color-icon-default-700: var(--color-gray-700);
  --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-2-secondary: 2px solid var(--color-text-secondary-400);
  --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);
  --modal-light-bg: var(--color-gray-100);
  --modal-light-text: var(--color-black);
  --modal-light-text-muted: var(--color-gray-800);
  --modal-light-text-subtle: var(--color-gray-500);
  --modal-light-border: var(--color-gray-400);
  --blur-medium: blur(3px);
  --img-footer-bg: url(/assets/theme-2/img/footer-bg-min.webp);
}

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