@charset "UTF-8";
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 400;
  src: local(arial);
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
:root {
  interpolate-size: allow-keywords;
}

*,
*::after,
*::before {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  vertical-align: baseline;
  outline: none;
  list-style-type: none;
  border: 0;
}

html {
  font-size: 100%;
}

body {
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  font-family: var(--font-family-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-base);
  text-shadow: none;
  background-color: var(--color-theme-background);
  text-rendering: optimizelegibility;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

input,
button,
textarea,
select {
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
}

@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 400;
  src: local(arial);
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "AmbitFallbackFont";
  font-weight: 400 600;
  src: local(arial);
  size-adjust: 103.5%;
  ascent-override: 83%;
  descent-override: 18%;
  line-gap-override: 10.8%;
}
@font-face {
  font-family: "AmbitFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 103.5%;
  ascent-override: 83%;
  descent-override: 21.2%;
  line-gap-override: 7.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 400;
  src: local(arial);
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 400;
  src: local(arial);
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "AmbitFallbackFont";
  font-weight: 400 600;
  src: local(arial);
  size-adjust: 103.5%;
  ascent-override: 83%;
  descent-override: 18%;
  line-gap-override: 10.8%;
}
@font-face {
  font-family: "AmbitFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 103.5%;
  ascent-override: 83%;
  descent-override: 21.2%;
  line-gap-override: 7.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 400;
  src: local(arial);
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
:root[data-theme=tui-light],
:host([data-theme=tui-light]),
[data-theme=tui-light],
.theme-tui-light {
  --theme-name: "tui-light";
  --color-achromatic-base-200: var(--color-functional-neutral-200);
  --color-achromatic-base-400: var(--color-functional-neutral-400);
  --color-achromatic-base-600: var(--color-functional-neutral-600);
  --color-functional-alert-200: hsl(45, 100%, 87%);
  --color-functional-alert-600: hsl(46, 88%, 62%);
  --color-functional-alert-800: hsl(36, 100%, 48%);
  --color-functional-base-200: hsl(224, 91%, 92%);
  --color-functional-base-400: hsl(224, 91%, 85%);
  --color-functional-base-600: hsl(224, 91%, 50%);
  --color-functional-base-800: hsl(248, 69%, 21%);
  --color-functional-error-200: hsl(0, 90%, 92%);
  --color-functional-error-600: hsl(358, 88%, 44%);
  --color-functional-error-800: hsl(358, 88%, 24%);
  --color-functional-neutral-000: hsl(0, 0%, 100%);
  --color-functional-neutral-100: hsl(0, 0%, 96%);
  --color-functional-neutral-200: hsl(0, 0%, 86%);
  --color-functional-neutral-400: hsl(0, 0%, 73%);
  --color-functional-neutral-600: hsl(0, 0%, 45%);
  --color-functional-neutral-800: hsl(0, 0%, 30%);
  --color-functional-neutral-900: hsl(0, 0%, 0%);
  --color-functional-success-200: hsl(135, 36%, 83%);
  --color-functional-success-600: hsl(151, 58%, 45%);
  --color-functional-success-800: hsl(175, 86%, 14%);
  --color-on-achromatic-base-200: var(--color-theme-variant);
  --color-on-achromatic-base-400: var(--color-functional-neutral-900);
  --color-on-achromatic-base-600: hsl(0, 0%, 100%);
  --color-on-functional-alert-200: var(--color-theme-variant);
  --color-on-functional-alert-600: var(--color-theme-variant);
  --color-on-functional-alert-800: var(--color-theme-variant);
  --color-on-functional-base-200: var(--color-theme-variant);
  --color-on-functional-base-400: var(--color-theme-variant);
  --color-on-functional-base-600: var(--color-theme-background);
  --color-on-functional-base-800: var(--color-theme-background);
  --color-on-functional-error-200: var(--color-theme-variant);
  --color-on-functional-error-600: var(--color-theme-background);
  --color-on-functional-error-800: var(--color-theme-background);
  --color-on-functional-neutral-100: var(--color-functional-neutral-800);
  --color-on-functional-neutral-200: var(--color-functional-neutral-800);
  --color-on-functional-neutral-400: var(--color-functional-neutral-900);
  --color-on-functional-neutral-600: var(--color-theme-background);
  --color-on-functional-neutral-800: var(--color-theme-background);
  --color-on-functional-neutral-900: var(--color-theme-background);
  --color-on-functional-success-200: var(--color-theme-variant);
  --color-on-functional-success-600: var(--color-theme-variant);
  --color-on-functional-success-800: hsl(0, 0%, 100%);
  --color-on-theme-background: var(--color-theme-variant);
  --color-on-theme-base-200: var(--color-theme-variant);
  --color-on-theme-base-400: var(--color-theme-variant);
  --color-on-theme-base-600: var(--color-theme-variant);
  --color-on-theme-base-variant: var(--color-on-theme-variant);
  --color-on-theme-base: var(--color-theme-variant);
  --color-on-theme-contrast: var(--color-theme-background);
  --color-on-theme-promotion: var(--color-theme-background);
  --color-on-theme-surface: var(--color-theme-variant);
  --color-on-theme-sustainable-200: hsl(248, 69%, 21%);
  --color-on-theme-sustainable-800: hsl(0, 0%, 100%);
  --color-on-theme-sustainable-600: hsl(248, 69%, 21%);
  --color-on-theme-variant: var(--color-theme-background);
  --color-theme-background: hsl(0, 0%, 100%);
  --color-theme-base-200: hsl(199, 86%, 94%);
  --color-theme-base-400: hsl(199, 86%, 88%);
  --color-theme-base-600: hsl(199, 86%, 82%);
  --color-theme-base-800: hsl(217, 83%, 20%);
  --color-theme-base-variant: var(--color-theme-variant);
  --color-theme-base: hsl(199, 86%, 70%);
  --color-theme-contrast: hsl(224, 91%, 50%);
  --color-theme-promotion: hsl(358, 88%, 44%);
  --color-theme-surface: hsl(0, 0%, 100%);
  --color-theme-sustainable-200: hsl(135, 36%, 83%);
  --color-theme-sustainable-600: hsl(151, 58%, 45%);
  --color-theme-sustainable-800: hsl(175, 86%, 14%);
  --color-theme-variant: hsl(248, 69%, 21%);
  --color-transparent-base: hsla(248, 69%, 21%, 0.75);
  --color-transparent-contrast: hsla(199, 86%, 70%, 0.75);
  --color-transparent-neutral-200: hsla(0, 0%, 0%, 0.15);
  --color-transparent-neutral-400: hsla(0, 0%, 0%, 0.3);
  --color-transparent-neutral-600: hsla(0, 0%, 0%, 0.5);
  --color-transparent-variant: hsla(0, 100%, 100%, 0.75);
  --color-gradient-dark: hsla(248deg 69% 21% / 100%) 0%, hsla(248deg 69% 21% / 80%) 15%, hsla(248deg 69% 21% / 0%) 95%, hsla(248deg 69% 21% / 0%) 100%;
  --color-gradient-light: hsla(360deg 100% 100% / 100%) 0%, hsla(360deg 100% 100% / 80%) 15%, hsla(360deg 100% 100% / 0%) 95%, hsla(360deg 100% 100% / 0%) 100%;
  
  /* MANUEL ADDED */
  --header-bg:var(--color-theme-base-200);
  --header-container-bg:var(--color-theme-background);
  --full-section-bg: hsla(199, 86%, 70%, 0.4);
}
:root[data-theme=tui-light],
:host([data-theme=tui-light]),
[data-theme=tui-light],
.theme-tui-light {
  --color-backdrop: hsla(248, 69%, 21%, 0.75);
}
:root[data-theme=tui-light] ::backdrop,
:host([data-theme=tui-light]) ::backdrop,
[data-theme=tui-light] ::backdrop,
.theme-tui-light ::backdrop {
  --color-backdrop: hsla(248, 69%, 21%, 0.75);
}
:root[data-theme=tui-light]:root[data-mode=dark], :root[data-theme=tui-light]:host([data-mode=dark]), :root[data-theme=tui-light][data-mode=dark], :root[data-theme=tui-light].dark,
:host([data-theme=tui-light]):root[data-mode=dark],
:host([data-theme=tui-light]):host([data-mode=dark]),
:host([data-theme=tui-light])[data-mode=dark],
:host([data-theme=tui-light]).dark,
[data-theme=tui-light]:root[data-mode=dark],
[data-theme=tui-light]:host([data-mode=dark]),
[data-theme=tui-light][data-mode=dark],
[data-theme=tui-light].dark,
.theme-tui-light:root[data-mode=dark],
.theme-tui-light:host([data-mode=dark]),
.theme-tui-light[data-mode=dark],
.theme-tui-light.dark {
  color-scheme: dark;
  --color-achromatic-base-200: var(--color-functional-neutral-200);
  --color-achromatic-base-400: var(--color-functional-neutral-400);
  --color-achromatic-base-600: var(--color-functional-neutral-600);
  --color-functional-alert-200: hsl(36, 100%, 48%);
  --color-functional-alert-600: hsl(46, 88%, 62%);
  --color-functional-alert-800: hsl(45, 100%, 87%);
  --color-functional-base-200: hsl(248, 69%, 21%);
  --color-functional-base-400: hsl(224, 70%, 39%);
  --color-functional-base-600: hsl(218, 91%, 59%);
  --color-functional-base-800: hsl(224, 90%, 92%);
  --color-functional-error-200: hsl(358, 89%, 24%);
  --color-functional-error-600: hsl(358, 88%, 44%);
  --color-functional-error-800: hsl(0, 90%, 92%);
  --color-functional-neutral-000: hsl(216, 65%, 10%);
  --color-functional-neutral-100: hsl(217, 18%, 28%);
  --color-functional-neutral-200: hsl(217, 18%, 36%);
  --color-functional-neutral-400: hsl(216, 9%, 46%);
  --color-functional-neutral-600: hsl(217, 7%, 64%);
  --color-functional-neutral-800: hsl(214, 8%, 82%);
  --color-functional-neutral-900: hsl(210, 9%, 91%);
  --color-functional-success-200: hsl(175, 86%, 14%);
  --color-functional-success-600: hsl(151, 58%, 45%);
  --color-functional-success-800: hsl(135, 36%, 83%);
  --color-on-achromatic-base-200: hsl(216, 65%, 100%);
  --color-on-achromatic-base-400: hsl(216, 65%, 100%);
  --color-on-achromatic-base-600: hsl(216, 65%, 10%);
  --color-on-functional-alert-200: var(--color-functional-neutral-000);
  --color-on-functional-alert-600: var(--color-functional-neutral-000);
  --color-on-functional-alert-800: var(--color-functional-neutral-000);
  --color-on-functional-base-200: hsl(0, 0%, 100%);
  --color-on-functional-base-400: hsl(0, 0%, 100%);
  --color-on-functional-base-600: hsl(0, 0%, 100%);
  --color-on-functional-base-800: hsl(216, 65%, 10%);
  --color-on-functional-error-200: hsl(0, 0%, 100%);
  --color-on-functional-error-600: hsl(0, 0%, 100%);
  --color-on-functional-error-800: var(--color-functional-neutral-000);
  --color-on-functional-neutral-100: var(--color-functional-neutral-800);
  --color-on-functional-neutral-200: hsl(0, 0%, 100%);
  --color-on-functional-neutral-400: hsl(0, 0%, 100%);
  --color-on-functional-neutral-600: hsl(216, 65%, 10%);
  --color-on-functional-neutral-800: hsl(216, 65%, 10%);
  --color-on-functional-neutral-900: hsl(216, 65%, 10%);
  --color-on-functional-success-200: hsl(0, 0%, 100%);
  --color-on-functional-success-600: var(--color-functional-neutral-000);
  --color-on-functional-success-800: var(--color-functional-neutral-000);
  --color-on-theme-background: hsl(0, 0%, 100%);
  --color-on-theme-base-200: hsl(0, 0%, 100%);
  --color-on-theme-base-400: hsl(0, 0%, 100%);
  --color-on-theme-base-600: hsl(0, 0%, 100%);
  --color-on-theme-base-variant: var(--color-on-theme-variant);
  --color-on-theme-base: hsl(216, 65%, 10%);
  --color-on-theme-contrast: hsl(0, 0%, 100%);
  --color-on-theme-promotion: hsl(0, 0%, 100%);
  --color-on-theme-surface: hsl(0, 0%, 100%);
  --color-on-theme-sustainable-200: hsl(248, 69%, 21%);
  --color-on-theme-sustainable-800: hsl(0, 0%, 100%);
  --color-on-theme-sustainable-600: hsl(248, 69%, 21%);
  --color-on-theme-variant: hsl(216, 65%, 10%);
  --color-theme-background: hsl(216, 65%, 10%);
  --color-theme-base-200: hsl(199, 86%, 40%);
  --color-theme-base-400: hsl(199, 66%, 50%);
  --color-theme-base-600: hsl(199, 76%, 60%);
  --color-theme-base-800: hsl(217, 83%, 20%);
  --color-theme-base-variant: var(--color-theme-variant);
  --color-theme-base: hsl(199, 86%, 70%);
  --color-theme-contrast: hsl(218, 91%, 59%);
  --color-theme-promotion: hsl(358, 88%, 64%);
  --color-theme-surface: hsl(217, 63%, 20%);
  --color-theme-sustainable-200: hsl(135, 36%, 83%);
  --color-theme-sustainable-600: hsl(151, 58%, 45%);
  --color-theme-sustainable-800: hsl(175, 86%, 14%);
  --color-theme-variant: hsl(0, 0%, 100%);
  --color-transparent-base: hsla(217, 83%, 20%, 0.75);
  --color-transparent-contrast: hsla(199, 86%, 70%, 0.75);
  --color-transparent-neutral-200: hsla(0, 0%, 0%, 0.15);
  --color-transparent-neutral-400: hsla(0, 0%, 0%, 0.3);
  --color-transparent-neutral-600: hsla(0, 0%, 0%, 0.5);
  --color-transparent-variant: hsla(0, 100%, 100%, 0.75);
  --color-gradient-dark: hsla(217deg 83% 20% / 100%) 0%, hsla(217deg 83% 20% / 80%) 15%, hsla(217deg 83% 20% / 0%) 95%, hsla(217deg 83% 20% / 0%) 100%;
  --color-gradient-light: hsla(360deg 100% 100% / 100%) 0%, hsla(360deg 100% 100% / 80%) 15%, hsla(360deg 100% 100% / 0%) 95%, hsla(360deg 100% 100% / 0%) 100%;
  --color-on-theme-promotion-100: hsl(248, 69%, 21%);
  --color-text-base: hsl(0, 0%, 100%);
  --color-text-leading: hsl(0, 0%, 100%);
  --color-transparent-background: hsla(0, 0%, 100%, 0);
  --color-transparent-neutral: hsla(0, 0%, 0%, 0.15);
}
:root[data-theme=tui-light]:root[data-mode=dark], :root[data-theme=tui-light]:host([data-mode=dark]), :root[data-theme=tui-light][data-mode=dark], :root[data-theme=tui-light].dark,
:host([data-theme=tui-light]):root[data-mode=dark],
:host([data-theme=tui-light]):host([data-mode=dark]),
:host([data-theme=tui-light])[data-mode=dark],
:host([data-theme=tui-light]).dark,
[data-theme=tui-light]:root[data-mode=dark],
[data-theme=tui-light]:host([data-mode=dark]),
[data-theme=tui-light][data-mode=dark],
[data-theme=tui-light].dark,
.theme-tui-light:root[data-mode=dark],
.theme-tui-light:host([data-mode=dark]),
.theme-tui-light[data-mode=dark],
.theme-tui-light.dark {
  --color-backdrop: hsla(0, 0%, 0%, 0.5);
}
:root[data-theme=tui-light]:root[data-mode=dark] ::backdrop, :root[data-theme=tui-light]:host([data-mode=dark]) ::backdrop, :root[data-theme=tui-light][data-mode=dark] ::backdrop, :root[data-theme=tui-light].dark ::backdrop,
:host([data-theme=tui-light]):root[data-mode=dark] ::backdrop,
:host([data-theme=tui-light]):host([data-mode=dark]) ::backdrop,
:host([data-theme=tui-light])[data-mode=dark] ::backdrop,
:host([data-theme=tui-light]).dark ::backdrop,
[data-theme=tui-light]:root[data-mode=dark] ::backdrop,
[data-theme=tui-light]:host([data-mode=dark]) ::backdrop,
[data-theme=tui-light][data-mode=dark] ::backdrop,
[data-theme=tui-light].dark ::backdrop,
.theme-tui-light:root[data-mode=dark] ::backdrop,
.theme-tui-light:host([data-mode=dark]) ::backdrop,
.theme-tui-light[data-mode=dark] ::backdrop,
.theme-tui-light.dark ::backdrop {
  --color-backdrop: hsla(0, 0%, 0%, 0.5);
}
:root[data-theme=tui-light]:root[data-mode=dark], :root[data-theme=tui-light]:host([data-mode=dark]), :root[data-theme=tui-light][data-mode=dark], :root[data-theme=tui-light].dark,
:host([data-theme=tui-light]):root[data-mode=dark],
:host([data-theme=tui-light]):host([data-mode=dark]),
:host([data-theme=tui-light])[data-mode=dark],
:host([data-theme=tui-light]).dark,
[data-theme=tui-light]:root[data-mode=dark],
[data-theme=tui-light]:host([data-mode=dark]),
[data-theme=tui-light][data-mode=dark],
[data-theme=tui-light].dark,
.theme-tui-light:root[data-mode=dark],
.theme-tui-light:host([data-mode=dark]),
.theme-tui-light[data-mode=dark],
.theme-tui-light.dark {
  --elevation-shadow-0: 0 0 0.125rem 0 var(--color-shadow);
  --elevation-shadow-1: 0 0 0.25rem 0 var(--color-shadow);
  --elevation-shadow-2: 0 0 0.5rem 0 var(--color-shadow);
  --elevation-shadow-3: 0 0 0.75rem 0 var(--color-shadow);
  --elevation-shadow-4: 0 0 1rem 0 var(--color-shadow);
  --elevation-shadow-5: 0 0 1.25rem 0 var(--color-shadow);
  --elevation-shadow-6: 0 0 1.5rem 0 var(--color-shadow);
  --elevation-background-0: var(--color-theme-surface);
  --elevation-background-1: var(--color-theme-surface) var(--color-lighten-100);
  --elevation-background-2: var(--color-theme-surface) var(--color-lighten-200);
  --elevation-background-3: var(--color-theme-surface) var(--color-lighten-300);
  --elevation-background-4: var(--color-theme-surface) var(--color-lighten-400);
  --elevation-background-5: var(--color-theme-surface) var(--color-lighten-500);
  --elevation-background-6: var(--color-theme-surface) var(--color-lighten-600);
}
:root[data-theme=tui-light],
:host([data-theme=tui-light]),
[data-theme=tui-light],
.theme-tui-light {
  --color-text-lead: var(--color-theme-variant);
  --color-text-base: var(--color-functional-neutral-800);
  --color-concept-tuiblue: hsl(247, 68%, 21%);
  --color-concept-tuikids: hsl(247, 68%, 21%);
  --color-concept-riu: hsl(357, 97%, 42%);
  --color-concept-timetosmile: hsl(65, 29%, 59%);
  --color-concept-suneoclub: hsl(205, 100%, 36%);
  --color-concept-splashworld: hsl(190, 59%, 62%);
  --color-concept-robinson: hsl(205, 100%, 35%);
  --color-concept-scene: hsl(0, 0%, 0%);
  --color-concept-sensatori: hsl(247, 68%, 21%);
  --color-concept-magiclife: hsl(58, 100%, 50%);
  --color-concept-smallfriendly: hsl(199, 100%, 34%);
  --color-concept-bluestar: hsl(201, 85%, 87%);
  --color-lighten-900: linear-gradient(180deg, hsla(0, 100%, 100%, 0.9) 0%, hsla(0, 100%, 100%, 0.9) 100%);
  --color-lighten-800: linear-gradient(180deg, hsla(0, 100%, 100%, 0.8) 0%, hsla(0, 100%, 100%, 0.8) 100%);
  --color-lighten-750: linear-gradient(180deg, hsla(0, 100%, 100%, 0.75) 0%, hsla(0, 100%, 100%, 0.75) 100%);
  --color-lighten-700: linear-gradient(180deg, hsla(0, 100%, 100%, 0.7) 0%, hsla(0, 100%, 100%, 0.7) 100%);
  --color-lighten-600: linear-gradient(180deg, hsla(0, 100%, 100%, 0.6) 0%, hsla(0, 100%, 100%, 0.6) 100%);
  --color-lighten-500: linear-gradient(180deg, hsla(0, 100%, 100%, 0.5) 0%, hsla(0, 100%, 100%, 0.5) 100%);
  --color-lighten-400: linear-gradient(180deg, hsla(0, 100%, 100%, 0.4) 0%, hsla(0, 100%, 100%, 0.4) 100%);
  --color-lighten-300: linear-gradient(180deg, hsla(0, 100%, 100%, 0.3) 0%, hsla(0, 100%, 100%, 0.3) 100%);
  --color-lighten-200: linear-gradient(180deg, hsla(0, 100%, 100%, 0.2) 0%, hsla(0, 100%, 100%, 0.2) 100%);
  --color-lighten-100: linear-gradient(180deg, hsla(0, 100%, 100%, 0.1) 0%, hsla(0, 100%, 100%, 0.1) 100%);
  --color-darken-100: linear-gradient(180deg, hsla(0, 0%, 0%, 0.15) 0%, hsla(0, 0%, 0%, 0.1) 100%);
  --color-darken-150: linear-gradient(180deg, hsla(0, 0%, 0%, 0.15) 0%, hsla(0, 0%, 0%, 0.15) 100%);
  --color-darken-300: linear-gradient(180deg, hsla(0, 0%, 0%, 0.3) 0%, hsla(0, 0%, 0%, 0.3) 100%);
  --color-darken-600: linear-gradient(180deg, hsla(0, 0%, 0%, 0.6) 0%, hsla(0, 0%, 0%, 0.6) 100%);
  --color-shadow: hsla(0, 0%, 0%, 0.4);
  --gradient-linear-light: linear-gradient(360deg, var(--color-gradient-light));
  --gradient-linear-dark: linear-gradient(-180deg, var(--color-gradient-dark));
  --gradient-diagonal-light: linear-gradient(45deg, var(--color-gradient-light));
  --gradient-diagonal-dark: linear-gradient(-120deg, var(--color-gradient-dark));
  --gradient-mesh-light: radial-gradient(circle at 80% 80%, hsl(198, 85%, 82%) 0%, hsla(198, 85%, 82%, 0) 80%), radial-gradient(circle at 50% 60%, hsl(198, 85%, 82%) 0%, hsla(198, 85%, 82%, 0) 71%), radial-gradient(circle at 20% 20%, hsl(199, 86%, 70%) 0%, hsla(199, 86%, 70%, 0) 40%), radial-gradient(circle at 70% 30%, hsl(199, 86%, 70%) 0%, hsla(199, 86%, 70%, 0) 50%), radial-gradient(circle at 20% 90%, hsl(0, 100%, 100%) 0%, hsla(0, 100%, 100%, 0) 40%);
  --font-family-lead: Ambit, AmbitFallbackFont, sans-serif;
  --font-family-base: "TUITypeLight", "TUITypeLightFallbackFont", sans-serif;
  --font-size-xsmall: 0.75rem;
  --font-size-small: 1rem;
  --font-size-medium: 1.125rem;
  --font-size-large: 1.5rem;
  --font-size-xlarge: 1.875rem;
  --font-size-xxlarge: 2.25rem;
  --font-size-xxxlarge: 2.625rem;
  --font-size-xsmall-lead: 0.625rem;
  --font-size-small-lead: 0.875rem;
  --font-size-medium-lead: 1rem;
  --font-size-large-lead: 1.375rem;
  --font-size-xlarge-lead: 1.75rem;
  --font-size-xxlarge-lead: 2.12rem;
  --font-size-xxxlarge-lead: 2.5rem;
  --line-height-xsmall: 1.333;
  --line-height-small: 1.333;
  --line-height-medium: 1.333;
  --line-height-large: 1.333;
  --line-height-xlarge: 1.2;
  --line-height-xxlarge: 1.111;
  --line-height-xxxlarge: 1.047;
  --line-height-spaced: 1.556;
  --line-height-normal: 1.333;
  --line-height-baseline: 1;
  --line-height-xsmall-lead: 1.6;
  --line-height-small-lead: 1.43;
  --line-height-medium-lead: 1.5;
  --line-height-large-lead: 1.455;
  --line-height-xlarge-lead: 1.286;
  --line-height-xxlarge-lead: 1.176;
  --line-height-xxxlarge-lead: 1.1;
  --line-height-spaced-lead: 1.556;
  --line-height-normal-lead: 1.333;
  --line-height-baseline-lead: 1;
  --app-height: 100vh;
  --grid-size: 0.25rem;
  --layout-columns: 12;
  --layout-gutter-width: 1rem;
  --layout-float-breakpoint: 76.25rem;
  --layout-max-width: 77.25rem;
  --space-0: 0;
  --space-05: 0.125rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --stroke-color-default: var(--color-functional-neutral-400);
  --stroke-color-functional: var(--color-functional-base-600);
  --stroke-color-passive: var(--color-functional-neutral-200);
  --stroke-color-primary: var(--color-theme-variant);
  --stroke-color-secondary: var(--color-theme-base);
  --stroke-color-promotion: var(--color-theme-promotion);
  --stroke-color-success: var(--color-functional-success-600);
  --stroke-color-error: var(--color-functional-error-600);
  --stroke-color-background: var(--color-theme-background);
  --stroke-size-100: 0.0625rem;
  --stroke-size-400: 0.125rem;
  --stroke-size-600: 0.1875rem;
  --stroke-style-none: none;
  --stroke-style-base: solid;
  --stroke-style-indeterminate: dashed;
  --stroke-shape: var(--corner-rounded-1);
  --corner-rounded-0: 0;
  --corner-rounded-1: 0.125rem;
  --corner-rounded-2: 0.25rem;
  --corner-rounded-3: 0.375rem;
  --corner-rounded-4: 0.5rem;
  --corner-rounded-5: 1rem;
  --corner-rounded-6: 1.5rem;
  --corner-rounded-7: 2rem;
  --corner-rounded-8: 2.5rem;
  --corner-rounded-9: 3.5rem;
  --corner-rounded-10: 4rem;
  --corner-rounded-11: 5rem;
  --corner-rounded-12: 7.5rem;
  --corner-rounded-100: 100rem;
  --elevation-shadow-0: 0 0 0.125rem 0 var(--color-shadow);
  --elevation-shadow-1: 0 0 0.25rem 0 var(--color-shadow);
  --elevation-shadow-2: 0 0 0.5rem 0 var(--color-shadow);
  --elevation-shadow-3: 0 0 0.75rem 0 var(--color-shadow);
  --elevation-shadow-4: 0 0 1rem 0 var(--color-shadow);
  --elevation-shadow-5: 0 0 1.25rem 0 var(--color-shadow);
  --elevation-shadow-6: 0 0 1.5rem 0 var(--color-shadow);
  --elevation-background-0: var(--color-theme-surface);
  --elevation-background-1: var(--color-theme-base) var(--color-lighten-800);
  --elevation-background-2: var(--color-theme-base) var(--color-lighten-600);
  --elevation-background-3: var(--color-theme-base) var(--color-lighten-400);
  --elevation-background-4: var(--color-theme-base) var(--color-lighten-200);
  --elevation-background-5: var(--color-theme-base);
  --elevation-background-6: var(--color-theme-base) var(--color-darken-100);
  --layer-index-hidden: -1;
  --layer-index-default: 0;
  --layer-index-top: 1;
  --layer-index-dropdown-background: 900;
  --layer-index-dropdown: 1000;
  --layer-index-sticky: 1020;
  --layer-index-fixed: 1030;
  --layer-index-overlay: 1040;
  --layer-index-modal: 1050;
  --layer-index-popover: 1060;
  --layer-index-tooltip: 1070;
  --layer-shadow-top: var(--elevation-shadow-0);
  --layer-shadow-dropdown: var(--elevation-shadow-1);
  --layer-shadow-sticky: var(--elevation-shadow-2);
  --layer-shadow-fixed: var(--elevation-shadow-3);
  --layer-shadow-modal: var(--elevation-shadow-4);
  --layer-shadow-popover: var(--elevation-shadow-5);
  --layer-shadow-tooltip: var(--elevation-shadow-6);
  --layer-shadow-focus: 0 0 0 0.75rem hsla(224, 91%, 59%, 0.1), 0 0 0 0.5rem hsla(224, 91%, 59%, 0.3), 0 0 0 0.25rem hsla(224, 91%, 59%, 0.5);
  --motion-delay-0: 0;
  --motion-delay-1: 0.1s;
  --motion-delay-2: 0.2s;
  --motion-delay-3: 0.5s;
  --motion-delay-4: 0.6s;
  --motion-delay-5: 1s;
  --motion-duration-slow: 0.6s;
  --motion-duration-medium: 0.5s;
  --motion-duration-fast: 0.2s;
  --motion-timing-default: ease-in-out;
  --motion-timing-brand: cubic-bezier(0.65, 0.05, 0.4, 1.3);
  --animate-ripple: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  --transparent: transparent;
  --elevation-card: 0 0 0.25rem 0 var(--color-shadow);
  --tab-font-weight-default: 600;
  --tab-font-weight: 700;
  --tab-font-transform: none;
  --badge-size-height-small: 1.75rem;
  --badge-size-height-medium: 2.5rem;
  --badge-shape: var(--corner-rounded-2);
  --button-color-background-disabled: var(--color-functional-neutral-200);
  --button-color-border-disabled: var(--transparent);
  --button-color-text-disabled: var(--color-on-functional-neutral-200);
  --button-color-shadow-default: none;
  --button-font-weight: 600;
  --button-font-family: var(--font-family-lead);
  --button-shape-large: var(--corner-rounded-100);
  --button-shape-medium: var(--corner-rounded-100);
  --button-shape-small: var(--corner-rounded-100);
  --button-shape-xlarge: var(--corner-rounded-100);
  --button-size-border: var(--stroke-size-400);
  --button-size-height-large: 3rem;
  --button-size-height-medium: 2.5rem;
  --button-size-height-small: 2rem;
  --button-size-height-xlarge: 4rem;
  --button-space-large: 0 calc(var(--button-size-height-large) / 2);
  --button-space-medium: 0 calc(var(--button-size-height-medium) / 2);
  --button-space-small: 0 calc(var(--button-size-height-small) / 2);
  --button-space-xlarge: 0 calc(var(--button-size-height-xlarge) / 2);
  --button-text-transform: unset;
  --button-color-background-ghost-default: var(--color-theme-background);
  --button-color-background-ghost-hover: var(--color-theme-base-200);
  --button-color-border-ghost-default: var(--color-functional-base-600);
  --button-color-text-ghost: var(--color-functional-base-600);
  --button-color-text-ghost-hover: var(--color-functional-base-600);
  --button-color-tint-ghost-active: none;
  --button-color-tint-ghost-hover: var(--color-theme-base-200);
  --button-color-tint-error-active: var(--animate-ripple);
  --button-color-tint-error-hover: var(--color-lighten-200);
  --button-color-tint-success-active: var(--animate-ripple);
  --button-color-tint-success-hover: var(--color-lighten-200);
  --button-color-tint-primary-active: var(--animate-ripple);
  --button-color-tint-primary-hover: var(--color-lighten-200);
  --button-color-text-primary-hover: var(--color-on-theme-contrast);
  --button-color-background-promotion-default: var(--color-theme-promotion);
  --button-color-tint-promotion-active: var(--animate-ripple);
  --button-color-tint-promotion-hover: var(--color-lighten-200);
  --button-color-background-secondary-default: var(--color-theme-variant);
  --button-color-text-secondary-default: var(--color-on-theme-variant);
  --button-color-tint-secondary-active: var(--animate-ripple);
  --button-color-background-secondary-hover: var(--button-color-background-secondary-default);
  --button-color-tint-secondary-hover: var(--color-lighten-200);
  --button-color-text-secondary-hover: var(--color-on-theme-variant);
  --button-color-background-tertiary-default: var(--color-theme-base);
  --button-color-text-tertiary-default: var(--color-on-theme-base);
  --button-color-tint-tertiary-active: var(--animate-ripple);
  --button-color-background-tertiary-hover: var(--color-theme-base);
  --button-color-tint-tertiary-hover: var(--color-lighten-200);
  --button-color-text-tertiary-hover: var(--color-on-theme-base);
  --button-color-background-outline-disabled: var(--color-functional-neutral-200);
  --button-color-border-outline-disabled: var(--button-color-border-disabled);
  --button-color-text-outline-disabled: var(--color-on-functional-neutral-200);
  --button-color-border-primary-outline-default: var(--color-theme-contrast);
  --button-color-text-primary-outline-default: var(--color-theme-contrast);
  --button-color-tint-primary-outline-active: var(--button-color-tint-primary-active);
  --button-color-background-primary-outline-hover: var(--color-theme-contrast);
  --button-color-tint-primary-outline-hover: var(--color-lighten-200);
  --button-color-text-primary-outline-hover: var(--color-on-theme-contrast);
  --button-color-border-secondary-outline-default: var(--color-theme-variant);
  --button-color-text-secondary-outline-default: var(--color-theme-variant);
  --button-color-background-secondary-outline-hover: var(--color-theme-variant);
  --button-color-tint-secondary-outline-hover: var(--color-lighten-200);
  --button-color-text-secondary-outline-hover: var(--color-on-theme-variant);
  --button-color-border-tertiary-outline-default: var(--color-theme-base);
  --button-color-text-tertiary-outline-default: var(--color-theme-base);
  --button-color-background-tertiary-outline-hover: var(--color-theme-base);
  --button-color-tint-tertiary-outline-hover: var(--color-lighten-200);
  --button-color-text-tertiary-outline-hover: var(--color-on-theme-base);
  --day-size-width: 3.125rem;
  --icon-size-xsmall: calc(var(--font-size-xsmall) * var(--line-height-xsmall));
  --icon-size-small: calc(var(--font-size-small) * var(--line-height-small));
  --icon-size-medium: calc(var(--font-size-medium) * var(--line-height-medium));
  --icon-size-large: calc(var(--font-size-large) * var(--line-height-large));
  --icon-size-xlarge: calc(var(--font-size-xlarge) * var(--line-height-xlarge));
  --icon-size-xxlarge: calc(var(--font-size-xxlarge) * var(--line-height-xxlarge));
  --icon-size-xxxlarge: calc(var(--font-size-xxxlarge) * var(--line-height-xxxlarge));
  --icon-size: calc(1em * var(--line-height-normal));
  --alert-size-border: var(--stroke-size-400);
  --alert-color-error: var(--color-functional-error-800);
  --card-size-border: var(--stroke-size-400);
  --card-shape-screen-xs: var(--corner-rounded-6);
  --card-shape-screen-sm: var(--corner-rounded-7);
  --card-shape-screen-md: var(--corner-rounded-8);
  --card-shape-screen-lg: var(--corner-rounded-9);
  --card-shape-screen-xl: var(--corner-rounded-10);
  --card-shape-screen-xxl: var(--corner-rounded-11);
  --input-color-border: var(--color-functional-neutral-600);
  --input-color-background-passive: var(--color-functional-neutral-200);
  --input-color-shadow-focus:
    0 0 0 0.125rem rgb(255 255 255 / 100%), 0 0 0 0.25rem hsl(224deg 91% 59% / 100%), 0 0 0 0.375rem hsl(224deg 91% 59% / 40%),
    0 0 0 0.5rem hsl(224deg 91% 59% / 10%);
  --input-color-shadow-focus-size: 0.5rem;
  --input-color-border-hover: var(--color-functional-base-600);
  --input-color-border-focus: var(--color-functional-base-600);
  --input-size-border: var(--stroke-size-100);
  --input-size-height: 2.5rem;
  --input-text-shape: var(--corner-rounded-2);
  --input-slider-shape: var(--corner-rounded-100);
  --label-font-weight: 600;
  --link-color-text-default: var(--color-functional-base-600);
  --link-color-text-secondary: var(--color-functional-base-800);
  --list-color-background-hover: var(--color-functional-base-200);
  --list-color-text-hover: var(--color-on-functional-base-200);
  --progress-text-color-400: var(--color-on-theme-base);
  --progress-text-color-default: var(--color-on-theme-base);
  --meter-size-height: 1.333em;
  --header-color-background: var(--color-theme-background);
  --header-shape-screen-xs: var(--corner-rounded-6) var(--corner-rounded-6) 0 0;
  --header-shape-screen-sm: var(--corner-rounded-8) var(--corner-rounded-8) 0 0;
  --header-shape-screen-md: var(--corner-rounded-9) var(--corner-rounded-9) 0 0;
  --header-shape-screen-lg: var(--corner-rounded-10) var(--corner-rounded-10) 0 0;
  --header-shape-screen-xl: var(--corner-rounded-11) var(--corner-rounded-11) 0 0;
  --header-shape-screen-xxl: var(--corner-rounded-12) var(--corner-rounded-12) 0 0;
  --header-clipping-screen-xs: ellipse(110% 70% at 50% 30%);
  --header-clipping-screen-sm: ellipse(110% 80% at 50% 20%);
  --header-clipping-screen-md: ellipse(110% 90% at 50% 10%);
  --header-clipping-screen-lg: ellipse(110% 90% at 50% 10%);
  --header-clipping-screen-xl: ellipse(110% 90% at 50% 10%);
  --header-clipping-screen-xxl: ellipse(110% 90% at 50% 10%);
}

@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 400;
  src: local(arial);
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "TUITypeLightFallbackFont";
  font-weight: 700;
  src: local("arial bold");
  size-adjust: 84.5%;
  ascent-override: 101.1%;
  descent-override: 16.5%;
  line-gap-override: 17.5%;
}
@font-face {
  font-family: "Ambit";
  font-style: normal;
  font-weight: 700;
  src: url("https://mwa.tui.com/shared/mwa/assets/v2/fonts/ambit-bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Ambit";
  font-style: normal;
  font-weight: 400;
  src: url("https://mwa.tui.com/shared/mwa/assets/v2/fonts/ambit-regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Ambit";
  font-style: normal;
  font-weight: 600;
  src: url("https://mwa.tui.com/shared/mwa/assets/v2/fonts/ambit-semibold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "TUITypeLight";
  font-style: normal;
  font-weight: 700;
  src: url("https://mwa.tui.com/shared/mwa/assets/v2/fonts/tuitypelight-bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "TUITypeLight";
  font-style: normal;
  font-weight: 400;
  src: url("https://mwa.tui.com/shared/mwa/assets/v2/fonts/tuitypelight-regular.woff2") format("woff2");
  font-display: swap;
}