/* apps/cms/src/styles.scss */
.alx-badge-host {
  position: relative;
  display: inline-flex;
}
.alx-badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  font-family: var(--alx-font-family-sans);
  line-height: 1;
  color: var(--alx-color-on-error);
  background: var(--alx-color-error);
  border-radius: 0.625rem;
  z-index: 1;
  pointer-events: none;
  transform: translate(50%, -50%);
}
.alx-badge--top-right {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.alx-badge--top-left {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.alx-badge--bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
.alx-badge--bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.alx-badge--error {
  background: var(--alx-color-error);
  color: var(--alx-color-on-error);
}
.alx-badge--primary {
  background: var(--alx-color-primary);
  color: var(--alx-color-on-primary);
}
.alx-badge--secondary {
  background: var(--alx-color-secondary);
  color: var(--alx-color-on-secondary);
}
.alx-badge--success {
  background: var(--alx-color-success, #22c55e);
  color: var(--alx-color-on-success, #fff);
}
.alx-badge--warning {
  background: var(--alx-color-warning, #f59e0b);
  color: var(--alx-color-on-warning, #000);
}
.alx-badge--sm {
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.25rem;
  font-size: 0.625rem;
  border-radius: 0.5rem;
}
.alx-badge--lg {
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.75rem;
}
.alx-badge--dot {
  min-width: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  padding: 0;
  border-radius: 50%;
}
.alx-badge--overlap.alx-badge--top-right {
  transform: translate(25%, -25%);
}
.alx-badge--overlap.alx-badge--top-left {
  transform: translate(-25%, -25%);
}
.alx-badge--overlap.alx-badge--bottom-right {
  transform: translate(25%, 25%);
}
.alx-badge--overlap.alx-badge--bottom-left {
  transform: translate(-25%, 25%);
}
.alx-badge--hidden {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
app-root {
  height: 100%;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url(/assets/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf) format("truetype-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/assets/fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/assets/fonts/Poppins/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(/assets/fonts/Poppins/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Material Symbols Outlined";
  src: url(/assets/fonts/matFont.woff2) format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
}
:root {
  --alx-color-primary: rgb(181.6, 116, 5.6);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(249.4, 233, 205.4);
  --alx-color-on-primary-container: rgb(45.4, 29, 1.4);
  --alx-color-secondary: rgb(72.8, 147.2, 64.8);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(222.2, 240.8, 220.2);
  --alx-color-on-secondary-container: rgb(18.2, 36.8, 16.2);
  --alx-color-tertiary: rgb(14.4, 132, 128);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(207.6, 237, 236);
  --alx-color-on-tertiary-container: rgb(3.6, 33, 32);
  --alx-color-error: rgb(148.8, 20.8, 20.8);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-on-error-container: rgb(37.2, 5.2, 5.2);
  --alx-color-warning: rgb(181.6, 116, 5.6);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(72.8, 147.2, 64.8);
  --alx-color-on-success: #ffffff;
  --alx-color-background: rgb(252.16, 252.26, 252.44);
  --alx-color-on-background: rgb(22.6, 23.6, 25.4);
  --alx-color-surface: rgb(252.16, 252.26, 252.44);
  --alx-color-on-surface: rgb(22.6, 23.6, 25.4);
  --alx-color-surface-variant: rgb(228.88, 228.14, 227);
  --alx-color-on-surface-variant: rgb(74.64, 72.42, 69);
  --alx-color-surface-tint: rgb(181.6, 116, 5.6);
  --alx-color-outline: rgb(124.4, 120.7, 115);
  --alx-color-outline-variant: rgb(202.76, 201.28, 199);
  --alx-color-surface-dim: rgb(218.08, 219.38, 221.72);
  --alx-color-surface-bright: rgb(249.32, 249.52, 249.88);
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(243.64, 244.04, 244.76);
  --alx-color-surface-container: rgb(237.96, 238.56, 239.64);
  --alx-color-surface-container-high: rgb(232.28, 233.08, 234.52);
  --alx-color-surface-container-highest: rgb(226.6, 227.6, 229.4);
  --alx-color-inverse-surface: rgb(45.2, 47.2, 50.8);
  --alx-color-inverse-on-surface: rgb(240.8, 241.3, 242.2);
  --alx-color-inverse-primary: rgb(243.8, 211, 155.8);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #E39107;
  --alx-palette-secondary: #5BB851;
  --alx-palette-tertiary: #12A5A0;
  --alx-palette-neutral: #71767F;
  --alx-palette-error: #BA1A1A;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --alx-color-primary: rgb(243.8, 211, 155.8);
    --alx-color-on-primary: rgb(90.8, 58, 2.8);
    --alx-color-primary-container: rgb(136.2, 87, 4.2);
    --alx-color-on-primary-container: rgb(249.4, 233, 205.4);
    --alx-color-secondary: rgb(189.4, 226.6, 185.4);
    --alx-color-on-secondary: rgb(36.4, 73.6, 32.4);
    --alx-color-secondary-container: rgb(54.6, 110.4, 48.6);
    --alx-color-on-secondary-container: rgb(222.2, 240.8, 220.2);
    --alx-color-tertiary: rgb(160.2, 219, 217);
    --alx-color-on-tertiary: rgb(7.2, 66, 64);
    --alx-color-tertiary-container: rgb(10.8, 99, 96);
    --alx-color-on-tertiary-container: rgb(207.6, 237, 236);
    --alx-color-error: rgb(227.4, 163.4, 163.4);
    --alx-color-on-error: rgb(74.4, 10.4, 10.4);
    --alx-color-error-container: rgb(111.6, 15.6, 15.6);
    --alx-color-on-error-container: rgb(241.2, 209.2, 209.2);
    --alx-color-warning: rgb(243.8, 211, 155.8);
    --alx-color-on-warning: rgb(90.8, 58, 2.8);
    --alx-color-success: rgb(189.4, 226.6, 185.4);
    --alx-color-on-success: rgb(36.4, 73.6, 32.4);
    --alx-color-background: rgb(22.6, 23.6, 25.4);
    --alx-color-on-background: rgb(226.6, 227.6, 229.4);
    --alx-color-surface: rgb(22.6, 23.6, 25.4);
    --alx-color-on-surface: rgb(226.6, 227.6, 229.4);
    --alx-color-surface-variant: rgb(74.64, 72.42, 69);
    --alx-color-on-surface-variant: rgb(202.76, 201.28, 199);
    --alx-color-surface-tint: rgb(243.8, 211, 155.8);
    --alx-color-outline: rgb(150.52, 147.56, 143);
    --alx-color-outline-variant: rgb(74.64, 72.42, 69);
    --alx-color-surface-dim: rgb(13.56, 14.16, 15.24);
    --alx-color-surface-bright: rgb(54.24, 56.64, 60.96);
    --alx-color-surface-container-lowest: rgb(9.04, 9.44, 10.16);
    --alx-color-surface-container-low: rgb(22.6, 23.6, 25.4);
    --alx-color-surface-container: rgb(27.12, 28.32, 30.48);
    --alx-color-surface-container-high: rgb(38.42, 40.12, 43.18);
    --alx-color-surface-container-highest: rgb(49.72, 51.92, 55.88);
    --alx-color-inverse-surface: rgb(226.6, 227.6, 229.4);
    --alx-color-inverse-on-surface: rgb(45.2, 47.2, 50.8);
    --alx-color-inverse-primary: rgb(181.6, 116, 5.6);
    --alx-color-shadow: #000000;
    --alx-color-scrim: #000000;
    --alx-palette-primary: #E39107;
    --alx-palette-secondary: #5BB851;
    --alx-palette-tertiary: #12A5A0;
    --alx-palette-neutral: #71767F;
    --alx-palette-error: #BA1A1A;
    color-scheme: dark;
  }
}
@media (prefers-contrast: more) {
  :root {
    --alx-color-primary: rgb(90.8, 58, 2.8);
    --alx-color-on-primary: #ffffff;
    --alx-color-primary-container: rgb(252.2, 244, 230.2);
    --alx-color-on-primary-container: #000000;
    --alx-color-secondary: rgb(36.4, 73.6, 32.4);
    --alx-color-on-secondary: #ffffff;
    --alx-color-secondary-container: rgb(238.6, 247.9, 237.6);
    --alx-color-on-secondary-container: #000000;
    --alx-color-tertiary: rgb(7.2, 66, 64);
    --alx-color-on-tertiary: #ffffff;
    --alx-color-tertiary-container: rgb(231.3, 246, 245.5);
    --alx-color-on-tertiary-container: #000000;
    --alx-color-error: rgb(74.4, 10.4, 10.4);
    --alx-color-on-error: #ffffff;
    --alx-color-error-container: rgb(248.1, 232.1, 232.1);
    --alx-color-on-error-container: #000000;
    --alx-color-warning: rgb(90.8, 58, 2.8);
    --alx-color-on-warning: #ffffff;
    --alx-color-success: rgb(36.4, 73.6, 32.4);
    --alx-color-on-success: #ffffff;
    --alx-color-background: #ffffff;
    --alx-color-on-background: #000000;
    --alx-color-surface: #ffffff;
    --alx-color-on-surface: #000000;
    --alx-color-surface-variant: rgb(241.94, 241.57, 241);
    --alx-color-on-surface-variant: rgb(24.88, 24.14, 23);
    --alx-color-surface-tint: rgb(90.8, 58, 2.8);
    --alx-color-outline: rgb(74.64, 72.42, 69);
    --alx-color-outline-variant: rgb(150.52, 147.56, 143);
    --alx-color-surface-dim: rgb(226.6, 227.6, 229.4);
    --alx-color-surface-bright: #ffffff;
    --alx-color-surface-container-lowest: #ffffff;
    --alx-color-surface-container-low: rgb(249.32, 249.52, 249.88);
    --alx-color-surface-container: rgb(243.64, 244.04, 244.76);
    --alx-color-surface-container-high: rgb(237.96, 238.56, 239.64);
    --alx-color-surface-container-highest: rgb(232.28, 233.08, 234.52);
    --alx-color-inverse-surface: rgb(22.6, 23.6, 25.4);
    --alx-color-inverse-on-surface: #ffffff;
    --alx-color-inverse-primary: rgb(249.4, 233, 205.4);
    --alx-color-shadow: #000000;
    --alx-color-scrim: #000000;
    color-scheme: light;
  }
}
:root {
  --alx-spacing-none: 0;
  --alx-spacing-xs: 0.25rem;
  --alx-spacing-s: 0.5rem;
  --alx-spacing-m: 1rem;
  --alx-spacing-l: 1.5rem;
  --alx-spacing-xl: 2rem;
  --alx-spacing-xxl: 2.5rem;
  --alx-spacing-xxxl: 4rem;
  --alx-spacing-xxxxl: 6rem;
  --alx-radius-none: 0;
  --alx-radius-xs: 0.125rem;
  --alx-radius-s: 0.25rem;
  --alx-radius-m: 0.5rem;
  --alx-radius-l: 0.75rem;
  --alx-radius-xl: 1rem;
  --alx-radius-xxl: 1.5rem;
  --alx-radius-full: 9999px;
  --alx-global-border-radius: 0.25rem;
  --alx-border-width-none: 0;
  --alx-border-width-thin: 1px;
  --alx-border-width-medium: 2px;
  --alx-border-width-thick: 4px;
  --alx-global-border-width: 1px;
  --alx-transition-duration: 200ms;
  --alx-transition-timing: ease-in-out;
  --alx-font-display: Poppins, sans-serif;
  --alx-font-heading: Space Grotesk, sans-serif;
  --alx-font-body: Inter, sans-serif;
  --alx-font-subtitle: Poppins, sans-serif;
  --alx-font-mono:
    JetBrains Mono,
    Fira Code,
    monospace;
  --alx-font-icon: Material Symbols Outlined;
  --alx-font-size-xxs: 0.625rem;
  --alx-font-size-xs: 0.75rem;
  --alx-font-size-sm: 0.875rem;
  --alx-font-size-base: 1rem;
  --alx-font-size-md: 1.125rem;
  --alx-font-size-lg: 1.25rem;
  --alx-font-size-xl: 1.5rem;
  --alx-font-size-xxl: 2rem;
  --alx-font-size-xxxl: 2.5rem;
  --alx-font-size-display: 3.5rem;
  --alx-font-weight-thin: 100;
  --alx-font-weight-extralight: 200;
  --alx-font-weight-light: 300;
  --alx-font-weight-regular: 400;
  --alx-font-weight-medium: 500;
  --alx-font-weight-semibold: 600;
  --alx-font-weight-bold: 700;
  --alx-font-weight-extrabold: 800;
  --alx-font-weight-black: 900;
  --alx-line-height-none: 1;
  --alx-line-height-tight: 1.25;
  --alx-line-height-snug: 1.375;
  --alx-line-height-normal: 1.5;
  --alx-line-height-relaxed: 1.625;
  --alx-line-height-loose: 2;
  --alx-elevation-shadow-0: none;
  --alx-elevation-shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08);
  --alx-elevation-shadow-2: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.08);
  --alx-elevation-shadow-3: 0px 4px 8px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.08);
  --alx-elevation-shadow-4: 0px 6px 12px rgba(0, 0, 0, 0.14), 0px 3px 6px rgba(0, 0, 0, 0.1);
  --alx-elevation-shadow-5: 0px 8px 16px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
  --alx-elevation-tint-0: 0%;
  --alx-elevation-tint-1: 1%;
  --alx-elevation-tint-2: 2%;
  --alx-elevation-tint-3: 3%;
  --alx-elevation-tint-4: 4%;
  --alx-elevation-tint-5: 5%;
}
:root .alx-tooltip {
  --_bg: var(--alx-tooltip-background, color-mix(in srgb, var(--alx-color-surface-tint) 20%, var(--alx-color-surface)));
  --_fg: var(--alx-tooltip-color, var(--alx-color-on-surface));
  --_padding: var(--alx-tooltip-padding, 0.5rem 0.75rem);
  --_font-size: var(--alx-tooltip-font-size, 0.75rem);
  --_border-radius: var(--alx-tooltip-border-radius, 0.25rem);
  --_max-width: var(--alx-tooltip-max-width, 280px);
  --_arrow-size: 6px;
  position: fixed;
  z-index: 10000;
  padding: var(--_padding);
  background: var(--_bg);
  color: var(--_fg);
  font-size: var(--_font-size);
  line-height: 1.4;
  border-radius: var(--_border-radius);
  max-width: var(--_max-width);
  pointer-events: none;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.15s ease, transform 0.15s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.08);
}
:root .alx-tooltip--visible {
  opacity: 1;
  transform: scale(1);
}
:root .alx-tooltip::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: var(--_arrow-size) solid transparent;
}
:root .alx-tooltip--top::before {
  bottom: calc(var(--_arrow-size) * -2);
  left: 50%;
  transform: translateX(-50%);
  border-top-color: var(--_bg);
  border-bottom: none;
}
:root .alx-tooltip--bottom::before {
  top: calc(var(--_arrow-size) * -2);
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: var(--_bg);
  border-top: none;
}
:root .alx-tooltip--left::before {
  right: calc(var(--_arrow-size) * -2);
  top: 50%;
  transform: translateY(-50%);
  border-left-color: var(--_bg);
  border-right: none;
}
:root .alx-tooltip--right::before {
  left: calc(var(--_arrow-size) * -2);
  top: 50%;
  transform: translateY(-50%);
  border-right-color: var(--_bg);
  border-left: none;
}
@media (prefers-reduced-motion: reduce) {
  :root .alx-tooltip {
    transition: opacity 0.1s ease;
    transform: none;
  }
  :root .alx-tooltip--visible {
    transform: none;
  }
}
body {
  font-family: var(--alx-font-body);
  font-size: var(--alx-font-size-base);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
select,
textarea,
optgroup {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.alx-theme-light {
  --alx-color-primary: rgb(181.6, 116, 5.6);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(249.4, 233, 205.4);
  --alx-color-on-primary-container: rgb(45.4, 29, 1.4);
  --alx-color-secondary: rgb(72.8, 147.2, 64.8);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(222.2, 240.8, 220.2);
  --alx-color-on-secondary-container: rgb(18.2, 36.8, 16.2);
  --alx-color-tertiary: rgb(14.4, 132, 128);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(207.6, 237, 236);
  --alx-color-on-tertiary-container: rgb(3.6, 33, 32);
  --alx-color-error: rgb(148.8, 20.8, 20.8);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-on-error-container: rgb(37.2, 5.2, 5.2);
  --alx-color-warning: rgb(181.6, 116, 5.6);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(72.8, 147.2, 64.8);
  --alx-color-on-success: #ffffff;
  --alx-color-background: rgb(252.16, 252.26, 252.44);
  --alx-color-on-background: rgb(22.6, 23.6, 25.4);
  --alx-color-surface: rgb(252.16, 252.26, 252.44);
  --alx-color-on-surface: rgb(22.6, 23.6, 25.4);
  --alx-color-surface-variant: rgb(228.88, 228.14, 227);
  --alx-color-on-surface-variant: rgb(74.64, 72.42, 69);
  --alx-color-surface-tint: rgb(181.6, 116, 5.6);
  --alx-color-outline: rgb(124.4, 120.7, 115);
  --alx-color-outline-variant: rgb(202.76, 201.28, 199);
  --alx-color-surface-dim: rgb(218.08, 219.38, 221.72);
  --alx-color-surface-bright: rgb(249.32, 249.52, 249.88);
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(243.64, 244.04, 244.76);
  --alx-color-surface-container: rgb(237.96, 238.56, 239.64);
  --alx-color-surface-container-high: rgb(232.28, 233.08, 234.52);
  --alx-color-surface-container-highest: rgb(226.6, 227.6, 229.4);
  --alx-color-inverse-surface: rgb(45.2, 47.2, 50.8);
  --alx-color-inverse-on-surface: rgb(240.8, 241.3, 242.2);
  --alx-color-inverse-primary: rgb(243.8, 211, 155.8);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #E39107;
  --alx-palette-secondary: #5BB851;
  --alx-palette-tertiary: #12A5A0;
  --alx-palette-neutral: #71767F;
  --alx-palette-error: #BA1A1A;
  color-scheme: light;
}
.alx-theme-dark {
  --alx-color-primary: rgb(243.8, 211, 155.8);
  --alx-color-on-primary: rgb(90.8, 58, 2.8);
  --alx-color-primary-container: rgb(136.2, 87, 4.2);
  --alx-color-on-primary-container: rgb(249.4, 233, 205.4);
  --alx-color-secondary: rgb(189.4, 226.6, 185.4);
  --alx-color-on-secondary: rgb(36.4, 73.6, 32.4);
  --alx-color-secondary-container: rgb(54.6, 110.4, 48.6);
  --alx-color-on-secondary-container: rgb(222.2, 240.8, 220.2);
  --alx-color-tertiary: rgb(160.2, 219, 217);
  --alx-color-on-tertiary: rgb(7.2, 66, 64);
  --alx-color-tertiary-container: rgb(10.8, 99, 96);
  --alx-color-on-tertiary-container: rgb(207.6, 237, 236);
  --alx-color-error: rgb(227.4, 163.4, 163.4);
  --alx-color-on-error: rgb(74.4, 10.4, 10.4);
  --alx-color-error-container: rgb(111.6, 15.6, 15.6);
  --alx-color-on-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-warning: rgb(243.8, 211, 155.8);
  --alx-color-on-warning: rgb(90.8, 58, 2.8);
  --alx-color-success: rgb(189.4, 226.6, 185.4);
  --alx-color-on-success: rgb(36.4, 73.6, 32.4);
  --alx-color-background: rgb(22.6, 23.6, 25.4);
  --alx-color-on-background: rgb(226.6, 227.6, 229.4);
  --alx-color-surface: rgb(22.6, 23.6, 25.4);
  --alx-color-on-surface: rgb(226.6, 227.6, 229.4);
  --alx-color-surface-variant: rgb(74.64, 72.42, 69);
  --alx-color-on-surface-variant: rgb(202.76, 201.28, 199);
  --alx-color-surface-tint: rgb(243.8, 211, 155.8);
  --alx-color-outline: rgb(150.52, 147.56, 143);
  --alx-color-outline-variant: rgb(74.64, 72.42, 69);
  --alx-color-surface-dim: rgb(13.56, 14.16, 15.24);
  --alx-color-surface-bright: rgb(54.24, 56.64, 60.96);
  --alx-color-surface-container-lowest: rgb(9.04, 9.44, 10.16);
  --alx-color-surface-container-low: rgb(22.6, 23.6, 25.4);
  --alx-color-surface-container: rgb(27.12, 28.32, 30.48);
  --alx-color-surface-container-high: rgb(38.42, 40.12, 43.18);
  --alx-color-surface-container-highest: rgb(49.72, 51.92, 55.88);
  --alx-color-inverse-surface: rgb(226.6, 227.6, 229.4);
  --alx-color-inverse-on-surface: rgb(45.2, 47.2, 50.8);
  --alx-color-inverse-primary: rgb(181.6, 116, 5.6);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #E39107;
  --alx-palette-secondary: #5BB851;
  --alx-palette-tertiary: #12A5A0;
  --alx-palette-neutral: #71767F;
  --alx-palette-error: #BA1A1A;
  color-scheme: dark;
}
.alx-theme-high-contrast {
  --alx-color-primary: rgb(90.8, 58, 2.8);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(252.2, 244, 230.2);
  --alx-color-on-primary-container: #000000;
  --alx-color-secondary: rgb(36.4, 73.6, 32.4);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(238.6, 247.9, 237.6);
  --alx-color-on-secondary-container: #000000;
  --alx-color-tertiary: rgb(7.2, 66, 64);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(231.3, 246, 245.5);
  --alx-color-on-tertiary-container: #000000;
  --alx-color-error: rgb(74.4, 10.4, 10.4);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(248.1, 232.1, 232.1);
  --alx-color-on-error-container: #000000;
  --alx-color-warning: rgb(90.8, 58, 2.8);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(36.4, 73.6, 32.4);
  --alx-color-on-success: #ffffff;
  --alx-color-background: #ffffff;
  --alx-color-on-background: #000000;
  --alx-color-surface: #ffffff;
  --alx-color-on-surface: #000000;
  --alx-color-surface-variant: rgb(241.94, 241.57, 241);
  --alx-color-on-surface-variant: rgb(24.88, 24.14, 23);
  --alx-color-surface-tint: rgb(90.8, 58, 2.8);
  --alx-color-outline: rgb(74.64, 72.42, 69);
  --alx-color-outline-variant: rgb(150.52, 147.56, 143);
  --alx-color-surface-dim: rgb(226.6, 227.6, 229.4);
  --alx-color-surface-bright: #ffffff;
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(249.32, 249.52, 249.88);
  --alx-color-surface-container: rgb(243.64, 244.04, 244.76);
  --alx-color-surface-container-high: rgb(237.96, 238.56, 239.64);
  --alx-color-surface-container-highest: rgb(232.28, 233.08, 234.52);
  --alx-color-inverse-surface: rgb(22.6, 23.6, 25.4);
  --alx-color-inverse-on-surface: #ffffff;
  --alx-color-inverse-primary: rgb(249.4, 233, 205.4);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  color-scheme: light;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--alx-color-outline-variant) var(--alx-color-surface-container-low, transparent);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--alx-color-outline-variant);
  border-radius: var(--alx-radius-full, 999px);
  border: 2px solid transparent;
  background-clip: content-box;
  transition: background-color 150ms ease;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--alx-color-outline);
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:active {
  background: var(--alx-color-primary);
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.alx-scrollbar-none {
  scrollbar-width: none;
}
.alx-scrollbar-none::-webkit-scrollbar {
  display: none;
}
.alx-theme-ocean {
  --alx-color-primary: rgb(16.8, 80.8, 153.6);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(208.2, 224.2, 242.4);
  --alx-color-on-primary-container: rgb(4.2, 20.2, 38.4);
  --alx-color-secondary: rgb(0, 120.8, 133.6);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(204, 234.2, 237.4);
  --alx-color-on-secondary-container: rgb(0, 30.2, 33.4);
  --alx-color-tertiary: rgb(0, 104.8, 114.4);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(204, 230.2, 232.6);
  --alx-color-on-tertiary-container: rgb(0, 26.2, 28.6);
  --alx-color-error: rgb(148.8, 20.8, 20.8);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-on-error-container: rgb(37.2, 5.2, 5.2);
  --alx-color-warning: rgb(16.8, 80.8, 153.6);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(0, 120.8, 133.6);
  --alx-color-on-success: #ffffff;
  --alx-color-background: rgb(250.82, 251.8, 252.34);
  --alx-color-on-background: rgb(9.2, 19, 24.4);
  --alx-color-surface: rgb(250.82, 251.8, 252.34);
  --alx-color-on-surface: rgb(9.2, 19, 24.4);
  --alx-color-surface-variant: rgb(212.7, 223.12, 229.8);
  --alx-color-on-surface-variant: rgb(26.1, 57.36, 77.4);
  --alx-color-surface-tint: rgb(16.8, 80.8, 153.6);
  --alx-color-outline: rgb(43.5, 95.6, 129);
  --alx-color-outline-variant: rgb(170.4, 191.24, 204.6);
  --alx-color-surface-dim: rgb(200.66, 213.4, 220.42);
  --alx-color-surface-bright: rgb(246.64, 248.6, 249.68);
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(238.28, 242.2, 244.36);
  --alx-color-surface-container: rgb(229.92, 235.8, 239.04);
  --alx-color-surface-container-high: rgb(221.56, 229.4, 233.72);
  --alx-color-surface-container-highest: rgb(213.2, 223, 228.4);
  --alx-color-inverse-surface: rgb(18.4, 38, 48.8);
  --alx-color-inverse-on-surface: rgb(234.1, 239, 241.7);
  --alx-color-inverse-primary: rgb(161.4, 193.4, 229.8);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #1565C0;
  --alx-palette-secondary: #0097A7;
  --alx-palette-tertiary: #00838F;
  --alx-palette-neutral: #2E5F7A;
  --alx-palette-error: #BA1A1A;
  color-scheme: light;
}
.alx-theme-ocean-dark {
  --alx-color-primary: rgb(161.4, 193.4, 229.8);
  --alx-color-on-primary: rgb(8.4, 40.4, 76.8);
  --alx-color-primary-container: rgb(12.6, 60.6, 115.2);
  --alx-color-on-primary-container: rgb(208.2, 224.2, 242.4);
  --alx-color-secondary: rgb(153, 213.4, 219.8);
  --alx-color-on-secondary: rgb(0, 60.4, 66.8);
  --alx-color-secondary-container: rgb(0, 90.6, 100.2);
  --alx-color-on-secondary-container: rgb(204, 234.2, 237.4);
  --alx-color-tertiary: rgb(153, 205.4, 210.2);
  --alx-color-on-tertiary: rgb(0, 52.4, 57.2);
  --alx-color-tertiary-container: rgb(0, 78.6, 85.8);
  --alx-color-on-tertiary-container: rgb(204, 230.2, 232.6);
  --alx-color-error: rgb(227.4, 163.4, 163.4);
  --alx-color-on-error: rgb(74.4, 10.4, 10.4);
  --alx-color-error-container: rgb(111.6, 15.6, 15.6);
  --alx-color-on-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-warning: rgb(161.4, 193.4, 229.8);
  --alx-color-on-warning: rgb(8.4, 40.4, 76.8);
  --alx-color-success: rgb(153, 213.4, 219.8);
  --alx-color-on-success: rgb(0, 60.4, 66.8);
  --alx-color-background: rgb(9.2, 19, 24.4);
  --alx-color-on-background: rgb(213.2, 223, 228.4);
  --alx-color-surface: rgb(9.2, 19, 24.4);
  --alx-color-on-surface: rgb(213.2, 223, 228.4);
  --alx-color-surface-variant: rgb(26.1, 57.36, 77.4);
  --alx-color-on-surface-variant: rgb(170.4, 191.24, 204.6);
  --alx-color-surface-tint: rgb(161.4, 193.4, 229.8);
  --alx-color-outline: rgb(85.8, 127.48, 154.2);
  --alx-color-outline-variant: rgb(26.1, 57.36, 77.4);
  --alx-color-surface-dim: rgb(5.52, 11.4, 14.64);
  --alx-color-surface-bright: rgb(22.08, 45.6, 58.56);
  --alx-color-surface-container-lowest: rgb(3.68, 7.6, 9.76);
  --alx-color-surface-container-low: rgb(9.2, 19, 24.4);
  --alx-color-surface-container: rgb(11.04, 22.8, 29.28);
  --alx-color-surface-container-high: rgb(15.64, 32.3, 41.48);
  --alx-color-surface-container-highest: rgb(20.24, 41.8, 53.68);
  --alx-color-inverse-surface: rgb(213.2, 223, 228.4);
  --alx-color-inverse-on-surface: rgb(18.4, 38, 48.8);
  --alx-color-inverse-primary: rgb(16.8, 80.8, 153.6);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #1565C0;
  --alx-palette-secondary: #0097A7;
  --alx-palette-tertiary: #00838F;
  --alx-palette-neutral: #2E5F7A;
  --alx-palette-error: #BA1A1A;
  color-scheme: dark;
}
.alx-theme-violet {
  --alx-color-primary: rgb(98.4, 24.8, 129.6);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(228.6, 210.2, 236.4);
  --alx-color-on-primary-container: rgb(24.6, 6.2, 32.4);
  --alx-color-secondary: rgb(75.2, 42.4, 141.6);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(222.8, 214.6, 239.4);
  --alx-color-on-secondary-container: rgb(18.8, 10.6, 35.4);
  --alx-color-tertiary: rgb(45.6, 58.4, 136.8);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(215.4, 218.6, 238.2);
  --alx-color-on-tertiary-container: rgb(11.4, 14.6, 34.2);
  --alx-color-error: rgb(148.8, 20.8, 20.8);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-on-error-container: rgb(37.2, 5.2, 5.2);
  --alx-color-warning: rgb(98.4, 24.8, 129.6);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(75.2, 42.4, 141.6);
  --alx-color-on-success: #ffffff;
  --alx-color-background: rgb(251.7, 251.38, 252.1);
  --alx-color-on-background: rgb(18, 14.8, 22);
  --alx-color-surface: rgb(251.7, 251.38, 252.1);
  --alx-color-on-surface: rgb(18, 14.8, 22);
  --alx-color-surface-variant: rgb(222.66, 217.94, 227.04);
  --alx-color-on-surface-variant: rgb(55.98, 41.82, 69.12);
  --alx-color-surface-tint: rgb(98.4, 24.8, 129.6);
  --alx-color-outline: rgb(93.3, 69.7, 115.2);
  --alx-color-outline-variant: rgb(190.32, 180.88, 199.08);
  --alx-color-surface-dim: rgb(212.1, 207.94, 217.3);
  --alx-color-surface-bright: rgb(248.4, 247.76, 249.2);
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(241.8, 240.52, 243.4);
  --alx-color-surface-container: rgb(235.2, 233.28, 237.6);
  --alx-color-surface-container-high: rgb(228.6, 226.04, 231.8);
  --alx-color-surface-container-highest: rgb(222, 218.8, 226);
  --alx-color-inverse-surface: rgb(36, 29.6, 44);
  --alx-color-inverse-on-surface: rgb(238.5, 236.9, 240.5);
  --alx-color-inverse-primary: rgb(202.2, 165.4, 217.8);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #7B1FA2;
  --alx-palette-secondary: #5E35B1;
  --alx-palette-tertiary: #3949AB;
  --alx-palette-neutral: #5A4A6E;
  --alx-palette-error: #BA1A1A;
  color-scheme: light;
}
.alx-theme-violet-dark {
  --alx-color-primary: rgb(202.2, 165.4, 217.8);
  --alx-color-on-primary: rgb(49.2, 12.4, 64.8);
  --alx-color-primary-container: rgb(73.8, 18.6, 97.2);
  --alx-color-on-primary-container: rgb(228.6, 210.2, 236.4);
  --alx-color-secondary: rgb(190.6, 174.2, 223.8);
  --alx-color-on-secondary: rgb(37.6, 21.2, 70.8);
  --alx-color-secondary-container: rgb(56.4, 31.8, 106.2);
  --alx-color-on-secondary-container: rgb(222.8, 214.6, 239.4);
  --alx-color-tertiary: rgb(175.8, 182.2, 221.4);
  --alx-color-on-tertiary: rgb(22.8, 29.2, 68.4);
  --alx-color-tertiary-container: rgb(34.2, 43.8, 102.6);
  --alx-color-on-tertiary-container: rgb(215.4, 218.6, 238.2);
  --alx-color-error: rgb(227.4, 163.4, 163.4);
  --alx-color-on-error: rgb(74.4, 10.4, 10.4);
  --alx-color-error-container: rgb(111.6, 15.6, 15.6);
  --alx-color-on-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-warning: rgb(202.2, 165.4, 217.8);
  --alx-color-on-warning: rgb(49.2, 12.4, 64.8);
  --alx-color-success: rgb(190.6, 174.2, 223.8);
  --alx-color-on-success: rgb(37.6, 21.2, 70.8);
  --alx-color-background: rgb(18, 14.8, 22);
  --alx-color-on-background: rgb(222, 218.8, 226);
  --alx-color-surface: rgb(18, 14.8, 22);
  --alx-color-on-surface: rgb(222, 218.8, 226);
  --alx-color-surface-variant: rgb(55.98, 41.82, 69.12);
  --alx-color-on-surface-variant: rgb(190.32, 180.88, 199.08);
  --alx-color-surface-tint: rgb(202.2, 165.4, 217.8);
  --alx-color-outline: rgb(125.64, 106.76, 143.16);
  --alx-color-outline-variant: rgb(55.98, 41.82, 69.12);
  --alx-color-surface-dim: rgb(10.8, 8.88, 13.2);
  --alx-color-surface-bright: rgb(43.2, 35.52, 52.8);
  --alx-color-surface-container-lowest: rgb(7.2, 5.92, 8.8);
  --alx-color-surface-container-low: rgb(18, 14.8, 22);
  --alx-color-surface-container: rgb(21.6, 17.76, 26.4);
  --alx-color-surface-container-high: rgb(30.6, 25.16, 37.4);
  --alx-color-surface-container-highest: rgb(39.6, 32.56, 48.4);
  --alx-color-inverse-surface: rgb(222, 218.8, 226);
  --alx-color-inverse-on-surface: rgb(36, 29.6, 44);
  --alx-color-inverse-primary: rgb(98.4, 24.8, 129.6);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #7B1FA2;
  --alx-palette-secondary: #5E35B1;
  --alx-palette-tertiary: #3949AB;
  --alx-palette-neutral: #5A4A6E;
  --alx-palette-error: #BA1A1A;
  color-scheme: dark;
}
.alx-theme-forest {
  --alx-color-primary: rgb(36.8, 100, 40);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(213.2, 229, 214);
  --alx-color-on-primary-container: rgb(9.2, 25, 10);
  --alx-color-secondary: rgb(68, 111.2, 37.6);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(221, 231.8, 213.4);
  --alx-color-on-secondary-container: rgb(17, 27.8, 9.4);
  --alx-color-tertiary: rgb(96.8, 68, 57.6);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(228.2, 221, 218.4);
  --alx-color-on-tertiary-container: rgb(24.2, 17, 14.4);
  --alx-color-error: rgb(148.8, 20.8, 20.8);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-on-error-container: rgb(37.2, 5.2, 5.2);
  --alx-color-warning: rgb(36.8, 100, 40);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(68, 111.2, 37.6);
  --alx-color-on-success: #ffffff;
  --alx-color-background: rgb(251.38, 252.04, 251.38);
  --alx-color-on-background: rgb(14.8, 21.4, 14.8);
  --alx-color-surface: rgb(251.38, 252.04, 251.38);
  --alx-color-on-surface: rgb(14.8, 21.4, 14.8);
  --alx-color-surface-variant: rgb(218.24, 225.76, 218.32);
  --alx-color-on-surface-variant: rgb(42.72, 65.28, 42.96);
  --alx-color-surface-tint: rgb(36.8, 100, 40);
  --alx-color-outline: rgb(71.2, 108.8, 71.6);
  --alx-color-outline-variant: rgb(181.48, 196.52, 181.64);
  --alx-color-surface-dim: rgb(207.94, 216.52, 207.94);
  --alx-color-surface-bright: rgb(247.76, 249.08, 247.76);
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(240.52, 243.16, 240.52);
  --alx-color-surface-container: rgb(233.28, 237.24, 233.28);
  --alx-color-surface-container-high: rgb(226.04, 231.32, 226.04);
  --alx-color-surface-container-highest: rgb(218.8, 225.4, 218.8);
  --alx-color-inverse-surface: rgb(29.6, 42.8, 29.6);
  --alx-color-inverse-on-surface: rgb(236.9, 240.2, 236.9);
  --alx-color-inverse-primary: rgb(171.4, 203, 173);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #2E7D32;
  --alx-palette-secondary: #558B2F;
  --alx-palette-tertiary: #795548;
  --alx-palette-neutral: #4A6B4A;
  --alx-palette-error: #BA1A1A;
  color-scheme: light;
}
.alx-theme-forest-dark {
  --alx-color-primary: rgb(171.4, 203, 173);
  --alx-color-on-primary: rgb(18.4, 50, 20);
  --alx-color-primary-container: rgb(27.6, 75, 30);
  --alx-color-on-primary-container: rgb(213.2, 229, 214);
  --alx-color-secondary: rgb(187, 208.6, 171.8);
  --alx-color-on-secondary: rgb(34, 55.6, 18.8);
  --alx-color-secondary-container: rgb(51, 83.4, 28.2);
  --alx-color-on-secondary-container: rgb(221, 231.8, 213.4);
  --alx-color-tertiary: rgb(201.4, 187, 181.8);
  --alx-color-on-tertiary: rgb(48.4, 34, 28.8);
  --alx-color-tertiary-container: rgb(72.6, 51, 43.2);
  --alx-color-on-tertiary-container: rgb(228.2, 221, 218.4);
  --alx-color-error: rgb(227.4, 163.4, 163.4);
  --alx-color-on-error: rgb(74.4, 10.4, 10.4);
  --alx-color-error-container: rgb(111.6, 15.6, 15.6);
  --alx-color-on-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-warning: rgb(171.4, 203, 173);
  --alx-color-on-warning: rgb(18.4, 50, 20);
  --alx-color-success: rgb(187, 208.6, 171.8);
  --alx-color-on-success: rgb(34, 55.6, 18.8);
  --alx-color-background: rgb(14.8, 21.4, 14.8);
  --alx-color-on-background: rgb(218.8, 225.4, 218.8);
  --alx-color-surface: rgb(14.8, 21.4, 14.8);
  --alx-color-on-surface: rgb(218.8, 225.4, 218.8);
  --alx-color-surface-variant: rgb(42.72, 65.28, 42.96);
  --alx-color-on-surface-variant: rgb(181.48, 196.52, 181.64);
  --alx-color-surface-tint: rgb(171.4, 203, 173);
  --alx-color-outline: rgb(107.96, 138.04, 108.28);
  --alx-color-outline-variant: rgb(42.72, 65.28, 42.96);
  --alx-color-surface-dim: rgb(8.88, 12.84, 8.88);
  --alx-color-surface-bright: rgb(35.52, 51.36, 35.52);
  --alx-color-surface-container-lowest: rgb(5.92, 8.56, 5.92);
  --alx-color-surface-container-low: rgb(14.8, 21.4, 14.8);
  --alx-color-surface-container: rgb(17.76, 25.68, 17.76);
  --alx-color-surface-container-high: rgb(25.16, 36.38, 25.16);
  --alx-color-surface-container-highest: rgb(32.56, 47.08, 32.56);
  --alx-color-inverse-surface: rgb(218.8, 225.4, 218.8);
  --alx-color-inverse-on-surface: rgb(29.6, 42.8, 29.6);
  --alx-color-inverse-primary: rgb(36.8, 100, 40);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #2E7D32;
  --alx-palette-secondary: #558B2F;
  --alx-palette-tertiary: #795548;
  --alx-palette-neutral: #4A6B4A;
  --alx-palette-error: #BA1A1A;
  color-scheme: dark;
}
.alx-theme-rose {
  --alx-color-primary: rgb(155.2, 19.2, 72.8);
  --alx-color-on-primary: #ffffff;
  --alx-color-primary-container: rgb(242.8, 208.8, 222.2);
  --alx-color-on-primary-container: rgb(38.8, 4.8, 18.2);
  --alx-color-secondary: rgb(186.4, 24, 79.2);
  --alx-color-on-secondary: #ffffff;
  --alx-color-secondary-container: rgb(250.6, 210, 223.8);
  --alx-color-on-secondary-container: rgb(46.6, 6, 19.8);
  --alx-color-tertiary: rgb(196, 101.6, 18.4);
  --alx-color-on-tertiary: #ffffff;
  --alx-color-tertiary-container: rgb(253, 229.4, 208.6);
  --alx-color-on-tertiary-container: rgb(49, 25.4, 4.6);
  --alx-color-error: rgb(148.8, 20.8, 20.8);
  --alx-color-on-error: #ffffff;
  --alx-color-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-on-error-container: rgb(37.2, 5.2, 5.2);
  --alx-color-warning: rgb(155.2, 19.2, 72.8);
  --alx-color-on-warning: #ffffff;
  --alx-color-success: rgb(186.4, 24, 79.2);
  --alx-color-on-success: #ffffff;
  --alx-color-background: rgb(252.34, 251.38, 251.66);
  --alx-color-on-background: rgb(24.4, 14.8, 17.6);
  --alx-color-surface: rgb(252.34, 251.38, 251.66);
  --alx-color-on-surface: rgb(24.4, 14.8, 17.6);
  --alx-color-surface-variant: rgb(229.84, 217.8, 221.66);
  --alx-color-on-surface-variant: rgb(77.52, 41.4, 52.98);
  --alx-color-surface-tint: rgb(155.2, 19.2, 72.8);
  --alx-color-outline: rgb(129.2, 69, 88.3);
  --alx-color-outline-variant: rgb(204.68, 180.6, 188.32);
  --alx-color-surface-dim: rgb(220.42, 207.94, 211.58);
  --alx-color-surface-bright: rgb(249.68, 247.76, 248.32);
  --alx-color-surface-container-lowest: #ffffff;
  --alx-color-surface-container-low: rgb(244.36, 240.52, 241.64);
  --alx-color-surface-container: rgb(239.04, 233.28, 234.96);
  --alx-color-surface-container-high: rgb(233.72, 226.04, 228.28);
  --alx-color-surface-container-highest: rgb(228.4, 218.8, 221.6);
  --alx-color-inverse-surface: rgb(48.8, 29.6, 35.2);
  --alx-color-inverse-on-surface: rgb(241.7, 236.9, 238.3);
  --alx-color-inverse-primary: rgb(230.6, 162.6, 189.4);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #C2185B;
  --alx-palette-secondary: #E91E63;
  --alx-palette-tertiary: #F57F17;
  --alx-palette-neutral: #7A4A58;
  --alx-palette-error: #BA1A1A;
  color-scheme: light;
}
.alx-theme-rose-dark {
  --alx-color-primary: rgb(230.6, 162.6, 189.4);
  --alx-color-on-primary: rgb(77.6, 9.6, 36.4);
  --alx-color-primary-container: rgb(116.4, 14.4, 54.6);
  --alx-color-on-primary-container: rgb(242.8, 208.8, 222.2);
  --alx-color-secondary: rgb(246.2, 165, 192.6);
  --alx-color-on-secondary: rgb(93.2, 12, 39.6);
  --alx-color-secondary-container: rgb(139.8, 18, 59.4);
  --alx-color-on-secondary-container: rgb(250.6, 210, 223.8);
  --alx-color-tertiary: rgb(251, 203.8, 162.2);
  --alx-color-on-tertiary: rgb(98, 50.8, 9.2);
  --alx-color-tertiary-container: rgb(147, 76.2, 13.8);
  --alx-color-on-tertiary-container: rgb(253, 229.4, 208.6);
  --alx-color-error: rgb(227.4, 163.4, 163.4);
  --alx-color-on-error: rgb(74.4, 10.4, 10.4);
  --alx-color-error-container: rgb(111.6, 15.6, 15.6);
  --alx-color-on-error-container: rgb(241.2, 209.2, 209.2);
  --alx-color-warning: rgb(230.6, 162.6, 189.4);
  --alx-color-on-warning: rgb(77.6, 9.6, 36.4);
  --alx-color-success: rgb(246.2, 165, 192.6);
  --alx-color-on-success: rgb(93.2, 12, 39.6);
  --alx-color-background: rgb(24.4, 14.8, 17.6);
  --alx-color-on-background: rgb(228.4, 218.8, 221.6);
  --alx-color-surface: rgb(24.4, 14.8, 17.6);
  --alx-color-on-surface: rgb(228.4, 218.8, 221.6);
  --alx-color-surface-variant: rgb(77.52, 41.4, 52.98);
  --alx-color-on-surface-variant: rgb(204.68, 180.6, 188.32);
  --alx-color-surface-tint: rgb(230.6, 162.6, 189.4);
  --alx-color-outline: rgb(154.36, 106.2, 121.64);
  --alx-color-outline-variant: rgb(77.52, 41.4, 52.98);
  --alx-color-surface-dim: rgb(14.64, 8.88, 10.56);
  --alx-color-surface-bright: rgb(58.56, 35.52, 42.24);
  --alx-color-surface-container-lowest: rgb(9.76, 5.92, 7.04);
  --alx-color-surface-container-low: rgb(24.4, 14.8, 17.6);
  --alx-color-surface-container: rgb(29.28, 17.76, 21.12);
  --alx-color-surface-container-high: rgb(41.48, 25.16, 29.92);
  --alx-color-surface-container-highest: rgb(53.68, 32.56, 38.72);
  --alx-color-inverse-surface: rgb(228.4, 218.8, 221.6);
  --alx-color-inverse-on-surface: rgb(48.8, 29.6, 35.2);
  --alx-color-inverse-primary: rgb(155.2, 19.2, 72.8);
  --alx-color-shadow: #000000;
  --alx-color-scrim: #000000;
  --alx-palette-primary: #C2185B;
  --alx-palette-secondary: #E91E63;
  --alx-palette-tertiary: #F57F17;
  --alx-palette-neutral: #7A4A58;
  --alx-palette-error: #BA1A1A;
  color-scheme: dark;
}
@media print {
  alx-sidenav,
  cms-layout > header,
  cms-layout > nav,
  .cms-layout__sidenav,
  .cms-layout__topbar,
  .cms-layout__header,
  .ws__topbar,
  .ws__left-panel,
  .ws__view-switcher,
  .ws__view-header,
  .ws__chart-actions,
  .rv__header,
  .rv__list,
  .rv__empty,
  .re__toolbar,
  .re__palette-bar,
  .re__config,
  .re__block-controls,
  alx-dialog:not(.re__open),
  .alx-dropdown,
  .alx-tooltip {
    display: none !important;
  }
  html,
  body,
  app-root,
  cms-layout,
  main,
  router-outlet + *,
  alx-data-analysis-workspace-page,
  .ws,
  .ws__body,
  .ws__main,
  .ws__view,
  da-reports-view,
  .rv,
  .rv__editor-overlay,
  da-report-editor,
  .re,
  .re__body,
  .re__canvas-wrap,
  .re__canvas-scroll,
  .alx-print-root-ancestor {
    display: block !important;
    position: static !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    color: black !important;
    inset: auto !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    z-index: auto !important;
  }
  .alx-print-root,
  #re-print-canvas {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
  }
  @page {
    size: A4;
    margin: 15mm;
  }
  html,
  body {
    background: white !important;
    color: black !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

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