@property --_ {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space-0 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --space-4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --space-8 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.1rem;
}
@property --text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --space-12 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --space-16 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --space-20 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --space-24 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --space-28 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --space-32 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --space-40 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --space-48 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --space-56 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.5rem;
}
@property --space-64 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --space-80 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space-96 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --text-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --text-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --space-120 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --radius-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-text-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --text--body--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--body--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--body--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-icon-neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-input-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-surface-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #222222;
}
@property --font-weight-medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 450;
}
@property --text--body--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--header--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #2759cd;
}
@property --color-success-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e714a;
}
@property --color-text-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #a6a6a6;
}
@property --font-size-header-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--header--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--header--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-border-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #1c1c1c17;
}
@property --color-primary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e50c0;
}
@property --color-primary-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: #3062d4;
}
@property --color-success-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #196742;
}
@property --color-success-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: #1d7c4d;
}
@property --color-surface-raised {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-surface-sunken {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #5e5e5e;
}
@property --elevation-bottom-100 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --elevation-bottom-200 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --elevation-bottom-300 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --elevation-bottom-400 {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --text--header--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-surface-overlay {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --html-block-link-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--header--xxlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--chart--base--c1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-header-large {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-size-header-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight-extra-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --text--header--xxxlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-input-placeholder {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-line-height-header {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font-size-header-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-background-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7f7f7;
}
@property --font-size-header-display {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --color--content--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--brand--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-border-focus {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-background-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-paragraph-large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-paragraph-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color-action-neutral-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-border-default-alpha {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-line-height-paragraph {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --font-size-paragraph-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--chart--indicator--c1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-text-primary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--font-size--body--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--global--learning--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--learning--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--gradient--dimmer-blue {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --color-surface-sunken-neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--font-size--body--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--font-size--body--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--brand-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--gradient--dimmer-brand {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --text--font-size--body--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--font-size--body--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--line-height--body--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--global--grey-alpha--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--grey-alpha--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--50 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--line-height--body--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--line-height--body--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--brand-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--warning-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--global--white-alpha--950 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--line-height--body--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--line-height--body--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--content--negative-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--positive-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--primary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-alpha-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--fg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--tertiary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--warning-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-alpha-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-action-neutral-alpha-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--bg-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--bg-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--fg-active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --component--icon-button--fg-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--negative-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--positive-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--secondary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--50-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--informative-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--100-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--200-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--300-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--400-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--500-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--600-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--700-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--800-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property ----color--global--grey-alpha--900-old {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--content--informative-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--semantic--brand--primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff2e50;
}
@property --color--semantic--brand--primary-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff2448;
}
@property --color--semantic--brand--primary-normal {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF3C5C;
}

  :host, :root {
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --text-lg: 1.1rem;
  --text-md: 1rem;
  --text-sm: 0.75rem;
  --text-xl: 1.5rem;
  --text-xs: 0.625rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 12rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --space-120: 15rem;
  --text-base: 0.875rem;
  --radius-full: 999rem;
  --radius-large: 1rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-xlarge: 1.5rem;
  --radius-xsmall: 0.5rem;
  --color-text-white: #ffffff;
  --font-weight-bold: 600;
  --font-weight-thin: 400;
  --text--body--base: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --text--body--large: clamp(1.125rem, 1.0231rem + 0.2041vw, 1.25rem);
  --text--body--small: clamp(0.875rem, 0.7731rem + 0.2041vw, 1rem);
  --color-icon-neutral: #484747;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #fbfbf9;
  --color-text-primary: #222222;
  --font-weight-medium: 500;
  --font-weight-normal: 450;
  --text--body--xsmall: 0.875rem;
  --text--header--base: clamp(1.25rem, 1.0417rem + 0.4167vw, 1.5rem);
  --color-primary-hover: #2759cd;
  --color-success-hover: #1e714a;
  --color-text-tertiary: #a6a6a6;
  --font-size-header-xl: 3rem;
  --text--header--large: clamp(1.5rem, 1.0833rem + 0.8333vw, 2rem);
  --text--header--small: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --color-border-default: #1c1c1c17;
  --color-primary-active: #1e50c0;
  --color-primary-normal: #3062d4;
  --color-success-active: #196742;
  --color-success-normal: #1d7c4d;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-surface-sunken: hsl(220, 15%, 94%);
  --color-text-secondary: #5e5e5e;
  --elevation-bottom-100: 0 1px 2px 0 rgba(34, 34, 34, 0.12);
  --elevation-bottom-200: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 2px 8px -1px rgba(34, 34, 34, 0.08);
  --elevation-bottom-300: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --elevation-bottom-400: 0 2px 2px -1px rgba(34, 34, 34, 0.04),    0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --text--header--xlarge: clamp(1.75rem, 1.2917rem + 0.9167vw, 2.25rem);
  --color-surface-overlay: hsl(0, 0%, 100%);
  --text--header--xxlarge: clamp(2rem, 1.5417rem + 0.9167vw, 2.5rem);
  --color--chart--base--c1: #cccccc;
  --font-size-header-large: 2rem;
  --font-size-header-small:  1.125rem;
  --font-weight-extra-thin: 300;
  --text--header--xxxlarge: clamp(2.5rem, 2.0417rem + 0.9167vw, 3rem);
  --color--content--primary: var(--color--global--grey--900);
  --color--global--grey--50: #fafafa;
  --color-input-placeholder: var(--color-text-secondary);
  --font-line-height-header: 1.2;
  --font-size-header-medium: 1.5rem;
  --color--global--brand--50: #fff0f1;
  --color--global--grey--100: #f5f5f5;
  --color--global--grey--200: #ebebeb;
  --color--global--grey--300: #d3d3d3;
  --color--global--grey--400: #a3a3a3;
  --color--global--grey--500:  hsla(0, 0%, 37%, 1);
  --color--global--grey--600:  hsla(0, 0%, 32%, 1);
  --color--global--grey--700:  hsla(0, 0%, 25%, 1);
  --color--global--grey--800: hsla(0, 0%, 18%, 1);
  --color--global--grey--900:  hsla(0, 0%, 13%, 1);
  --color--global--grey--950: #1a1a1a;
  --color-background-surface: #f7f7f7;
  --font-size-header-display: 4rem;
  --color--content--secondary: var(--color--global--grey--700);
  --color--global--brand--100: #ffe2e5;
  --color--global--brand--200: #ffcad1;
  --color--global--brand--300: #ff9faa;
  --color--global--brand--400: #ff697e;
  --color--global--brand--500: #ff3c5c;
  --color--global--brand--600: #ed113f;
  --color--global--brand--700: #c80836;
  --color--global--brand--800: #a80934;
  --color--global--brand--900: #8f0c33;
  --color--global--brand--950: #500116;
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color--global--grey--800);
  --font-size-paragraph-large:  1.125rem;
  --font-size-paragraph-small: 0.875rem;
  --color-action-neutral-hover: hsla(0, 0%, 25%, 1);
  --color-border-default-alpha: hsla(0, 0%, 11%, 0.09);
  --font-line-height-paragraph: 1.5;
  --font-size-paragraph-medium: 1rem;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color--global--learning--50: #eefff1;
  --color-action-neutral-active: hsla(0, 0%, 18%, 1);
  --color-action-neutral-normal: hsla(0, 0%, 32%, 1);
  --color-text-primary-inverted: #fcfcfc;
  --text--font-size--body--base: 1rem;
  --color--global--learning--100: #d7ffe0;
  --color--global--learning--200: #b2ffc4;
  --color--global--learning--300: #76ff97;
  --color--global--learning--400: #33D666;
  --color--global--learning--500: #00cc33;
  --color--global--learning--600: #00a329;
  --color--global--learning--700: #007a1f;
  --color--global--learning--800: #005214;
  --color--global--learning--900: #00340f;
  --color--global--learning--950: #00290a;
  --color--gradient--dimmer-blue: linear-gradient(to top left, #3c7dff33 0%, #3c7dff0d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  --color-surface-sunken-neutral: #f2f2f2;
  --text--font-size--body--large: 1.25rem;
  --text--font-size--body--small: 0.875rem;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--global--grey-alpha--50: hsla(0, 0%, 96%, 0.93);
  --color--gradient--dimmer-brand: linear-gradient(to top left, #ff3c5c33 0%, #ff3c5c0d 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  --text--font-size--body--xlarge: 1.5rem;
  --text--font-size--body--xsmall: 0.75rem;
  --text--line-height--body--base: 1.5rem;
  --color--global--grey-alpha--100: hsla(0, 0%, 90%, 0.93);
  --color--global--grey-alpha--200: hsla(0, 0%, 80%, 0.93);
  --color--global--grey-alpha--300: hsla(0, 0%, 70%, 0.93);
  --color--global--grey-alpha--400: hsla(0, 0%, 60%, 0.93);
  --color--global--grey-alpha--500: hsla(0, 0%, 50%, 0.93);
  --color--global--grey-alpha--600: hsla(0, 0%, 40%, 0.93);
  --color--global--grey-alpha--700: hsla(0, 0%, 30%, 0.93);
  --color--global--grey-alpha--800: hsla(0, 0%, 20%, 0.93);
  --color--global--grey-alpha--900: hsla(0, 0%, 12%, 0.93);
  --color--global--grey-alpha--950: hsla(0, 0%, 7%, 0.93);
  --color--global--white-alpha--50: hsla(0, 0%, 100%, 0.02);
  --text--line-height--body--large: 1.75rem;
  --text--line-height--body--small: 1.25rem;
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color--global--white-alpha--100: hsla(0, 0%, 100%, 0.04);
  --color--global--white-alpha--200: hsla(0, 0%, 100%, 0.08);
  --color--global--white-alpha--300: hsla(0, 0%, 100%, 0.12);
  --color--global--white-alpha--400: hsla(0, 0%, 100%, 0.16);
  --color--global--white-alpha--500: hsla(0, 0%, 100%, 0.25);
  --color--global--white-alpha--600: hsla(0, 0%, 100%, 0.40);
  --color--global--white-alpha--700: hsla(0, 0%, 100%, 0.55);
  --color--global--white-alpha--800: hsla(0, 0%, 100%, 0.70);
  --color--global--white-alpha--900: hsla(0, 0%, 100%, 0.85);
  --color--global--white-alpha--950:  hsla(0, 0%, 100%, 1);
  --text--line-height--body--xlarge: 2rem;
  --text--line-height--body--xsmall: 1.125rem;
  --color-action-neutral-alpha-hover: hsla(0, 0%, 11%, 0.09);
  --color-action-neutral-alpha-active: hsla(0, 0%, 13%, 0.06);
  --color-action-neutral-alpha-normal: #0000000d;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 10%, 0.02);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 10%, 0.05);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 10%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 10%, 0.22);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 10%, 0.38);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 10%, 0.52);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 10%, 0.68);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 10%, 0.82);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 10%, 0.92);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 10%, 0.97);
  --color--semantic--brand--primary-hover: var(--color--global--brand--600);
  --color--semantic--brand--primary-active: var(--color--global--brand--700);
  --color--semantic--brand--primary-normal: var(--color--global--brand--500);
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #363636;
  --color-text-primary: #fcfcfc;
  --color-text-tertiary: #e3e3e3;
  --color-surface-raised: #4d4d4d;
  --color-surface-sunken: #707070;
  --color-text-secondary: #ebebeb;
  --color-surface-overlay: #404040;
  --color--chart--base--c1: #303030;
  --color--content--primary: var(--color--global--grey--100);
  --color-input-placeholder: var(--color-text-secondary);
  --color--content--secondary: var(--color--global--grey--300);
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color-text-white);
  --color-action-neutral-hover: #d6d6d6;
  --color-border-default-alpha: #ffffff33;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-action-neutral-active: #cfcfcf;
  --color-action-neutral-normal: #dedede;
  --color-text-primary-inverted: #222222;
  --color-surface-sunken-neutral: #575757;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color-action-neutral-alpha-hover: hsla(0, 0%, 100%, 0.12);
  --color-action-neutral-alpha-active: hsla(0, 0%, 100%, 0.08);
  --color-action-neutral-alpha-normal: #ffffff0a;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 100%, 0.03);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 100%, 0.07);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 100%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 100%, 0.20);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 100%, 0.30);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 100%, 0.45);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 100%, 0.60);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 100%, 0.75);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 100%, 0.90);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 100%, 0.95);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --text-lg: 1.1rem;
  --text-md: 1rem;
  --text-sm: 0.75rem;
  --text-xl: 1.5rem;
  --text-xs: 0.625rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 12rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --space-120: 15rem;
  --text-base: 0.875rem;
  --radius-full: 999rem;
  --radius-large: 1rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-xlarge: 1.5rem;
  --radius-xsmall: 0.5rem;
  --color-text-white: #ffffff;
  --font-weight-bold: 600;
  --font-weight-thin: 400;
  --text--body--base: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --text--body--large: clamp(1.125rem, 1.0231rem + 0.2041vw, 1.25rem);
  --text--body--small: clamp(0.875rem, 0.7731rem + 0.2041vw, 1rem);
  --color-icon-neutral: #484747;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #fbfbf9;
  --color-text-primary: #222222;
  --font-weight-medium: 500;
  --font-weight-normal: 450;
  --text--body--xsmall: 0.875rem;
  --text--header--base: clamp(1.25rem, 1.0417rem + 0.4167vw, 1.5rem);
  --color-primary-hover: #2759cd;
  --color-success-hover: #1e714a;
  --color-text-tertiary: #a6a6a6;
  --font-size-header-xl: 3rem;
  --text--header--large: clamp(1.5rem, 1.0833rem + 0.8333vw, 2rem);
  --text--header--small: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --color-border-default: #1c1c1c17;
  --color-primary-active: #1e50c0;
  --color-primary-normal: #3062d4;
  --color-success-active: #196742;
  --color-success-normal: #1d7c4d;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-surface-sunken: hsl(220, 15%, 94%);
  --color-text-secondary: #5e5e5e;
  --elevation-bottom-100: 0 1px 2px 0 rgba(34, 34, 34, 0.12);
  --elevation-bottom-200: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 2px 8px -1px rgba(34, 34, 34, 0.08);
  --elevation-bottom-300: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --elevation-bottom-400: 0 2px 2px -1px rgba(34, 34, 34, 0.04),    0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --text--header--xlarge: clamp(1.75rem, 1.2917rem + 0.9167vw, 2.25rem);
  --color-surface-overlay: hsl(0, 0%, 100%);
  --text--header--xxlarge: clamp(2rem, 1.5417rem + 0.9167vw, 2.5rem);
  --color--chart--base--c1: #cccccc;
  --font-size-header-large: 2rem;
  --font-size-header-small:  1.125rem;
  --font-weight-extra-thin: 300;
  --text--header--xxxlarge: clamp(2.5rem, 2.0417rem + 0.9167vw, 3rem);
  --color--content--primary: var(--color--global--grey--900);
  --color--global--grey--50: #fafafa;
  --color-input-placeholder: var(--color-text-secondary);
  --font-line-height-header: 1.2;
  --font-size-header-medium: 1.5rem;
  --color--global--brand--50: #fff0f1;
  --color--global--grey--100: #f5f5f5;
  --color--global--grey--200: #ebebeb;
  --color--global--grey--300: #d3d3d3;
  --color--global--grey--400: #a3a3a3;
  --color--global--grey--500:  hsla(0, 0%, 37%, 1);
  --color--global--grey--600:  hsla(0, 0%, 32%, 1);
  --color--global--grey--700:  hsla(0, 0%, 25%, 1);
  --color--global--grey--800: hsla(0, 0%, 18%, 1);
  --color--global--grey--900:  hsla(0, 0%, 13%, 1);
  --color--global--grey--950: #1a1a1a;
  --color-background-surface: #f7f7f7;
  --font-size-header-display: 4rem;
  --color--content--secondary: var(--color--global--grey--700);
  --color--global--brand--100: #ffe2e5;
  --color--global--brand--200: #ffcad1;
  --color--global--brand--300: #ff9faa;
  --color--global--brand--400: #ff697e;
  --color--global--brand--500: #ff3c5c;
  --color--global--brand--600: #ed113f;
  --color--global--brand--700: #c80836;
  --color--global--brand--800: #a80934;
  --color--global--brand--900: #8f0c33;
  --color--global--brand--950: #500116;
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color--global--grey--800);
  --font-size-paragraph-large:  1.125rem;
  --font-size-paragraph-small: 0.875rem;
  --color-action-neutral-hover: hsla(0, 0%, 25%, 1);
  --color-border-default-alpha: hsla(0, 0%, 11%, 0.09);
  --font-line-height-paragraph: 1.5;
  --font-size-paragraph-medium: 1rem;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color--global--learning--50: #eefff1;
  --color-action-neutral-active: hsla(0, 0%, 18%, 1);
  --color-action-neutral-normal: hsla(0, 0%, 32%, 1);
  --color-text-primary-inverted: #fcfcfc;
  --text--font-size--body--base: 1rem;
  --color--global--learning--100: #d7ffe0;
  --color--global--learning--200: #b2ffc4;
  --color--global--learning--300: #76ff97;
  --color--global--learning--400: #33D666;
  --color--global--learning--500: #00cc33;
  --color--global--learning--600: #00a329;
  --color--global--learning--700: #007a1f;
  --color--global--learning--800: #005214;
  --color--global--learning--900: #00340f;
  --color--global--learning--950: #00290a;
  --color--gradient--dimmer-blue: linear-gradient(to top left, #3c7dff33 0%, #3c7dff0d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  --color-surface-sunken-neutral: #f2f2f2;
  --text--font-size--body--large: 1.25rem;
  --text--font-size--body--small: 0.875rem;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--global--grey-alpha--50: hsla(0, 0%, 96%, 0.93);
  --color--gradient--dimmer-brand: linear-gradient(to top left, #ff3c5c33 0%, #ff3c5c0d 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  --text--font-size--body--xlarge: 1.5rem;
  --text--font-size--body--xsmall: 0.75rem;
  --text--line-height--body--base: 1.5rem;
  --color--global--grey-alpha--100: hsla(0, 0%, 90%, 0.93);
  --color--global--grey-alpha--200: hsla(0, 0%, 80%, 0.93);
  --color--global--grey-alpha--300: hsla(0, 0%, 70%, 0.93);
  --color--global--grey-alpha--400: hsla(0, 0%, 60%, 0.93);
  --color--global--grey-alpha--500: hsla(0, 0%, 50%, 0.93);
  --color--global--grey-alpha--600: hsla(0, 0%, 40%, 0.93);
  --color--global--grey-alpha--700: hsla(0, 0%, 30%, 0.93);
  --color--global--grey-alpha--800: hsla(0, 0%, 20%, 0.93);
  --color--global--grey-alpha--900: hsla(0, 0%, 12%, 0.93);
  --color--global--grey-alpha--950: hsla(0, 0%, 7%, 0.93);
  --color--global--white-alpha--50: hsla(0, 0%, 100%, 0.02);
  --text--line-height--body--large: 1.75rem;
  --text--line-height--body--small: 1.25rem;
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color--global--white-alpha--100: hsla(0, 0%, 100%, 0.04);
  --color--global--white-alpha--200: hsla(0, 0%, 100%, 0.08);
  --color--global--white-alpha--300: hsla(0, 0%, 100%, 0.12);
  --color--global--white-alpha--400: hsla(0, 0%, 100%, 0.16);
  --color--global--white-alpha--500: hsla(0, 0%, 100%, 0.25);
  --color--global--white-alpha--600: hsla(0, 0%, 100%, 0.40);
  --color--global--white-alpha--700: hsla(0, 0%, 100%, 0.55);
  --color--global--white-alpha--800: hsla(0, 0%, 100%, 0.70);
  --color--global--white-alpha--900: hsla(0, 0%, 100%, 0.85);
  --color--global--white-alpha--950:  hsla(0, 0%, 100%, 1);
  --text--line-height--body--xlarge: 2rem;
  --text--line-height--body--xsmall: 1.125rem;
  --color-action-neutral-alpha-hover: hsla(0, 0%, 11%, 0.09);
  --color-action-neutral-alpha-active: hsla(0, 0%, 13%, 0.06);
  --color-action-neutral-alpha-normal: #0000000d;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 10%, 0.02);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 10%, 0.05);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 10%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 10%, 0.22);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 10%, 0.38);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 10%, 0.52);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 10%, 0.68);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 10%, 0.82);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 10%, 0.92);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 10%, 0.97);
  --color--semantic--brand--primary-hover: var(--color--global--brand--600);
  --color--semantic--brand--primary-active: var(--color--global--brand--700);
  --color--semantic--brand--primary-normal: var(--color--global--brand--500);
}
    }
  [data-nc-theme~="adeno-dark"] {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #363636;
  --color-text-primary: #fcfcfc;
  --color-text-tertiary: #e3e3e3;
  --color-surface-raised: #4d4d4d;
  --color-surface-sunken: #707070;
  --color-text-secondary: #ebebeb;
  --color-surface-overlay: #404040;
  --color--chart--base--c1: #303030;
  --color--content--primary: var(--color--global--grey--100);
  --color-input-placeholder: var(--color-text-secondary);
  --color--content--secondary: var(--color--global--grey--300);
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color-text-white);
  --color-action-neutral-hover: #d6d6d6;
  --color-border-default-alpha: #ffffff33;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-action-neutral-active: #cfcfcf;
  --color-action-neutral-normal: #dedede;
  --color-text-primary-inverted: #222222;
  --color-surface-sunken-neutral: #575757;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color-action-neutral-alpha-hover: hsla(0, 0%, 100%, 0.12);
  --color-action-neutral-alpha-active: hsla(0, 0%, 100%, 0.08);
  --color-action-neutral-alpha-normal: #ffffff0a;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 100%, 0.03);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 100%, 0.07);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 100%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 100%, 0.20);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 100%, 0.30);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 100%, 0.45);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 100%, 0.60);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 100%, 0.75);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 100%, 0.90);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 100%, 0.95);
}
[data-nc-theme~="adeno-light"] {
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --text-lg: 1.1rem;
  --text-md: 1rem;
  --text-sm: 0.75rem;
  --text-xl: 1.5rem;
  --text-xs: 0.625rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 12rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --space-120: 15rem;
  --text-base: 0.875rem;
  --radius-full: 999rem;
  --radius-large: 1rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-xlarge: 1.5rem;
  --radius-xsmall: 0.5rem;
  --color-text-white: #ffffff;
  --font-weight-bold: 600;
  --font-weight-thin: 400;
  --text--body--base: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --text--body--large: clamp(1.125rem, 1.0231rem + 0.2041vw, 1.25rem);
  --text--body--small: clamp(0.875rem, 0.7731rem + 0.2041vw, 1rem);
  --color-icon-neutral: #484747;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #fbfbf9;
  --color-text-primary: #222222;
  --font-weight-medium: 500;
  --font-weight-normal: 450;
  --text--body--xsmall: 0.875rem;
  --text--header--base: clamp(1.25rem, 1.0417rem + 0.4167vw, 1.5rem);
  --color-primary-hover: #2759cd;
  --color-success-hover: #1e714a;
  --color-text-tertiary: #a6a6a6;
  --font-size-header-xl: 3rem;
  --text--header--large: clamp(1.5rem, 1.0833rem + 0.8333vw, 2rem);
  --text--header--small: clamp(1rem, 0.8980rem + 0.2041vw, 1.125rem);
  --color-border-default: #1c1c1c17;
  --color-primary-active: #1e50c0;
  --color-primary-normal: #3062d4;
  --color-success-active: #196742;
  --color-success-normal: #1d7c4d;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-surface-sunken: hsl(220, 15%, 94%);
  --color-text-secondary: #5e5e5e;
  --elevation-bottom-100: 0 1px 2px 0 rgba(34, 34, 34, 0.12);
  --elevation-bottom-200: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 2px 8px -1px rgba(34, 34, 34, 0.08);
  --elevation-bottom-300: 0 2px 2px -1px rgba(34, 34, 34, 0.04), 0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --elevation-bottom-400: 0 2px 2px -1px rgba(34, 34, 34, 0.04),    0 8px 16px -2px rgba(34, 34, 34, 0.12);
  --text--header--xlarge: clamp(1.75rem, 1.2917rem + 0.9167vw, 2.25rem);
  --color-surface-overlay: hsl(0, 0%, 100%);
  --text--header--xxlarge: clamp(2rem, 1.5417rem + 0.9167vw, 2.5rem);
  --color--chart--base--c1: #cccccc;
  --font-size-header-large: 2rem;
  --font-size-header-small:  1.125rem;
  --font-weight-extra-thin: 300;
  --text--header--xxxlarge: clamp(2.5rem, 2.0417rem + 0.9167vw, 3rem);
  --color--content--primary: var(--color--global--grey--900);
  --color--global--grey--50: #fafafa;
  --color-input-placeholder: var(--color-text-secondary);
  --font-line-height-header: 1.2;
  --font-size-header-medium: 1.5rem;
  --color--global--brand--50: #fff0f1;
  --color--global--grey--100: #f5f5f5;
  --color--global--grey--200: #ebebeb;
  --color--global--grey--300: #d3d3d3;
  --color--global--grey--400: #a3a3a3;
  --color--global--grey--500:  hsla(0, 0%, 37%, 1);
  --color--global--grey--600:  hsla(0, 0%, 32%, 1);
  --color--global--grey--700:  hsla(0, 0%, 25%, 1);
  --color--global--grey--800: hsla(0, 0%, 18%, 1);
  --color--global--grey--900:  hsla(0, 0%, 13%, 1);
  --color--global--grey--950: #1a1a1a;
  --color-background-surface: #f7f7f7;
  --font-size-header-display: 4rem;
  --color--content--secondary: var(--color--global--grey--700);
  --color--global--brand--100: #ffe2e5;
  --color--global--brand--200: #ffcad1;
  --color--global--brand--300: #ff9faa;
  --color--global--brand--400: #ff697e;
  --color--global--brand--500: #ff3c5c;
  --color--global--brand--600: #ed113f;
  --color--global--brand--700: #c80836;
  --color--global--brand--800: #a80934;
  --color--global--brand--900: #8f0c33;
  --color--global--brand--950: #500116;
  --color-action-border-focus: #ff526e;
  --color-background-inverted: var(--color--global--grey--800);
  --font-size-paragraph-large:  1.125rem;
  --font-size-paragraph-small: 0.875rem;
  --color-action-neutral-hover: hsla(0, 0%, 25%, 1);
  --color-border-default-alpha: hsla(0, 0%, 11%, 0.09);
  --font-line-height-paragraph: 1.5;
  --font-size-paragraph-medium: 1rem;
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color--global--learning--50: #eefff1;
  --color-action-neutral-active: hsla(0, 0%, 18%, 1);
  --color-action-neutral-normal: hsla(0, 0%, 32%, 1);
  --color-text-primary-inverted: #fcfcfc;
  --text--font-size--body--base: 1rem;
  --color--global--learning--100: #d7ffe0;
  --color--global--learning--200: #b2ffc4;
  --color--global--learning--300: #76ff97;
  --color--global--learning--400: #33D666;
  --color--global--learning--500: #00cc33;
  --color--global--learning--600: #00a329;
  --color--global--learning--700: #007a1f;
  --color--global--learning--800: #005214;
  --color--global--learning--900: #00340f;
  --color--global--learning--950: #00290a;
  --color--gradient--dimmer-blue: linear-gradient(to top left, #3c7dff33 0%, #3c7dff0d 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  --color-surface-sunken-neutral: #f2f2f2;
  --text--font-size--body--large: 1.25rem;
  --text--font-size--body--small: 0.875rem;
  --color--content--brand-primary: var(--color--global--brand--500);
  --color--global--grey-alpha--50: hsla(0, 0%, 96%, 0.93);
  --color--gradient--dimmer-brand: linear-gradient(to top left, #ff3c5c33 0%, #ff3c5c0d 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
  --text--font-size--body--xlarge: 1.5rem;
  --text--font-size--body--xsmall: 0.75rem;
  --text--line-height--body--base: 1.5rem;
  --color--global--grey-alpha--100: hsla(0, 0%, 90%, 0.93);
  --color--global--grey-alpha--200: hsla(0, 0%, 80%, 0.93);
  --color--global--grey-alpha--300: hsla(0, 0%, 70%, 0.93);
  --color--global--grey-alpha--400: hsla(0, 0%, 60%, 0.93);
  --color--global--grey-alpha--500: hsla(0, 0%, 50%, 0.93);
  --color--global--grey-alpha--600: hsla(0, 0%, 40%, 0.93);
  --color--global--grey-alpha--700: hsla(0, 0%, 30%, 0.93);
  --color--global--grey-alpha--800: hsla(0, 0%, 20%, 0.93);
  --color--global--grey-alpha--900: hsla(0, 0%, 12%, 0.93);
  --color--global--grey-alpha--950: hsla(0, 0%, 7%, 0.93);
  --color--global--white-alpha--50: hsla(0, 0%, 100%, 0.02);
  --text--line-height--body--large: 1.75rem;
  --text--line-height--body--small: 1.25rem;
  --color--content--brand-secondary: var(--color--global--brand--300);
  --color--global--white-alpha--100: hsla(0, 0%, 100%, 0.04);
  --color--global--white-alpha--200: hsla(0, 0%, 100%, 0.08);
  --color--global--white-alpha--300: hsla(0, 0%, 100%, 0.12);
  --color--global--white-alpha--400: hsla(0, 0%, 100%, 0.16);
  --color--global--white-alpha--500: hsla(0, 0%, 100%, 0.25);
  --color--global--white-alpha--600: hsla(0, 0%, 100%, 0.40);
  --color--global--white-alpha--700: hsla(0, 0%, 100%, 0.55);
  --color--global--white-alpha--800: hsla(0, 0%, 100%, 0.70);
  --color--global--white-alpha--900: hsla(0, 0%, 100%, 0.85);
  --color--global--white-alpha--950:  hsla(0, 0%, 100%, 1);
  --text--line-height--body--xlarge: 2rem;
  --text--line-height--body--xsmall: 1.125rem;
  --color-action-neutral-alpha-hover: hsla(0, 0%, 11%, 0.09);
  --color-action-neutral-alpha-active: hsla(0, 0%, 13%, 0.06);
  --color-action-neutral-alpha-normal: #0000000d;
  ----color--global--grey-alpha--50-old: hsla(0, 0%, 10%, 0.02);
  ----color--global--grey-alpha--100-old: hsla(0, 0%, 10%, 0.05);
  ----color--global--grey-alpha--200-old: hsla(0, 0%, 10%, 0.12);
  ----color--global--grey-alpha--300-old: hsla(0, 0%, 10%, 0.22);
  ----color--global--grey-alpha--400-old: hsla(0, 0%, 10%, 0.38);
  ----color--global--grey-alpha--500-old: hsla(0, 0%, 10%, 0.52);
  ----color--global--grey-alpha--600-old: hsla(0, 0%, 10%, 0.68);
  ----color--global--grey-alpha--700-old: hsla(0, 0%, 10%, 0.82);
  ----color--global--grey-alpha--800-old: hsla(0, 0%, 10%, 0.92);
  ----color--global--grey-alpha--900-old: hsla(0, 0%, 10%, 0.97);
  --color--semantic--brand--primary-hover: var(--color--global--brand--600);
  --color--semantic--brand--primary-active: var(--color--global--brand--700);
  --color--semantic--brand--primary-normal: var(--color--global--brand--500);
}
[data-nc-theme~="adeno-learning-dark"] {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: #030B03;
  --color-text-primary: #fcfcfc;
  --color-text-tertiary: #bdbdbd;
  --color-border-default: #FFFFFF;
  --color-surface-raised: #040F04;
  --color-text-secondary: #ebebeb;
  --color-surface-overlay: #051306;
  --color--chart--base--c1: #0e1b0e;
  --color-input-placeholder: var(--color-text-secondary);
  --color-action-border-focus: var(--color--global--learning--400);
  --color-action-neutral-hover: #d6d6d6;
  --color-border-default-alpha: var(--color--global--white-alpha--800);
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-action-neutral-active: #cfcfcf;
  --color-action-neutral-normal: #dedede;
  --color-surface-sunken-neutral: #051306;
  --color--content--brand-primary: var(--color--global--learning--500);
  --color--content--brand-secondary: var(--color--global--learning--300);
  --color-action-neutral-alpha-hover: hsla(0, 0%, 100%, 0.12);
  --color-action-neutral-alpha-active: hsla(0, 0%, 100%, 0.08);
  --color-action-neutral-alpha-normal: #ffffff0a;
  --color--semantic--brand--primary-hover: var(--color--global--learning--600);
  --color--semantic--brand--primary-active: var(--color--global--learning--700);
  --color--semantic--brand--primary-normal: var(--color--global--learning--500);
}
[data-nc-theme~="adeno-learning-light"] {
  --color-text-white: #ffffff;
  --color-icon-neutral: #b8b8b8;
  --color-input-normal: var(--color-text-primary);
  --color-surface-base: hsl(220, 15%, 98%);
  --color-text-primary: #222222;
  --color-text-tertiary: #a6a6a6;
  --color-border-default: #FFFFFF;
  --color-surface-raised: hsl(0, 0%, 100%);
  --color-text-secondary: #5e5e5e;
  --color-surface-overlay: hsl(0, 0%, 100%);
  --color--chart--base--c1: #cccccc;
  --color-input-placeholder: var(--color-text-secondary);
  --color-action-border-focus: var(--color--global--learning--400);
  --color-border-default-alpha: var(--color--global--grey-alpha--100);
  --color--chart--indicator--c1: var(--color--content--brand-primary);
  --color-surface-sunken-neutral: #f2f2f2;
  --color--content--brand-primary: var(--color--global--learning--500);
  --color--content--brand-secondary: var(--color--global--learning--300);
  --color--semantic--brand--primary-hover: var(--color--global--learning--600);
  --color--semantic--brand--primary-active: var(--color--global--learning--700);
  --color--semantic--brand--primary-normal: var(--color--global--learning--500);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-inter: 'Inter',sans-serif;
--font-Inter Tight: 'Inter Tight',sans-serif;
--font-Poppins: 'Poppins',sans-serif;
--font-Raleway: 'Raleway',sans-serif;
--font-Black And White Picture: 'Black And White Picture',display;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .LNQWk {
      flex:1;
      display:flex;
      flex-direction:column;
    }

    .dVVgaa.animation {
      animation:2s ease 0ms 1 normal none running animation-empty, 2s ease 0ms 1 normal none running animation-diMMIZ;
    }

    @keyframes animation-empty {
    }


    @keyframes animation-diMMIZ {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .main-page\:-v4rs0QDUo1FgRMZxt2vG {
      row-gap:var(--space-24);
      column-gap:var(--space-24);
    }

    .main-page\:-v4rs0QDUo1FgRMZxt2vG.animation {
      animation:2s ease 0ms 1 normal none running animation-bvIunr;
    }

    @keyframes animation-bvIunr {
        0% {
          translate: 50px 0 0;
        }

        50% {
          translate: 0px 0 0;
        }
    }

    .byphef {
      grid-area:1 / 1;
    }

    .biezmH {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .main-page\:AMovaR15ZjB9yg6g0jU4n {
      align-items:center;
      justify-content:flex-start;
    }

    .bWpTnd {
      width:fit-content;
      height:auto;
    }

    .main-page\:B-6Tvel_yCE7G4QV8iTpj {
      width:80px;
      cursor:pointer;
      height:80px;
      display:flex;
      background:var(--color--global--white-alpha--500);
      align-items:center;
      justify-content:center;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .main-page\:B-6Tvel_yCE7G4QV8iTpj:hover {
      background:var(--color--global--white-alpha--600);
    }

    .main-page\:B-6Tvel_yCE7G4QV8iTpj:active {
      background:var(--color--global--white-alpha--800);
    }

    .cVmVdW {
      height:100%;
      display:flex;
      align-items:flex-start;
      padding-top:16px;
      padding-left:16px;
      padding-right:16px;
      padding-bottom:16px;
      justify-content:flex-end;
    }

    .cSmzcK {
      color:var(--color-text-primary);
      font-size:32px;
      text-align:left;
      font-family:"Poppins";
      font-weight:400;
      line-height:40px;
      letter-spacing:-1px;
      scroll-margin-top:40px;
    }

    @media (min-width: 640px) {

    .cSmzcK {
      font-size:40px;
      line-height:56px;
      letter-spacing:-1.5px;
    }
    }

    .cSmzcK.centered {
      text-align:center;
    }

    .adeno-ui-text-h2-old\:root {
      font-family:"Inter";
      font-weight:var(--font-weight-medium);
    }

    .adeno-video-popover\:3eWwL-X0NmfJhwGi1V6gA {
      font-size:1.25rem;
      font-family:"Inter";
      font-weight:var(--font-weight-bold);
      line-height:normal;
      letter-spacing:normal;
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .byjkOA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:-1;
      position:absolute;
    }

    .adeno-video-popover\:9TI2vOJ3tEgs7X3XPk7L7.open {
      background:hsla(0, 0%, 10%, 0.82);
    }

    .cBMmx {
      width:24px;
      height:24px;
    }

    .cflTuv {
      width:100%;
      max-height:calc(100% - 64px);
      object-fit:contain;
      aspect-ratio:16/9;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

    .SWxlP:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j {
      height:fit-content;
      opacity:0;
      row-gap:1rem;
      z-index:10;
      max-width:80%;
      min-width:60%;
      background:var(--color-surface-overlay);
      box-sizing:border-box;
      column-gap:1rem;
      margin-top:auto;
      max-height:80%;
      margin-left:auto;
      padding-top:1rem;
      border-color:var(--color-border-default);
      border-style:solid;
      margin-right:auto;
      padding-left:1rem;
      margin-bottom:auto;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:24px;
      border-top-right-radius:24px;
      border-bottom-left-radius:24px;
      border-bottom-right-radius:24px;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j.open {
      opacity:1;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .adeno-video-popover\:pXW1BtWMgk0s00b4EJK1j.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .adeno-video-popover\:pchVtQKAC96QWtWDnz935 {
      color:var(--color-action-neutral-normal);
      width:48px;
      cursor:pointer;
      height:48px;
      display:flex;
      background:var(--color-action-neutral-alpha-normal);
      align-items:center;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-video-popover\:pchVtQKAC96QWtWDnz935:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-video-popover\:pchVtQKAC96QWtWDnz935:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
    }

    .cqpJsI {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .IfzYq {
      color:var(--color-text-primary);
      font-size:var(--text--header--xxlarge);
      font-family:"Poppins";
      font-weight:400;
      line-height:1.2;
    }

    .vdtfn {
      width:100%;
      display:grid;
      grid-row-gap:32px;
      grid-template:auto / 1fr;
      grid-column-gap:32px;
    }

    @media (min-width: 1024px) {

    .vdtfn {
      display:grid;
      align-items:start;
      grid-template:auto / 1fr 1fr;
      grid-column-gap:64px;
    }
    }

    .fvfQAV {
      display:grid;
      overflow-x:hidden;
      overflow-y:hidden;
      grid-template:1fr / 1fr;
    }

    .main-page\:LtJ0HMb4NdWruiiosih54 {
      height:100%;
    }

    .bICxvP {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      background:#0000000d;
      pointer-events:none;
    }

    .main-page\:Lvck_Y_K0PS-L6kBuBriB {
      width:100%;
      height:100%;
      position:relative;
    }

    .bjWlrk {
      font-size:64px;
      font-family:"Poppins";
      font-weight:var(--font-weight-extra-thin);
      line-height:normal;
    }

    @media (max-width: 960px) {

    .bjWlrk {
      font-size:32px;
    }
    }

    .main-page\:NhwneR2FMaUCPvIj7uY8j {
      color:white;
      font-size:64px;
      font-family:"Poppins";
      font-weight:300;
      line-height:1.2;
    }

    @media (max-width: 720px) {

    .main-page\:NhwneR2FMaUCPvIj7uY8j {
      font-size:40px;
    }
    }

    .ceDKfo {
      height:100%;
      display:flex;
      overflow:hidden;
      min-width:0px;
      min-height:fit-content;
      flex-direction:column;
      justify-content:flex-start;
    }

    @media (max-width: 1023px) {

    .ceDKfo {
      order:2;
    }
    }

    .main-page\:O_yi4S-Dr6v6BUl01IFSK {
      overflow-x:visible;
      overflow-y:visible;
    }

    .exUAWQ {
      color:var(--color-text-primary);
      display:inline-block;
      font-size:var(--text--body--base);
      text-align:left;
      font-family:"Raleway";
      font-weight:400;
      line-height:1.4;
    }

    .cAZwmk {
      display:flex;
      row-gap:var(--space-16);
      max-width:100%;
      column-gap:var(--space-16);
      flex-direction:column;
    }

    @media (min-width: 1000px) {

    .cAZwmk {
      width:40%;
    }
    }

    .clkpZo {
      display:flex;
      row-gap:-16px;
      column-gap:-16px;
      flex-direction:column;
    }

    .adeno-layout-section\:root {
      width:inherit;
      height:inherit;
      display:flex;
      background:var(--color-surface-base);
      padding-top:64px;
      padding-left:40px;
      padding-right:40px;
      padding-bottom:64px;
    }

    @media (max-width: 960px) {

    .adeno-layout-section\:root {
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      padding-bottom:24px;
    }
    }

    .main-page\:UXZ8u-HyAZGwxUoSzLheJ {
      width:100%;
      display:flex;
      align-items:center;
      padding-top:120px;
      padding-bottom:120px;
      justify-content:flex-start;
    }

    .dNzhJs {
      width:100%;
      display:flex;
      row-gap:var(--space-40);
      column-gap:var(--space-40);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-logo-carousel\:root {
      background:#fffffff2;
      padding-top:var(--space-24);
      padding-left:var(--space-0);
      padding-right:var(--space-0);
      padding-bottom:var(--space-24);
    }

    .bbGDyU {
      width:100%;
      height:100%;
      object-fit:contain;
    }

    .daMGEk {
      width:fit-content;
      height:fit-content;
      display:flex;
      animation:40s linear 0ms infinite normal none running animation-bNfMUn;
      flex-wrap:nowrap;
      translate:0 0 0;
      will-change:transform;
      flex-direction:row;
    }

    @keyframes animation-bNfMUn {
        0% {
          translate: 0px 0 0;
        }

        100% {
          translate: -100% 0 0;
        }
    }

    .fiPoOE {
      gap:var(--space-32);
      display:flex;
      max-width:unset;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .ciCbIp {
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      flex-direction:row;
    }

    .dwqHjs {
      width:120px;
      height:50px;
      padding-left:8px;
      padding-right:8px;
    }

    .flUVtx {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .flUVtx.animate {
      animation:2s ease 0ms 1 normal none running animation-empty, 2s ease 0ms 1 normal none running animation-diMMIZ;
    }


    .CkpmP {
      transform:translateZ(0);
      background:var(--color-surface-overlay);
      box-shadow:var(--elevation-bottom-200);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:1rem;
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .main-page\:_KJVdklHMbWZdFzMlaune {
      height:100%;
      padding-top:2rem;
      padding-left:2rem;
      padding-right:2rem;
      padding-bottom:2rem;
      border-top-left-radius:1.5rem;
      border-top-right-radius:1.5rem;
      border-bottom-left-radius:1.5rem;
      border-bottom-right-radius:1.5rem;
    }

    .blwJeD {
      width:100%;
      height:100vh;
      max-height:100vh;
    }

    .eQHcoi {
      width:120px;
      height:2px;
      background:var(--color--semantic--brand--primary-normal);
      margin-top:1.5rem;
      margin-bottom:1.5rem;
    }

    .main-page\:bhWYkPlFKwoVktmNSZhRm {
      max-width:640px;
    }

    .Iegiw {
      flex-grow:1;
      flex-shrink:1;
    }

    .bqbQCP {
      width:100%;
      display:flex;
      max-width:1600px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fFCulM {
      width:100%;
      display:flex;
      row-gap:2rem;
      background:var(--color-surface-raised);
      column-gap:2rem;
      min-height:280px;
      align-items:center;
      padding-top:var(--space-24);
      padding-left:var(--space-40);
      padding-right:var(--space-40);
      padding-bottom:var(--space-40);
      justify-content:flex-start;
      border-top-color:var(--color--semantic--brand--primary-normal);
      border-top-style:solid;
      border-top-width:var(--space-4);
    }

    .ehRFAV {
      cursor:pointer;
    }

    .kujyP {
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-footer-item\:ad9rDwDgxcDW6TOg1HMa3 {
      color:var(--brand-primary-normal);
    }

    .bkhvid {
      color:var(--color-text-primary);
      font-size:var(--text--body--small);
      font-family:"Raleway";
      line-height:1.6;
    }

    .adeno-footer-text\:root {
      font-size:var(--text--font-size--body--small);
      font-family:"Poppins";
      font-weight:400;
    }

    .cAGMMH {
      width:112px;
      height:112px;
    }

    .adeno-footer\:5QwUMlvglsthqaPasNady {
      color:var(--color--semantic--brand--primary-normal);
    }

    .adeno-footer\:8wDJYsC4_frWls2sWHfcI {
      color:var(--color--semantic--brand--primary-normal);
    }

    .adeno-footer\:AW4iyXnVz5-CSA0B0AMps {
      color:#0A66C2;
      width:40px;
      height:40px;
    }

    .adeno-footer\:B42GlFrRZ65K32m7SCpuL {
      margin-top:0px;
      margin-bottom:0px;
    }

    .ciWvMU {
      flex:1;
      display:flex;
      row-gap:var(--space-12);
      column-gap:var(--space-12);
      flex-direction:column;
    }

    .adeno-footer\:DcR5yhDHkI_hP3wBCi0kU {
      flex:1;
    }

    .cjuEmB {
      display:flex;
      row-gap:var(--space-8);
      flex-wrap:wrap;
      column-gap:var(--space-8);
      flex-direction:row;
    }

    .adeno-footer\:KQTm1npxSo_lbkQQeaf0Y {
      flex:2;
    }

    .adeno-footer\:PnRhsK1AbZX0T2yWZCKmQ {
      flex:2;
      align-items:flex-end;
      justify-content:flex-start;
    }

    .adeno-footer-heading\:root {
      color:var(--color-text-primary);
      font-size:20px;
      font-family:"Inter Tight";
      font-weight:400;
    }

    .adeno-footer\:U4AK1xOEbLdVroMmcn0_V {
      font-weight:var(--font-weight-bold);
    }

    .kTmVx {
      width:100%;
      max-width:1600px;
      margin-top:auto;
    }

    .eFotaO {
      width:100%;
      display:flex;
      max-width:1600px;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 1150px) {

    .eFotaO {
      row-gap:40px;
      column-gap:40px;
      flex-direction:column;
    }
    }

    .eTzhGQ {
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      flex-direction:row;
    }

    .dFZAmL {
      color:var(--brand-primary-normal);
    }

    .adeno-footer\:gAtvztSBpG7-Z2FNJyUHP {
      color:var(--color--semantic--brand--primary-normal);
    }

    .adeno-footer\:io2XWy9SWWWrEJTi6Rp2N {
      margin-top:0px;
      margin-bottom:0px;
    }

    .dBHEtJ {
      color:var(--color--content--brand-primary);
    }

    .adeno-footer\:oOfj67Mu1rJuleV7I_Vka {
      color:var(--color--semantic--brand--primary-normal);
    }

    .eOxuRq {
      display:inline;
      font-size:14px;
      font-family:"Inter";
      font-weight:inherit;
    }

    .adeno-footer\:qKKrUr_8Fi0vClRkeqBr2 {
      color:var(--color--semantic--brand--primary-normal);
    }

    .cSRkMe {
      align-items:flex-end;
      margin-bottom:1rem;
      justify-content:flex-start;
    }

    .adeno-footer\:t7PxVrYBFOWyaHJpn7WIj {
      flex:1;
      display:flex;
    }

    .adeno-footer\:uhUS200JeI0UhfdDtsDyw {
      margin-top:0px;
      margin-bottom:0px;
    }

    .dkZEQs {
      display:flex;
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      flex-direction:column;
    }

    .freWgk {
      cursor:pointer;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .BavkH {
      width:100%;
      height:100%;
      border-top-left-radius:inherit;
      border-top-right-radius:inherit;
      border-bottom-left-radius:inherit;
      border-bottom-right-radius:inherit;
    }

    .adeno-footer\:y1mwKcnx7mY6duD4kEF7V {
      width:2.5rem;
      height:2.5rem;
    }

    .adeno-footer\:z8jYK5iaxhYoK3A8TPk8b {
      color:var(--color--semantic--brand--primary-normal);
    }

    .NXgSj {
      width:112px;
      height:112px;
      display:flex;
      object-fit:cover;
      align-items:center;
      justify-content:flex-start;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .dkKauK {
      width:100%;
      height:100%;
      display:flex;
      opacity:1;
      position:relative;
      animation:2s ease 0ms 1 normal none running animation-diMMIZ;
      background:linear-gradient(to right, #16334699 0%, #16334666 24%, #0000ff00 68%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      align-items:center;
      justify-content:center;
    }

    .fmbAvR {
      width:100%;
      display:flex;
      max-width:1800px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .adeno-section-customer-cases\:root {
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .adeno-section-customer-cases\:8CEL9baxkHNsnkTKlGR0c {
      align-items:flex-start;
      padding-top:1.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      justify-content:space-between;
    }

    .adeno-ui-button-icon-old\:root {
      color:var(--color-action-neutral-normal);
      width:var(--space-48);
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      opacity:1;
      background:var(--color-action-neutral-alpha-normal);
      transition:background 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-ui-button-icon-old\:root:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-ui-button-icon-old\:root:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
    }

    .adeno-ui-button-icon-old\:root:disabled {
      opacity:0.5;
      pointer-events:none;
    }

    .adeno-section-customer-cases\:A6s7-snKn2b_qi9aRipLd {
      width:100%;
      height:100%;
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .eNvtun {
      width:100%;
      row-gap:32px;
      column-gap:32px;
      list-style:none;
      overflow-x:scroll;
      flex-direction:row;
      scrollbar-width:none;
      scroll-snap-type:x mandatory;
      -ms-overflow-style:none;
    }

    .eNvtun::-webkit-scrollbar {
    width: 0;
    }

    @media (max-width: 500px) {

    .eNvtun {
      column-gap:var(--space-8);
    }
    }

    @media (max-width: 960px) and (min-width: 501px) {

    .eNvtun {
      column-gap:var(--space-16);
    }
    }

    .cGsqMs {
      width:fit-content;
      display:flex;
    }

    .adeno-section-customer-cases\:NAAMrr9cJ-oxZYjJWx7TC {
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .adeno-section-customer-cases\:Nd6hRPrLevAohabWFs55Y {
      width:100%;
      align-items:center;
      justify-content:flex-start;
    }

    .eyTYdz {
      row-gap:var(--space-8);
      column-gap:var(--space-8);
      margin-right:auto;
      flex-direction:row;
    }

    .dnKaMH {
      width:100%;
      display:flex;
      row-gap:var(--space-40);
      column-gap:var(--space-40);
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .adeno-section-customer-cases\:TdkTqJ35R_N50jlCmn6S5 {
      background:linear-gradient(to right, #00000066 5%, #00000000 15%, #22222200 85%, #22222266 95%) scroll padding-box border-box repeat repeat 0% 0% / auto;
    }

    @media (max-width: 500px) {

    .adeno-section-customer-cases\:TdkTqJ35R_N50jlCmn6S5 {
      display:none;
    }
    }

    .fdkesM {
      width:100%;
      display:flex;
      row-gap:var(--space-32);
      max-width:1600px;
      box-sizing:border-box;
      column-gap:var(--space-32);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .adeno-section-customer-cases\:TgX3-smfWyGMolBEehEaT {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .adeno-section-customer-cases\:adp2EPmfw02c6lmDMY4a2 {
      background:linear-gradient(#2b2b2b66 0%, #00000000 0%, #2b2b2b66 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
    }

    .bpqxMN {
      row-gap:0.5rem;
      flex-wrap:wrap;
      max-width:100%;
      column-gap:0.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      flex-direction:row;
    }

    .eBruFC {
      flex:1;
      width:100%;
      height:100%;
      min-width:0px;
    }

    .adeno-section-customer-cases\:dy89N3h1Bm9RrZtsD194d {
      max-width:640px;
    }

    .adeno-section-customer-cases\:erLNlcWxTt-obk4iJvWpt {
      width:100%;
      height:100%;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .hAApA {
      width:60%;
      height:400px;
      display:flex;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
      scroll-snap-align:center;
      border-top-left-radius:var(--radius-xlarge);
      border-top-right-radius:var(--radius-xlarge);
      border-bottom-left-radius:var(--radius-xlarge);
      border-bottom-right-radius:var(--radius-xlarge);
    }

    .reusable-carousel-item\:gwOPeJoBat8_dcsrFl1cW {
      color:#ffffff;
    }

    .GjoiO {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      position:absolute;
      object-fit:cover;
      border-top-left-radius:inherit;
      border-top-right-radius:inherit;
      border-bottom-left-radius:inherit;
      border-bottom-right-radius:inherit;
    }

    .adeno-section-customer-cases\:fRshwPbLr5Dr4ZR5EGx4l {
      width:60%;
      height:500px;
    }

    @media (max-width: 1200px) and (min-width: 501px) {

    .adeno-section-customer-cases\:fRshwPbLr5Dr4ZR5EGx4l {
      width:80%;
    }
    }

    @media (max-width: 500px) {

    .adeno-section-customer-cases\:fRshwPbLr5Dr4ZR5EGx4l {
      width:100%;
    }
    }

    .cCYXsI {
      width:100%;
    }

    .dtPxKI {
      width:100%;
      height:100%;
      max-width:100%;
      object-fit:cover;
    }

    .cmtuah {
      color:var(--color-text-primary);
      font-size:var(--text--body--base);
      font-family:"Raleway";
      line-height:1.6;
    }

    @media (max-width: 1599px) and (min-width: 960px) {

    .cmtuah {
      font-size:1.125rem;
    }
    }

    @media (min-width: 1600px) {

    .cmtuah {
      font-size:1.25rem;
    }
    }

    .adeno-section-customer-cases\:o-jfqpDyHOizHUiERHyXf {
      color:var(--color--global--grey--200);
      font-size:var(--text--body--small);
      font-family:"Poppins";
      font-weight:400;
    }

    .eLZByq {
      color:var(--color-text-primary);
      font-size:var(--text--header--xlarge);
      font-family:"Poppins";
      font-weight:400;
      line-height:1.2;
    }

    .adeno-section-customer-cases\:pFEpnSp53mw97it5lgeC8 {
      color:var(--color-text-white);
      font-size:var(--text--header--large);
      font-weight:400;
      line-height:1.2;
    }

    .brahJd {
      opacity:var(--opacity);
    }

    .adeno-section-customer-cases\:pqTqzuowMoCp70dH2bmKM {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .ccTrqz {
      width:fit-content;
      display:flex;
    }

    .daHkxv {
      color:var(--color--global--grey--700);
      width:fit-content;
      height:28px;
      display:flex;
      font-size:0.875rem;
      background:var(--color--global--grey--100);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      padding-top:0.25rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      justify-content:center;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .bodqAu {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      height:48px;
      display:flex;
      row-gap:var(--space-12);
      font-size:1rem;
      column-gap:var(--space-12);
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-normal);
      line-height:normal;
      border-color:currentColor;
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:8px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bodqAu:hover {
      color:var(--color--semantic--brand--primary-hover);
      column-gap:var(--space-16);
    }

    .bodqAu:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .bodqAu.small {
      height:40px;
      padding-left:8px;
      padding-right:4px;
    }

    .cbqqOk {
      color:var(--color-text-white);
    }

    .cqesqi {
      width:32px;
      height:32px;
      display:flex;
      font-size:inherit;
      background:currentColor;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cqesqi.small {
      width:28px;
      height:28px;
    }

    .cBYozi {
      color:var(--color-text-primary);
      display:inline-block;
      font-size:14px;
      margin-top:var(--margin-top);
      font-family:Inter;
      font-weight:450;
      line-height:20px;
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .cBYozi.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .cBYozi.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .adeno-ui-link-secondary\:WQ5AbwLoiLxeMYgwyQlDJ {
      color:currentColor;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .adeno-section-customer-cases\:vFqlu7R7PJ7fCqRZrM_iG {
      margin-left:auto;
    }

    @media (max-width: 640px) {

    .adeno-section-customer-cases\:vFqlu7R7PJ7fCqRZrM_iG {
      display:none;
      transition:all 300ms ease;
    }
    }

    .dLtuwH {
      width:100%;
      flex-direction:row;
    }

    .adeno-section-meet-our-team\:root {
      width:100%;
      display:flex;
      align-items:center;
      padding-top:120px;
      padding-bottom:120px;
      justify-content:flex-start;
    }

    .adeno-section-meet-our-team\:6C9mv1szMr0wFBljKKR7q {
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .adeno-section-meet-our-team\:C0Jp2JsNlliVizdgpixkE {
      width:100%;
      align-items:center;
      justify-content:flex-start;
    }

    .adeno-section-meet-our-team\:G9ibW-WzCtRp8-voYnezs {
      width:100%;
      height:100%;
      min-width:0px;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .adeno-section-meet-our-team\:K17GhM_xupJucDSmY6AdL {
      height:100%;
    }

    .adeno-section-meet-our-team\:MAqDAJofKwBaOxzg0qtAr {
      align-items:flex-start;
      padding-top:1.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      justify-content:flex-end;
    }

    .adeno-section-meet-our-team\:Mn2huP00DuXsMD5TTaK0P {
      margin-left:auto;
    }

    @media (max-width: 640px) {

    .adeno-section-meet-our-team\:Mn2huP00DuXsMD5TTaK0P {
      display:none;
      transition:all 300ms ease;
    }
    }

    .adeno-section-meet-our-team\:O0cPILx8UNqox5uDt_1ll {
      color:var(--color--global--grey--200);
    }

    .adeno-section-meet-our-team\:PjDFAiGQgBwJvlZdvRItJ {
      max-width:640px;
    }

    .eNBxmO {
      width:100%;
      height:100%;
      min-width:0px;
    }

    .adeno-section-meet-our-team\:dtAee4bJnRMErehv13LAH {
      width:25%;
      height:auto;
      transition:width 300ms ease;
      aspect-ratio:4/5;
    }

    @media (max-width: 680px) and (min-width: 501px) {

    .adeno-section-meet-our-team\:dtAee4bJnRMErehv13LAH {
      width:80%;
    }
    }

    @media (max-width: 500px) {

    .adeno-section-meet-our-team\:dtAee4bJnRMErehv13LAH {
      width:100%;
    }
    }

    @media (max-width: 960px) and (min-width: 681px) {

    .adeno-section-meet-our-team\:dtAee4bJnRMErehv13LAH {
      width:60%;
    }
    }

    .adeno-section-meet-our-team\:fC6oGU0BGcuvGO-ucIGjw {
      color:var(--color-text-white);
      font-size:var(--text--header--large);
      font-weight:400;
      line-height:1.2;
    }

    @media (min-width: 640px) {

    .adeno-section-meet-our-team\:gCFl-PoIGxouVJY0N-KDe {
      display:none;
      transition:all 300ms ease;
    }
    }

    .dEltha {
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:center;
    }

    .main-page\:qHGlk3xL3NtG35KSyiFXG {
      margin-left:auto;
    }

    @media (max-width: 640px) {

    .main-page\:qHGlk3xL3NtG35KSyiFXG {
      display:none;
      transition:all 300ms ease;
    }
    }

    .XQWSq {
      display:flex;
      row-gap:var(--space-64);
      column-gap:var(--space-64);
      align-items:center;
      padding-top:var(--space-64);
      padding-bottom:var(--space-64);
      justify-content:flex-start;
    }

    .dfuuDa {
      width:100%;
      display:flex;
      row-gap:var(--space-40);
      max-width:1600px;
      column-gap:var(--space-40);
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .eTEfaZ {
      width:100%;
      height:fit-content;
      display:grid;
      max-width:1600px;
      flex-direction:row;
      grid-column-gap:1.5rem;
      grid-template-columns:repeat(4, 1fr);
    }

    @media (max-width: 1040px) {

    .eTEfaZ {
      display:grid;
      grid-row-gap:24px;
      grid-template:auto / 1fr;
      flex-direction:column;
    }
    }

    @media (min-width: 1440px) {

    .eTEfaZ {
      display:grid;
      grid-template-columns:repeat(4, 1fr);
    }
    }

    .fszHvR {
      flex:1;
      width:100%;
      cursor:pointer;
      height:100%;
      min-width:0px;
    }

    .adeno-ui-article-card\:Z_Uakd_YHSLjCBkWIFE2l {
      max-width:100%;
      min-width:0px;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .adeno-ui-article-card\:bdmaU9XNGqIumdKcdJpfd {
      color:var(--color-text-secondary);
      font-family:"Poppins";
      font-weight:300;
    }

    .adeno-ui-article-card\:bylsg31tlCNXm2M1Zlvli {
      width:100%;
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:0.75rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.75rem;
    }

    .adeno-ui-article-card\:g6PUbB3qwrdUhZDBTW2He {
      width:100%;
      height:100%;
      row-gap:1rem;
      max-width:100%;
      transition:border-color 300ms ease;
      border-top-left-radius:1.5rem;
      border-top-right-radius:1.5rem;
      border-bottom-left-radius:1.5rem;
      border-bottom-right-radius:1.5rem;
    }

    .adeno-ui-article-card\:g6PUbB3qwrdUhZDBTW2He:hover {
      border-color:var(--color-action-border-focus);
      border-style:solid;
      border-width:1px;
    }

    .QVbbp {
      width:100%;
      min-width:0px;
      max-height:100%;
      object-fit:cover;
      aspect-ratio:3/2;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .dUlKku {
      color:var(--color--semantic--brand--primary-normal);
      width:fit-content;
      cursor:pointer;
      height:2rem;
      display:flex;
      row-gap:0rem;
      font-size:1rem;
      column-gap:0rem;
      margin-top:auto;
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dUlKku:hover {
      color:var(--color--semantic--brand--primary-hover);
      column-gap:0.125rem;
    }

    .dUlKku:active {
      color:var(--color--semantic--brand--primary-active);
      column-gap:0.125rem;
    }

    .fBQtCo {
      color:var(--color-text-primary);
      font-size:clamp(1.125rem, 0.45vw + 1.03rem, 1.375rem);
      font-family:"Poppins";
      font-weight:500;
    }

    @media (max-width: 1599px) and (min-width: 960px) {
    }

    @media (min-width: 1600px) {
    }

    .adeno-ui-article-card\:p_HrUyhznUq8mY9b5qZfA {
      font-size:clamp(1.125rem, 0.45vw + 1.03rem, 1.375rem);
    }

    .adeno-section-latest-news\:gStuXb7TpIwHh2EI5truc {
      margin-left:auto;
    }

    @media (max-width: 640px) {

    .adeno-section-latest-news\:gStuXb7TpIwHh2EI5truc {
      display:none;
      transition:all 300ms ease;
    }
    }

    .adeno-section-latest-news\:uYBogxtBayvCM30LOK0mk {
      max-width:640px;
    }

    .qBvzI {
      width:100%;
      height:100%;
      border-top-left-radius:1.5rem;
      border-top-right-radius:1.5rem;
      border-bottom-left-radius:1.5rem;
      border-bottom-right-radius:1.5rem;
    }

    .main-page\:ujm8kfK3tAjNXkfrOmFQZ {
      max-width:640px;
    }

    .main-page\:xcgNZxiSWNbXJERg50wvL {
      font-size:0.875rem;
    }

    .eKaCwb {
      width:100%;
      height:100%;
      position:absolute;
      object-fit:cover;
      border-top-left-radius:inherit;
      border-top-right-radius:inherit;
      border-bottom-left-radius:inherit;
      border-bottom-right-radius:inherit;
    }

    .main-page\:xqlJ4s5YQPB3DKIFzz_fD {
      margin-left:auto;
    }

    @media (max-width: 640px) {

    .main-page\:xqlJ4s5YQPB3DKIFzz_fD {
      display:none;
      transition:all 300ms ease;
    }
    }

    .eodBPZ {
      top:var(--space-0);
      left:var(--space-0);
      right:var(--space-0);
      width:100%;
      display:flex;
      z-index:100;
      position:fixed;
      background:;
      margin-top:48px;
      transition:all 500ms ease;
      align-items:center;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      justify-content:center;
    }

    @media (max-width: 1100px) {

    .eodBPZ {
      margin-top:0px;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
    }
    }

    @media (min-width: 1100px) {

    .eodBPZ.collapsed {
      margin-top:0px;
    }
    }

    .fmlHGT {
      width:120px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:2px;
    }

    .efuSlk {
      object-fit:cover;
    }

    .header-nav-link\:root {
      height:48px;
    }

    .ewOHtS {
      width:0%;
      height:2px;
      opacity:0;
      background:transparent;
      transition:width 200ms cubic-bezier(0.42, 0, 0.58, 1)  , opacity 200ms ease;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .ewOHtS.hover {
      width:100%;
      height:2px;
      opacity:1;
      background:var(--color--semantic--brand--primary-normal);
    }

    .hJCJi {
      color:var(--color-text-primary);
      width:fit-content;
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      row-gap:var(--space-4);
      font-size:1.125rem;
      column-gap:var(--space-4);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-thin);
      padding-left:var(--space-16);
      font‑family:Inter;
      padding-right:var(--space-16);
      flex-direction:row;
      justify-content:center;
    }

    .hJCJi:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .hJCJi:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .hJCJi.selected {
      color:var(--color--semantic--brand--primary-normal);
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa- {
      gap:0.25rem;
      height:fit-content;
      opacity:0;
      z-index:10;
      min-width:200px;
      background:var(--color-surface-overlay);
      box-shadow:var(--elevation-bottom-200);
      padding-top:24px;
      border-color:var(--color-border-default);
      border-style:solid;
      border-width:1px;
      padding-left:24px;
      padding-right:24px;
      padding-bottom:24px;
      border-top-left-radius:16px;
      border-top-right-radius:16px;
      border-bottom-left-radius:16px;
      border-bottom-right-radius:16px;
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa-.open {
      opacity:1;
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa-.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .adeno-ui-header-flyout-popover\:OX3O-r2ffH21w_f0fxZa-.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .adeno-ui-header-flyout-popover\:sHGTkeU7Ej-w1nhzyUBGq {
      top:0px;
      flex:1;
      left:24px;
      right:24px;
      width:auto;
      height:80px;
      display:flex;
      position:fixed;
      max-width:1800px;
      background:;
      margin-top:var(--top-margin);
      margin-left:auto;
      margin-right:auto;
      flex-direction:row;
      pointer-events:none;
    }

    .foeVzP {
      color:var(--color--semantic--brand--primary-normal);
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-website-nav-mobile\:8UtYnTGM3AoXDZMILyex- {
      width:100%;
    }

    .adeno-website-nav-mobile\:8YYa0Jmiibd3TfiUBy2TZ {
      color:var(--color-action-neutral-normal);
      width:2.5rem;
      height:2.5rem;
      transition:background 200ms ease;
      align-items:center;
      margin-left:auto;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-website-nav-mobile\:8YYa0Jmiibd3TfiUBy2TZ:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-website-nav-mobile\:8YYa0Jmiibd3TfiUBy2TZ:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
      transition:none;
    }

    .adeno-website-nav-mobile\:AvJsqa6jePa7eTdGrpm_d {
      padding-left:1rem;
      border-top-color:var(--color-border-default-alpha);
      border-top-style:solid;
      border-top-width:1px;
      border-bottom-color:var(--color-border-default);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .edAQxD {
      height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      will-change:height;
    }

    .edAQxD.open {
      height:var(--height);
    }

    .adeno-website-nav-mobile\:AvcGnUsOZ40SRgWAJSSKL {
      transition:height 300ms ease;
    }

    .dFABMl {
      color:var(--color--semantic--brand--primary-normal);
      width:100%;
      display:flex;
      row-gap:1rem;
      font-size:var(--text--header--base);
      column-gap:1rem;
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      line-height:1.2;
      padding-top:1rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .dFABMl:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .dFABMl:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .epAvcr {
      flex:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:normal;
    }

    .epIAAF {
      flex:1;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
      line-height:normal;
    }

    .rltzo {
      flex:1;
    }

    .zDxWt {
      flex:1;
      padding-bottom:2rem;
    }

    .adeno-website-nav-mobile\:OQgEgV1aGzKfrMBF96IYb {
      color:var(--color-action-neutral-normal);
      width:2.5rem;
      height:2.5rem;
      transition:background 200ms ease;
      align-items:center;
      margin-left:auto;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-website-nav-mobile\:OQgEgV1aGzKfrMBF96IYb:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-website-nav-mobile\:OQgEgV1aGzKfrMBF96IYb:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
      transition:none;
    }

    .btfUgi {
      height:3rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-website-nav-mobile\:VB12Z9IWxRsnH59YCVYba {
      width:100vw;
      height:100vh;
      display:flex;
      row-gap:2rem;
      background:var(--color-surface-overlay);
      column-gap:2rem;
      padding-top:2.5rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
    }

    .dGQHuB {
      rotate:0 0 1 0deg;
      transition:rotate 300ms ease;
    }

    .dGQHuB.is-open {
      rotate:0 0 1 -180deg;
    }

    .adeno-website-nav-mobile\:u7wQnYpdaSXX_TCCC-tUU {
      color:var(--color--semantic--brand--primary-normal);
      width:100%;
      display:flex;
      row-gap:1rem;
      font-size:var(--text--header--base);
      column-gap:1rem;
      align-items:center;
      font-family:"Poppins";
      font-weight:500;
      line-height:1.2;
      padding-top:1rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .adeno-website-nav-mobile\:u7wQnYpdaSXX_TCCC-tUU:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .adeno-website-nav-mobile\:u7wQnYpdaSXX_TCCC-tUU:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .bCrsFu {
      overflow-y:auto;
      touch-action:auto;
    }

    .adeno-website-nav-mobile\:z-6eIDXEkA3bgugvt1FcW {
      flex:1;
    }

    .bJoCor.orientation-horizontal {
      flex-direction:row;
    }

    .adeno-website-nav-mobile\:zlo2RLppm6d0Y8k-6Z2Eg {
      flex:1;
    }

    .MCOBo {
      flex:1;
      display:flex;
      row-gap:24px;
      column-gap:24px;
      flex-direction:row;
    }

    .dKgQGF {
      flex:1;
      color:var(--color-text-primary);
      cursor:pointer;
      display:flex;
      position:relative;
      font-size:var(--space-24);
      align-items:flex-start;
      font-family:"Poppins";
      font-weight:400;
      outline-color:transparent;
      outline-style:solid;
      outline-width:2px;
      justify-content:center;
    }

    .dKgQGF:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .dKgQGF:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .bfrgcb {
      width:0%;
      height:2px;
      opacity:0;
      background:transparent;
      transition:width 300ms cubic-bezier(0.42, 0, 0.58, 1)  , opacity 200ms ease;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .bfrgcb.hover {
      width:100%;
      height:2px;
      opacity:1;
      background:var(--color--semantic--brand--primary-normal);
    }

    .aoWlM {
      row-gap:var(--space-8);
      column-gap:var(--space-8);
    }

    .bgZSOx {
      width:33%;
      row-gap:var(--space-12);
      column-gap:var(--space-12);
    }

    .hzDlp {
      flex:1;
      background:var(--global-colors--grey-alpha--100);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-ui-flyout-menu-header\:root {
      color:var(--color-text-secondary);
      font-size:1.25rem;
      font-family:"Poppins";
      font-weight:400;
      line-height:normal;
    }

    .fGKoxO {
      display:none;
    }

    @media (max-width: 1100px) {

    .fGKoxO {
      display:flex;
    }
    }

    .adeno-header\:FrpPu6o62ZO3sTqmvKrhQ {
      color:var(--color-action-neutral-normal);
      width:2.5rem;
      height:2.5rem;
      transition:background 200ms ease;
      align-items:center;
      margin-left:auto;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .adeno-header\:FrpPu6o62ZO3sTqmvKrhQ:hover {
      color:var(--color-action-neutral-hover);
      background:var(--color-action-neutral-alpha-hover);
    }

    .adeno-header\:FrpPu6o62ZO3sTqmvKrhQ:active {
      color:var(--color-action-neutral-active);
      background:var(--color-action-neutral-alpha-active);
      transition:none;
    }

    .cfXSqU {
      display:flex;
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    @media (max-width: 1100px) {

    .cfXSqU {
      display:none;
    }
    }

    .adeno-header\:QPCji-yDMn05VskxqhPda {
      width:20px;
      height:20px;
    }

    .aHiKj {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .adeno-header\:VY9daZgbu6kU1mj7QAuUH {
      width:20px;
      height:20px;
    }

    .adeno-header\:YQGWU5YQ9hQxKO6C_4y3v {
      width:20px;
      height:20px;
    }

    .Rylgt {
      flex:1;
      display:flex;
      row-gap:24px;
      background:var(--color-surface-overlay);
      column-gap:24px;
      padding-top:24px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      padding-bottom:24px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .QDfXC {
      width:28px;
      height:28px;
      display:flex;
      font-size:inherit;
      background:currentColor;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cSoyfG {
      flex:1;
      display:flex;
      background:var(--global-colors--grey-alpha--100);
      padding-top:16px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:16px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-header-about-flyout-menu\:O2ludI_pqQMm0L27PVZ23 {
      height:40px;
      font-size:0.875rem;
    }

    .adeno-header-about-flyout-menu\:Ss3lE3WZ_hoF8vDXiD53F {
      width:64px;
      cursor:pointer;
      height:64px;
      display:flex;
      background:var(--global-colors--grey-alpha--500);
      align-items:center;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .adeno-header-about-flyout-menu\:Ss3lE3WZ_hoF8vDXiD53F:hover {
      background:var(--global-colors--grey-alpha--400);
    }

    .adeno-header-about-flyout-menu\:Ss3lE3WZ_hoF8vDXiD53F:active {
      background:var(--global-colors--grey-alpha--300);
    }

    .bpDezH {
      color:var(--color-text-primary);
      font-size:24px;
      text-align:left;
      font-family:"Poppins";
      font-weight:400;
      line-height:32px;
      letter-spacing:-0.5px;
    }

    @media (min-width: 640px) {

    .bpDezH {
      font-size:32px;
      line-height:48px;
      letter-spacing:-0.5px;
    }
    }

    .bpDezH.centered {
      text-align:center;
    }

    .adeno-header-about-flyout-menu\:T89HN7Jo2bwZzwB9NudEF {
      font-size:1.125rem;
      line-height:normal;
    }

    .bxLYIR {
      flex:1;
      max-width:100%;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dNXxOQ {
      padding-top:var(--space-12);
      padding-bottom:var(--space-12);
    }

    .dKRpGl {
      width:50%;
      display:flex;
      row-gap:32px;
      column-gap:32px;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .adeno-header-about-flyout-menu\:eOIbx8eaH2kGMoy-GJnf9 {
      color:currentColor;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .kpgyE {
      row-gap:1rem;
      column-gap:1rem;
    }

    .header-nav-button\:root {
      height:48px;
    }

    .fBkblK {
      color:var(--color-text-primary);
      width:fit-content;
      cursor:pointer;
      height:var(--space-48);
      display:flex;
      row-gap:var(--space-4);
      font-size:1.125rem;
      column-gap:var(--space-4);
      align-items:center;
      font-family:"Poppins";
      font-weight:var(--font-weight-thin);
      padding-left:var(--space-16);
      font‑family:Inter;
      padding-right:var(--space-16);
      flex-direction:row;
      justify-content:center;
    }

    .fBkblK:hover {
      color:var(--color--semantic--brand--primary-hover);
    }

    .fBkblK:active {
      color:var(--color--semantic--brand--primary-active);
    }

    .fBkblK.selected {
      color:var(--color--semantic--brand--primary-normal);
      font-weight:var(--font-weight-normal);
    }

    .adeno-header\:h9FHY9gR9kNE7DIrKhhTC {
      width:20px;
      height:20px;
    }

    .eLNrVS {
      color:white;
      width:fit-content;
      cursor:pointer;
      height:40px;
      display:flex;
      font-size:var(--text--font-size--body--base);
      background:var(--color--semantic--brand--primary-normal);
      align-items:center;
      font-family:"Inter";
      font-weight:450;
      line-height:var(--text--line-height--body--base);
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--space-8);
      border-top-right-radius:var(--space-8);
      border-bottom-left-radius:var(--space-8);
      border-bottom-right-radius:var(--space-8);
    }

    .eLNrVS:hover {
      background:var(--color--semantic--brand--primary-hover);
    }

    .eLNrVS:active {
      background:var(--color--semantic--brand--primary-active);
    }

    @media (min-width: 960px) {

    .eLNrVS {
      height:48px;
      padding-left:24px;
      padding-right:24px;
    }
    }

    .eEbONa {
      flex-direction:row;
    }

    @media (max-width: 1100px) {

    .eEbONa {
      display:none;
    }
    }

    .eHVWsl {
      width:100%;
      height:80px;
      display:flex;
      opacity:1;
      z-index:1000;
      max-width:1800px;
      background:var(--color-surface-raised);
      box-shadow:0px 2px 2px -1px #2121210a, 0px 2px 8px -1px #21212114;
      transition:background 300ms ease;
      align-items:center;
      padding-top:var(--space-12);
      border-color:var(--color-border-default-alpha);
      border-style:solid;
      border-width:1px;
      padding-left:var(--space-16);
      padding-right:var(--space-16);
      flex-direction:row;
      padding-bottom:var(--space-12);
      justify-content:space-between;
      border-top-left-radius:var(--space-12);
      border-top-right-radius:var(--space-12);
      border-bottom-left-radius:var(--space-12);
      border-bottom-right-radius:var(--space-12);
    }

    @media (max-width: 1100px) {

    .eHVWsl {
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }
    }

    @media (min-width: 1100px) {

    .eHVWsl.transparent {
      background:hsla(0, 0%, 100%, 0.12);
    }
    }

    @media (min-width: 1100px) {

    .eHVWsl:hover {
      background:var(--color-surface-raised);
    }
    }

    .ePAKiB {
      aspect-ratio:4/3;
    }

    @media (max-width: 1023px) and (min-width: 480px) {

    .ePAKiB {
      order:1;
      max-width:100%;
      max-height:100%;
      aspect-ratio:16/9;
    }
    }

    @media (max-width: 480px) {

    .ePAKiB {
      aspect-ratio:4/3;
    }
    }

    @media (min-width: 1400px) {

    .main-page\:yGXR_cE8EOnjW-WEAZqZc {
      aspect-ratio:16/9;
    }
    }