@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%;
}
@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(45deg, 100%, 87%);
  --color-functional-alert-600: hsl(46deg, 88%, 62%);
  --color-functional-alert-800: hsl(36deg, 100%, 48%);
  --color-functional-base-200: hsl(224deg, 91%, 92%);
  --color-functional-base-400: hsl(224deg, 91%, 85%);
  --color-functional-base-600: hsl(224deg, 91%, 50%);
  --color-functional-base-800: hsl(248deg, 69%, 21%);
  --color-functional-error-200: hsl(0deg, 90%, 92%);
  --color-functional-error-600: hsl(358deg, 88%, 44%);
  --color-functional-error-800: hsl(358deg, 88%, 24%);
  --color-functional-neutral-000: hsl(0deg, 0%, 100%);
  --color-functional-neutral-100: hsl(0deg, 0%, 96%);
  --color-functional-neutral-200: hsl(0deg, 0%, 86%);
  --color-functional-neutral-400: hsl(0deg, 0%, 73%);
  --color-functional-neutral-600: hsl(0deg, 0%, 45%);
  --color-functional-neutral-800: hsl(0deg, 0%, 30%);
  --color-functional-neutral-900: hsl(0deg, 0%, 0%);
  --color-functional-success-200: hsl(135deg, 36%, 83%);
  --color-functional-success-600: hsl(151deg, 58%, 45%);
  --color-functional-success-800: hsl(175deg, 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(0deg, 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(0deg, 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(248deg, 69%, 21%);
  --color-on-theme-sustainable-800: hsl(0deg, 0%, 100%);
  --color-on-theme-sustainable-600: hsl(248deg, 69%, 21%);
  --color-on-theme-variant: var(--color-theme-background);
  --color-theme-background: hsl(0deg, 0%, 100%);
  --color-theme-base-200: hsl(199deg, 86%, 94%);
  --color-theme-base-400: hsl(199deg, 86%, 88%);
  --color-theme-base-600: hsl(199deg, 86%, 82%);
  --color-theme-base-800: hsl(217deg, 83%, 20%);
  --color-theme-base-variant: var(--color-theme-variant);
  --color-theme-base: hsl(199deg, 86%, 70%);
  --color-theme-contrast: hsl(224deg, 91%, 50%);
  --color-theme-promotion: hsl(358deg, 88%, 44%);
  --color-theme-surface: hsl(0deg, 0%, 100%);
  --color-theme-sustainable-200: hsl(135deg, 36%, 83%);
  --color-theme-sustainable-600: hsl(151deg, 58%, 45%);
  --color-theme-sustainable-800: hsl(175deg, 86%, 14%);
  --color-theme-variant: hsl(248deg, 69%, 21%);
  --color-transparent-base: hsla(248deg, 69%, 21%, 0.75);
  --color-transparent-contrast: hsla(199deg, 86%, 70%, 0.75);
  --color-transparent-neutral-200: hsla(0deg, 0%, 0%, 0.15);
  --color-transparent-neutral-400: hsla(0deg, 0%, 0%, 0.3);
  --color-transparent-neutral-600: hsla(0deg, 0%, 0%, 0.5);
  --color-transparent-variant: hsla(0deg, 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%;
}
:root[data-theme=tui-light],
:host([data-theme=tui-light]),
[data-theme=tui-light],
.theme-tui-light {
  --color-backdrop: hsla(248deg, 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(248deg, 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(36deg, 100%, 48%);
  --color-functional-alert-600: hsl(46deg, 88%, 62%);
  --color-functional-alert-800: hsl(45deg, 100%, 87%);
  --color-functional-base-200: hsl(248deg, 69%, 21%);
  --color-functional-base-400: hsl(224deg, 70%, 39%);
  --color-functional-base-600: hsl(218deg, 91%, 59%);
  --color-functional-base-800: hsl(224deg, 90%, 92%);
  --color-functional-error-200: hsl(358deg, 89%, 24%);
  --color-functional-error-600: hsl(358deg, 88%, 44%);
  --color-functional-error-800: hsl(0deg, 90%, 92%);
  --color-functional-neutral-000: hsl(216deg, 65%, 10%);
  --color-functional-neutral-100: hsl(217deg, 18%, 28%);
  --color-functional-neutral-200: hsl(217deg, 18%, 36%);
  --color-functional-neutral-400: hsl(216deg, 9%, 46%);
  --color-functional-neutral-600: hsl(217deg, 7%, 64%);
  --color-functional-neutral-800: hsl(214deg, 8%, 82%);
  --color-functional-neutral-900: hsl(210deg, 9%, 91%);
  --color-functional-success-200: hsl(175deg, 86%, 14%);
  --color-functional-success-600: hsl(151deg, 58%, 45%);
  --color-functional-success-800: hsl(135deg, 36%, 83%);
  --color-on-achromatic-base-200: hsl(216deg, 65%, 100%);
  --color-on-achromatic-base-400: hsl(216deg, 65%, 100%);
  --color-on-achromatic-base-600: hsl(216deg, 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(0deg, 0%, 100%);
  --color-on-functional-base-400: hsl(0deg, 0%, 100%);
  --color-on-functional-base-600: hsl(0deg, 0%, 100%);
  --color-on-functional-base-800: hsl(216deg, 65%, 10%);
  --color-on-functional-error-200: hsl(0deg, 0%, 100%);
  --color-on-functional-error-600: hsl(0deg, 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(0deg, 0%, 100%);
  --color-on-functional-neutral-400: hsl(0deg, 0%, 100%);
  --color-on-functional-neutral-600: hsl(216deg, 65%, 10%);
  --color-on-functional-neutral-800: hsl(216deg, 65%, 10%);
  --color-on-functional-neutral-900: hsl(216deg, 65%, 10%);
  --color-on-functional-success-200: hsl(0deg, 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(0deg, 0%, 100%);
  --color-on-theme-base-200: hsl(0deg, 0%, 100%);
  --color-on-theme-base-400: hsl(0deg, 0%, 100%);
  --color-on-theme-base-600: hsl(0deg, 0%, 100%);
  --color-on-theme-base-variant: var(--color-on-theme-variant);
  --color-on-theme-base: hsl(216deg, 65%, 10%);
  --color-on-theme-contrast: hsl(0deg, 0%, 100%);
  --color-on-theme-promotion: hsl(0deg, 0%, 100%);
  --color-on-theme-surface: hsl(0deg, 0%, 100%);
  --color-on-theme-sustainable-200: hsl(248deg, 69%, 21%);
  --color-on-theme-sustainable-800: hsl(0deg, 0%, 100%);
  --color-on-theme-sustainable-600: hsl(248deg, 69%, 21%);
  --color-on-theme-variant: hsl(216deg, 65%, 10%);
  --color-theme-background: hsl(216deg, 65%, 10%);
  --color-theme-base-200: hsl(199deg, 86%, 40%);
  --color-theme-base-400: hsl(199deg, 66%, 50%);
  --color-theme-base-600: hsl(199deg, 76%, 60%);
  --color-theme-base-800: hsl(217deg, 83%, 20%);
  --color-theme-base-variant: var(--color-theme-variant);
  --color-theme-base: hsl(199deg, 86%, 70%);
  --color-theme-contrast: hsl(218deg, 91%, 59%);
  --color-theme-promotion: hsl(358deg, 88%, 64%);
  --color-theme-surface: hsl(217deg, 63%, 20%);
  --color-theme-sustainable-200: hsl(135deg, 36%, 83%);
  --color-theme-sustainable-600: hsl(151deg, 58%, 45%);
  --color-theme-sustainable-800: hsl(175deg, 86%, 14%);
  --color-theme-variant: hsl(0deg, 0%, 100%);
  --color-transparent-base: hsla(217deg, 83%, 20%, 0.75);
  --color-transparent-contrast: hsla(199deg, 86%, 70%, 0.75);
  --color-transparent-neutral-200: hsla(0deg, 0%, 0%, 0.15);
  --color-transparent-neutral-400: hsla(0deg, 0%, 0%, 0.3);
  --color-transparent-neutral-600: hsla(0deg, 0%, 0%, 0.5);
  --color-transparent-variant: hsla(0deg, 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(248deg, 69%, 21%);
  --color-text-base: hsl(0deg, 0%, 100%);
  --color-text-leading: hsl(0deg, 0%, 100%);
  --color-transparent-background: hsla(0deg, 0%, 100%, 0);
  --color-transparent-neutral: hsla(0deg, 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(0deg, 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(0deg, 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(247deg, 68%, 21%);
  --color-concept-tuikids: hsl(247deg, 68%, 21%);
  --color-concept-riu: hsl(357deg, 97%, 42%);
  --color-concept-timetosmile: hsl(65deg, 29%, 59%);
  --color-concept-suneoclub: hsl(205deg, 100%, 36%);
  --color-concept-splashworld: hsl(190deg, 59%, 62%);
  --color-concept-robinson: hsl(205deg, 100%, 35%);
  --color-concept-scene: hsl(0deg, 0%, 0%);
  --color-concept-sensatori: hsl(247deg, 68%, 21%);
  --color-concept-magiclife: hsl(58deg, 100%, 50%);
  --color-concept-smallfriendly: hsl(199deg, 100%, 34%);
  --color-concept-bluestar: hsl(201deg, 85%, 87%);
  --color-lighten-900: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.9) 0%, hsla(0deg, 100%, 100%, 0.9) 100%);
  --color-lighten-800: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.8) 0%, hsla(0deg, 100%, 100%, 0.8) 100%);
  --color-lighten-750: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.75) 0%, hsla(0deg, 100%, 100%, 0.75) 100%);
  --color-lighten-700: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.7) 0%, hsla(0deg, 100%, 100%, 0.7) 100%);
  --color-lighten-600: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.6) 0%, hsla(0deg, 100%, 100%, 0.6) 100%);
  --color-lighten-500: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.5) 0%, hsla(0deg, 100%, 100%, 0.5) 100%);
  --color-lighten-400: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.4) 0%, hsla(0deg, 100%, 100%, 0.4) 100%);
  --color-lighten-300: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.3) 0%, hsla(0deg, 100%, 100%, 0.3) 100%);
  --color-lighten-200: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.2) 0%, hsla(0deg, 100%, 100%, 0.2) 100%);
  --color-lighten-100: linear-gradient(180deg, hsla(0deg, 100%, 100%, 0.1) 0%, hsla(0deg, 100%, 100%, 0.1) 100%);
  --color-darken-100: linear-gradient(180deg, hsla(0deg, 0%, 0%, 0.15) 0%, hsla(0deg, 0%, 0%, 0.1) 100%);
  --color-darken-150: linear-gradient(180deg, hsla(0deg, 0%, 0%, 0.15) 0%, hsla(0deg, 0%, 0%, 0.15) 100%);
  --color-darken-300: linear-gradient(180deg, hsla(0deg, 0%, 0%, 0.3) 0%, hsla(0deg, 0%, 0%, 0.3) 100%);
  --color-darken-600: linear-gradient(180deg, hsla(0deg, 0%, 0%, 0.6) 0%, hsla(0deg, 0%, 0%, 0.6) 100%);
  --color-shadow: hsla(0deg, 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(198deg, 85%, 82%) 0%, hsla(198deg, 85%, 82%, 0) 80%), radial-gradient(circle at 50% 60%, hsl(198deg, 85%, 82%) 0%, hsla(198deg, 85%, 82%, 0) 71%), radial-gradient(circle at 20% 20%, hsl(199deg, 86%, 70%) 0%, hsla(199deg, 86%, 70%, 0) 40%), radial-gradient(circle at 70% 30%, hsl(199deg, 86%, 70%) 0%, hsla(199deg, 86%, 70%, 0) 50%), radial-gradient(circle at 20% 90%, hsl(0deg, 100%, 100%) 0%, hsla(0deg, 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(224deg, 91%, 59%, 0.1), 0 0 0 0.5rem hsla(224deg, 91%, 59%, 0.3), 0 0 0 0.25rem hsla(224deg, 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;
}
.mfe-input {
  color: var(--color-text-base);
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
}
.mfe-input:focus-visible {
  outline: none;
}
.mfe-input .label {
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-medium-lead);
  line-height: var(--line-height-medium-lead);
  margin-bottom: 0;
  display: block;
  padding: var(--space-1);
  font-weight: var(--label-font-weight);
  cursor: pointer;
  user-select: none;
}
.mfe-input .label:first-child {
  padding-left: 0;
}
.mfe-input .helpertext {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  width: 100%;
  color: var(--color-functional-neutral-600);
}
.mfe-input .label-inline {
  box-sizing: border-box;
  display: inline-block;
  padding: var(--space-2) 0;
  cursor: pointer;
  user-select: none;
}
.mfe-input .message {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: var(--space-1) 0;
  margin: 0;
  font-size: var(--font-size-small);
}
.mfe-input .message .icon {
  width: 100%;
  margin-top: var(--space-05);
  margin-right: var(--space-1);
}
.mfe-input .control,
.mfe-input .group {
  position: relative;
  box-sizing: border-box;
  min-height: var(--input-size-height);
  border: 0 solid;
  box-shadow: 0 0 0 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input .control,
.mfe-input .group {
    transition: all var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.mfe-input .group {
  display: flex;
  width: 100%;
  border-color: var(--input-color-border);
  border-radius: var(--input-text-shape);
}
.mfe-input .group.row {
  flex-wrap: nowrap;
}
.mfe-input .group.row .label-group {
  flex-grow: 1;
}
.mfe-input .group.column {
  flex-flow: column wrap;
}
.mfe-input .group .message {
  width: 100%;
}
.mfe-input:not(.disabled, .readonly):hover .group {
  border-color: var(--input-color-border-hover);
}
.mfe-input:not(.disabled, .readonly):hover .group .svg {
  color: var(--color-functional-base-600);
}
.mfe-input.ghost .group, .mfe-input.ghost:not(.disabled):hover .group {
  background-color: transparent;
  border-color: transparent;
}
.mfe-input.inline {
  display: inline-flex;
}
.mfe-input.inline .group {
  width: auto;
}
.mfe-input .icon-leading {
  padding: calc(var(--space-2) - var(--input-size-border));
  padding-right: 0;
}
.mfe-input .icon-trailing {
  padding: calc(var(--space-2) - var(--input-size-border));
  padding-left: 0;
}
.mfe-input .icon-control {
  color: var(--color-functional-base-600);
}
.mfe-input [class*=svg-] {
  display: block;
  align-items: center;
  padding: var(--space-2);
  text-align: center;
  background: none;
}
.mfe-input [class*=svg-] .svg {
  display: inline-block;
  min-width: var(--icon-size);
  height: var(--icon-size);
  font-size: var(--font-size-medium);
  line-height: 1;
  vertical-align: top;
}
.mfe-input [class*=svg-] .svg * {
  stroke: currentcolor;
  stroke-width: var(--input-size-border);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mfe-input.success .group,
.mfe-input.success .control {
  border-color: var(--color-functional-success-600);
}
.mfe-input.success .message {
  display: flex;
  color: var(--color-functional-success-600);
}
.mfe-input.success [class*=icon-],
.mfe-input.success [class*=svg-] {
  color: var(--color-functional-success-600);
}
.mfe-input.error .group,
.mfe-input.error .control {
  border-color: var(--color-functional-error-600);
}
.mfe-input.error .message {
  display: flex;
  color: var(--color-functional-error-600);
}
.mfe-input.error [class*=icon-],
.mfe-input.error [class*=svg-] {
  color: var(--color-functional-error-600);
}
.mfe-input.disabled {
  cursor: not-allowed;
}
.mfe-input.disabled .group,
.mfe-input.disabled .control {
  cursor: not-allowed;
  border-color: var(--color-functional-neutral-200);
}
.mfe-input.disabled .label-inline {
  color: var(--color-functional-neutral-600);
  cursor: not-allowed;
}
.mfe-input.disabled [class*=icon-],
.mfe-input.disabled [class*=svg-] {
  color: var(--color-functional-neutral-600);
}
.mfe-input.no-motion {
  transition: none;
}
.mfe-input.no-motion .svg .stroke,
.mfe-input.no-motion .svg .fill {
  transition: none;
}
.mfe-input_text:not(.disabled):focus-within .group {
  border-color: var(--input-color-border-hover);
  position: relative;
  overflow: visible;
  outline: none;
}
.mfe-input_text:not(.disabled):focus-within .group::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.mfe-input_text .group {
  background-color: var(--color-theme-surface);
  border-color: var(--input-color-border);
  border-width: var(--input-size-border);
}
.mfe-input_text .label-inline {
  padding: calc(var(--space-2) - var(--input-size-border)) 0;
}
.mfe-input_text button {
  max-height: var(--input-size-height);
  color: currentcolor;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  background: none;
  border: 0;
}
.mfe-input_text input,
.mfe-input_text textarea {
  display: inline-block;
  width: 100%;
  padding: 0 var(--space-2);
  font-family: inherit;
  font-size: var(--font-size-medium);
  line-height: var(--line-height-normal);
  color: var(--color-text-base);
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: none;
  border: 0;
}
.mfe-input_text input::placeholder,
.mfe-input_text textarea::placeholder {
  color: var(--color-functional-neutral-400);
}
.mfe-input_text input:focus::placeholder,
.mfe-input_text textarea:focus::placeholder {
  color: var(--color-functional-neutral-200);
}
.mfe-input_text input + .reset-button:not(:focus),
.mfe-input_text textarea + .reset-button:not(:focus) {
  opacity: 0;
}
.mfe-input_text input + .reset-button:focus,
.mfe-input_text textarea + .reset-button:focus {
  color: var(--color-functional-base-600);
  opacity: 1;
  transform: scale(1.2);
}
.mfe-input_text input + .reset-button .icon,
.mfe-input_text textarea + .reset-button .icon {
  opacity: 1;
}
.mfe-input_text input:not([value]):focus + .reset-button,
.mfe-input_text textarea:not([value]):focus + .reset-button {
  opacity: 1;
}
.mfe-input_text input[disabled] + .reset-button, .mfe-input_text input[readonly] + .reset-button,
.mfe-input_text textarea[disabled] + .reset-button,
.mfe-input_text textarea[readonly] + .reset-button {
  display: none;
  visibility: hidden;
}
.mfe-input_text textarea {
  resize: vertical;
}
.mfe-input_text .circle {
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_text .circle {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_text .check {
  stroke-dasharray: 15;
  stroke-dashoffset: 15;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_text .check {
    transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_text .delete {
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_text .delete {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_text .cross {
  opacity: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_text .cross {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_text.success .cross {
  opacity: 0;
  transform: rotate(90deg);
}
.mfe-input_text.success .circle {
  opacity: 1;
}
.mfe-input_text.success .check {
  stroke-dashoffset: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_text.success .check {
    transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default) var(--motion-delay-2);
  }
}
.mfe-input_text.success .delete {
  opacity: 0;
  transform: rotate(90deg);
}
.mfe-input_text.error .cross {
  opacity: 1;
  transform: rotate(90deg);
}
.mfe-input_text.error .circle {
  opacity: 1;
}
.mfe-input_text.error .delete {
  opacity: 0;
  transform: rotate(90deg);
}
.mfe-input_text.disabled .group {
  background-color: var(--input-color-background-passive);
}
.mfe-input_text.disabled .group input {
  color: var(--color-functional-neutral-600);
}
.mfe-input_password:not(.disabled):focus-within .group {
  border-color: var(--input-color-border-hover);
  position: relative;
  overflow: visible;
  outline: none;
}
.mfe-input_password:not(.disabled):focus-within .group::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.mfe-input_password .group {
  background-color: var(--color-theme-surface);
  border-color: var(--input-color-border);
  border-width: var(--input-size-border);
}
.mfe-input_password .label-inline {
  padding: calc(var(--space-2) - var(--input-size-border)) 0;
}
.mfe-input_password button {
  max-height: var(--input-size-height);
  color: currentcolor;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  background: none;
  border: 0;
}
.mfe-input_password input,
.mfe-input_password textarea {
  display: inline-block;
  width: 100%;
  padding: 0 var(--space-2);
  font-family: inherit;
  font-size: var(--font-size-medium);
  line-height: var(--line-height-normal);
  color: var(--color-text-base);
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: none;
  border: 0;
}
.mfe-input_password input::placeholder,
.mfe-input_password textarea::placeholder {
  color: var(--color-functional-neutral-400);
}
.mfe-input_password input:focus::placeholder,
.mfe-input_password textarea:focus::placeholder {
  color: var(--color-functional-neutral-200);
}
.mfe-input_password input + .reset-button:not(:focus),
.mfe-input_password textarea + .reset-button:not(:focus) {
  opacity: 0;
}
.mfe-input_password input + .reset-button:focus,
.mfe-input_password textarea + .reset-button:focus {
  color: var(--color-functional-base-600);
  opacity: 1;
  transform: scale(1.2);
}
.mfe-input_password input + .reset-button .icon,
.mfe-input_password textarea + .reset-button .icon {
  opacity: 1;
}
.mfe-input_password input:not([value]):focus + .reset-button,
.mfe-input_password textarea:not([value]):focus + .reset-button {
  opacity: 1;
}
.mfe-input_password input[disabled] + .reset-button, .mfe-input_password input[readonly] + .reset-button,
.mfe-input_password textarea[disabled] + .reset-button,
.mfe-input_password textarea[readonly] + .reset-button {
  display: none;
  visibility: hidden;
}
.mfe-input_password textarea {
  resize: vertical;
}
.mfe-input_password .circle {
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_password .circle {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_password .check {
  stroke-dasharray: 15;
  stroke-dashoffset: 15;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_password .check {
    transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_password .delete {
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_password .delete {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_password .cross {
  opacity: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_password .cross {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_password.success .cross {
  opacity: 0;
  transform: rotate(90deg);
}
.mfe-input_password.success .circle {
  opacity: 1;
}
.mfe-input_password.success .check {
  stroke-dashoffset: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_password.success .check {
    transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default) var(--motion-delay-2);
  }
}
.mfe-input_password.success .delete {
  opacity: 0;
  transform: rotate(90deg);
}
.mfe-input_password.error .cross {
  opacity: 1;
  transform: rotate(90deg);
}
.mfe-input_password.error .circle {
  opacity: 1;
}
.mfe-input_password.error .delete {
  opacity: 0;
  transform: rotate(90deg);
}
.mfe-input_password.disabled .group {
  background-color: var(--input-color-background-passive);
}
.mfe-input_password.disabled .group input {
  color: var(--color-functional-neutral-600);
}
.mfe-input_select .group {
  background-color: var(--color-theme-surface);
  border-color: var(--input-color-border);
  border-width: var(--input-size-border);
}
.mfe-input_select select {
  display: inline-block;
  width: 100%;
  padding: 0 calc(var(--space-2) + var(--space-2) - var(--input-size-border) - var(--input-size-border) + var(--space-6)) 0 var(--space-2);
  font: inherit;
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  color: var(--color-text-base);
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: none;
  border: 0;
}
.mfe-input_select select option,
.mfe-input_select select optgroup {
  background-color: var(--color-theme-surface);
}
.mfe-input_select:not(.disabled):focus-within .group {
  position: relative;
  overflow: visible;
  outline: none;
}
.mfe-input_select:not(.disabled):focus-within .group::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.mfe-input_select .icon-control {
  position: absolute;
  right: 0;
  color: var(--color-functional-base-600);
  pointer-events: none;
}
.mfe-input_select:not(.disabled) .group select {
  cursor: pointer;
}
.mfe-input_select.disabled .group {
  background-color: var(--input-color-background-passive);
}
.mfe-input_select.disabled .group select {
  color: var(--color-functional-neutral-600);
}
.mfe-input_select .label-inline {
  padding: calc(var(--space-2) - var(--input-size-border)) 0;
}
.mfe-input_select [class*=icon-] {
  padding: calc(var(--space-2) - var(--input-size-border));
}
.mfe-input_checkbox .svg-checkbox {
  position: relative;
  display: inline-block;
  margin: 0;
  color: var(--input-color-border);
}
.mfe-input_checkbox .svg-checkbox .fill {
  fill: var(--color-theme-surface);
  stroke: currentcolor;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_checkbox .svg-checkbox .fill {
    transition: all var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.mfe-input_checkbox .svg-checkbox .stroke {
  stroke: var(--color-on-functional-base-600);
  stroke-dasharray: 15;
  stroke-dashoffset: 15;
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-input_checkbox .svg-checkbox .stroke {
    transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default) var(--motion-delay-2);
  }
}
.mfe-input_checkbox .svg-checkbox .checkbox-checked {
  display: block;
}
.mfe-input_checkbox .svg-checkbox .checkbox-indeterminate {
  display: none;
}
.mfe-input_checkbox .label-inline {
  padding: var(--space-2) var(--space-2) var(--space-2) 0;
}
.mfe-input_checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.mfe-input_checkbox input:checked + .svg-checkbox .fill, .mfe-input_checkbox input:indeterminate + .svg-checkbox .fill {
  fill: currentcolor;
}
.mfe-input_checkbox input:checked + .svg-checkbox .stroke, .mfe-input_checkbox input:indeterminate + .svg-checkbox .stroke {
  stroke-dashoffset: 0;
}
.mfe-input_checkbox input:indeterminate + .svg-checkbox .checkbox-checked {
  display: none;
}
.mfe-input_checkbox input:indeterminate + .svg-checkbox .checkbox-indeterminate {
  display: block;
}
.mfe-input_checkbox input:not([disabled]):focus-visible ~ .label-inline::after {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  border-radius: var(--input-text-shape);
  box-shadow: var(--input-color-shadow-focus);
}
.mfe-input_checkbox input:checked:not([disabled]) + .svg-checkbox {
  color: var(--color-functional-base-600);
}
.mfe-input_checkbox input:checked[disabled] + .svg-checkbox .fill,
.mfe-input_checkbox input:checked[disabled] + .svg-checkbox .stroke {
  fill: var(--input-color-background-passive);
  stroke: var(--color-theme-surface);
}
.mfe-input_checkbox input[disabled] + .svg-checkbox .fill,
.mfe-input_checkbox input[disabled] + .svg-checkbox .stroke {
  fill: var(--input-color-background-passive);
  stroke: var(--input-color-background-passive);
}
.mfe-input_checkbox input[disabled] ~ .label, .mfe-input_checkbox input[disabled] ~ .label-inline {
  color: var(--color-functional-neutral-600);
}
.mfe-input_checkbox[tabindex="0"] input {
  display: none;
}
.mfe-input_checkbox.disabled input:checked + .svg-checkbox {
  color: var(--color-functional-neutral-600);
}
.mfe-input_checkbox.error input:checked + .svg-checkbox {
  color: var(--color-functional-error-600);
}
.mfe-input_checkbox.success input:checked + .svg-checkbox {
  color: var(--color-functional-success-600);
}
.mfe-input_checkbox:not(.disabled):hover .group .svg-checkbox {
  color: var(--color-functional-base-600);
}
.mfe-input_checkbox:not(.disabled)[tabindex="0"]:focus-visible .group {
  position: relative;
  overflow: visible;
  outline: none;
}
.mfe-input_checkbox:not(.disabled)[tabindex="0"]:focus-visible .group::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.mfe-input_checkbox:not(.disabled) .group .svg-checkbox:hover {
  cursor: pointer;
}
.mfe-inputinput[type=search i]::-webkit-search-cancel-button {
  display: none;
}
.mfe-input__icon {
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  background: currentcolor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: cover;
}
.mfe-input__icon_close {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/cross.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/cross.svg");
}
.mfe-input__icon_chevron-updown {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron-updown.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron-updown.svg");
}
.mfe-input__password-label-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.mfe-input__password-label-wrapper button.ca-link {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  margin-bottom: 0;
  color: var(--color-functional-base-600);
  text-decoration: none;
  z-index: 1;
  white-space: nowrap;
}
.mfe-input:not(.disabled):has(button.ca-link:focus) .group {
  border-color: var(--input-color-border);
  overflow: hidden;
}
.mfe-input:not(.disabled).error:has(button.ca-link:focus) .group {
  border-color: var(--color-functional-error-600);
}
.mfe-input:not(.disabled).success:has(button.ca-link:focus) .group {
  border-color: var(--color-functional-success-600);
}
.mfe-input .sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 0;
  margin: 0;
  padding: 0;
}
.mfe-input .message {
  padding-bottom: 0;
}
.mfe-input .helpertext {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  margin-bottom: 0;
  margin-bottom: var(--space-2);
  color: var(--color-text-base);
}

input {
  -webkit-box-shadow: inset 0 0 0 50px #fff;
  box-shadow: inset 0 0 0 50px #fff;
  border-radius: 3px;
}
input:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mfe-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--button-size-height-medium);
  min-height: var(--button-size-height-medium);
  padding: var(--button-space-medium);
  font-family: var(--button-font-family);
  font-size: var(--font-size-medium-lead);
  font-weight: var(--button-font-weight);
  vertical-align: middle;
  color: var(--color-functional-neutral-600);
  text-align: center;
  text-transform: var(--button-text-transform);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  outline: none;
  background-color: var(--color-functional-neutral-200);
  background-image: none;
  background-position: center;
  background-size: cover;
  border-color: var(--color-functional-neutral-400);
  border-style: solid;
  border-width: var(--button-size-border);
  border-radius: var(--button-shape-medium);
  box-shadow: var(--button-color-shadow-default);
}
@media (prefers-reduced-motion: no-preference) {
  .mfe-button {
    transition: all var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.mfe-button .icon-leading {
  margin-right: var(--space-1);
}
.mfe-button .icon-trailing {
  margin-left: var(--space-1);
}
.mfe-button:focus-visible {
  position: relative;
  overflow: visible;
  outline: none;
}
.mfe-button:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.mfe-button.round {
  border-radius: var(--corner-rounded-100);
}
.mfe-button_primary {
  background-color: var(--color-theme-contrast);
  border-color: var(--transparent);
  color: var(--color-on-theme-contrast);
}
.mfe-button_primary:hover {
  background-color: var(--color-theme-contrast);
  background-image: var(--button-color-tint-primary-hover);
  color: var(--button-color-text-primary-hover);
}
.mfe-button_primary:active {
  background-image: var(--button-color-tint-primary-active);
}
.mfe-button_primary[disabled], .mfe-button_primary[disabled]:hover {
  border-color: var(--button-color-border-disabled);
  color: var(--button-color-text-disabled);
  background-color: var(--button-color-background-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_secondary {
  background-color: var(--button-color-background-secondary-default);
  border-color: var(--transparent);
  color: var(--button-color-text-secondary-default);
}
.mfe-button_secondary:hover {
  background-color: var(--button-color-background-secondary-hover);
  background-image: var(--button-color-tint-secondary-hover);
  color: var(--button-color-text-secondary-hover);
}
.mfe-button_secondary:active {
  background-image: var(--button-color-tint-secondary-active);
}
.mfe-button_secondary[disabled], .mfe-button_secondary[disabled]:hover {
  border-color: var(--button-color-border-disabled);
  color: var(--button-color-text-disabled);
  background-color: var(--button-color-background-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_promotion {
  background-color: var(--button-color-background-promotion-default);
  border-color: var(--transparent);
  color: var(--color-on-theme-promotion);
}
.mfe-button_promotion:hover {
  background-color: var(--button-color-background-promotion-default);
  background-image: var(--button-color-tint-promotion-hover);
  color: var(--color-on-theme-promotion);
}
.mfe-button_promotion:active {
  background-image: var(--button-color-tint-promotion-active);
}
.mfe-button_promotion[disabled], .mfe-button_promotion[disabled]:hover {
  border-color: var(--button-color-border-disabled);
  color: var(--button-color-text-disabled);
  background-color: var(--button-color-background-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_tertiary {
  background-color: var(--button-color-background-tertiary-default);
  border-color: var(--transparent);
  color: var(--button-color-text-tertiary-default);
}
.mfe-button_tertiary:hover {
  background-color: var(--button-color-background-tertiary-hover);
  background-image: var(--button-color-tint-tertiary-hover);
  color: var(--button-color-text-tertiary-hover);
}
.mfe-button_tertiary:active {
  background-image: var(--button-color-tint-tertiary-active);
}
.mfe-button_tertiary[disabled], .mfe-button_tertiary[disabled]:hover {
  border-color: var(--button-color-border-disabled);
  color: var(--button-color-text-disabled);
  background-color: var(--button-color-background-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_error {
  background-color: var(--color-functional-error-600);
  border-color: var(--transparent);
  color: var(--color-on-functional-error-600);
}
.mfe-button_error:hover {
  background-color: var(--color-functional-error-600);
  background-image: var(--button-color-tint-error-hover);
  color: var(--color-on-functional-error-600);
}
.mfe-button_error:active {
  background-image: var(--button-color-tint-error-active);
}
.mfe-button_error[disabled], .mfe-button_error[disabled]:hover {
  border-color: var(--button-color-border-disabled);
  color: var(--color-on-functional-neutral-200);
  background-color: var(--color-functional-neutral-200);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_success {
  background-color: var(--color-functional-success-600);
  border-color: var(--transparent);
  color: var(--color-on-functional-success-600);
}
.mfe-button_success:hover {
  background-color: var(--color-functional-success-600);
  background-image: var(--button-color-tint-success-hover);
  color: var(--color-on-functional-success-600);
}
.mfe-button_success:active {
  background-image: var(--button-color-tint-success-active);
}
.mfe-button_success[disabled], .mfe-button_success[disabled]:hover {
  border-color: var(--button-color-border-disabled);
  color: var(--color-on-functional-neutral-200);
  background-color: var(--color-functional-neutral-200);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_primary_outlined {
  background-color: var(--transparent);
  border-color: var(--button-color-border-primary-outline-default);
  color: var(--button-color-text-primary-outline-default);
}
.mfe-button_primary_outlined:hover {
  background-color: var(--button-color-background-primary-outline-hover);
  background-image: var(--button-color-tint-primary-outline-hover);
  color: var(--button-color-text-primary-outline-hover);
  border-color: var(--transparent);
}
.mfe-button_primary_outlined:active {
  background-image: var(--button-color-tint-primary-outline-active);
}
.mfe-button_primary_outlined[disabled], .mfe-button_primary_outlined[disabled]:hover {
  border-color: var(--button-color-border-outline-disabled);
  color: var(--button-color-text-outline-disabled);
  background-color: var(--button-color-background-outline-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_secondary_outlined {
  background-color: var(--transparent);
  border-color: var(--button-color-border-secondary-outline-default);
  color: var(--button-color-text-secondary-outline-default);
}
.mfe-button_secondary_outlined:hover {
  background-color: var(--button-color-background-secondary-outline-hover);
  background-image: var(--button-color-tint-secondary-outline-hover);
  border-color: var(--transparent);
  color: var(--button-color-text-secondary-outline-hover);
}
.mfe-button_secondary_outlined:active {
  background-image: var(--button-color-tint-secondary-active);
}
.mfe-button_secondary_outlined[disabled], .mfe-button_secondary_outlined[disabled]:hover {
  border-color: var(--button-color-border-outline-disabled);
  color: var(--button-color-text-outline-disabled);
  background-color: var(--button-color-background-outline-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_tertiary_outlined {
  background-color: var(--transparent);
  border-color: var(--button-color-border-tertiary-outline-default);
  color: var(--button-color-text-tertiary-outline-default);
}
.mfe-button_tertiary_outlined:hover {
  background-color: var(--button-color-background-tertiary-outline-hover);
  background-image: var(--button-color-tint-tertiary-outline-hover);
  border-color: var(--transparent);
  color: var(--button-color-text-tertiary-outline-hover);
}
.mfe-button_tertiary_outlined:active {
  background-image: var(--button-color-tint-tertiary-active);
}
.mfe-button_tertiary_outlined[disabled], .mfe-button_tertiary_outlined[disabled]:hover {
  border-color: var(--button-color-border-outline-disabled);
  color: var(--button-color-text-outline-disabled);
  background-color: var(--button-color-background-outline-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
.mfe-button_small {
  border-radius: var(--button-shape-small);
  font-size: var(--font-size-small-lead);
  min-height: var(--button-size-height-small);
  min-width: var(--button-size-height-small);
  padding: var(--button-space-small);
}
.mfe-button_medium {
  border-radius: var(--button-shape-medium);
  font-size: var(--font-size-medium-lead);
  min-height: var(--button-size-height-medium);
  min-width: var(--button-size-height-medium);
  padding: var(--button-space-medium);
}
.mfe-button_large {
  border-radius: var(--button-shape-large);
  font-size: var(--font-size-large-lead);
  min-height: var(--button-size-height-large);
  min-width: var(--button-size-height-large);
  padding: var(--button-space-large);
}
.mfe-button_xlarge {
  border-radius: var(--button-shape-xlarge);
  font-size: var(--font-size-xlarge-lead);
  min-height: var(--button-size-height-xlarge);
  min-width: var(--button-size-height-xlarge);
  padding: var(--button-space-xlarge);
}
.mfe-button_link {
  color: var(--color-text-base);
  font-family: var(--font-family-base);
  background: transparent;
  padding: 0;
  border: 0;
  text-decoration: underline;
  font-size: 1rem;
  cursor: pointer;
  color: var(--color-theme-contrast);
}

.ca-link {
  display: inline-flex;
  align-items: center;
  width: auto;
  font-family: var(--font-family-base);
  color: var(--link-color-text-default);
  text-decoration: underline;
  text-decoration-thickness: var(--stroke-size-100);
  text-decoration-color: var(--link-color-text-default);
  appearance: none;
  cursor: pointer;
  outline: none;
  background: none;
  border: 0;
  padding: 0;
  width: fit-content;
}
.ca-link .icon-leading {
  margin-right: calc(var(--space-05));
}
.ca-link .icon-trailing {
  margin-left: calc(var(--space-05));
}
.ca-link.non-underlined {
  text-decoration-color: transparent;
}
.ca-link.standalone {
  min-width: 2.75rem; /* 44px / 16px */
  min-height: 2.75rem; /* 44px / 16px */
}
@media (prefers-reduced-motion: no-preference) {
  .ca-link.motion {
    transition: text-decoration var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.ca-link:hover:not(.disabled) {
  color: var(--link-color-text-default);
  text-decoration: underline;
  text-decoration-color: var(--link-color-text-default);
  text-decoration-thickness: var(--stroke-size-400);
}
.ca-link:focus-visible:not(.disabled) {
  color: var(--color-functional-base-600);
  border-radius: var(--corner-rounded-2);
  position: relative;
  overflow: visible;
  outline: none;
}
.ca-link:focus-visible:not(.disabled)::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.ca-link:visited:not(.disabled) {
  color: var(--color-functional-base-600);
  text-decoration: none;
}
.ca-link:active:not(.disabled) {
  color: var(--color-functional-base-600);
}
.ca-link.disabled {
  color: var(--color-functional-neutral-600);
  text-decoration: none;
  cursor: not-allowed;
  pointer-events: none;
}
.ca-link__icon {
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  background: currentcolor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: cover;
  max-height: var(--icon-size-small);
  max-width: var(--icon-size-small);
}
.ca-link__icon_chevron-left {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron-left.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron-left.svg");
  position: relative;
  top: 1px;
}
.ca-link__icon_chevron-right {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron.svg");
  position: relative;
  top: 2px;
}

.theme-firstchoice .mfe-input__icon_close {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/cross.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/cross.svg");
}
.theme-firstchoice .mfe-input__icon_chevron-updown {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/chevron-updown.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/chevron-updown.svg");
}
.theme-firstchoice .ca-link__icon {
  position: unset;
  top: unset;
}
.theme-firstchoice .ca-link__icon_chevron-left {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/chevron-left.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/chevron-left.svg");
}
.theme-firstchoice .ca-link__icon_chevron-right {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/chevron.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/firstchoice/chevron.svg");
}

.theme-crystalski .mfe-input__icon_close {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/cross.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/cross.svg");
}
.theme-crystalski .mfe-input__icon_chevron-updown {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/chevron-updown.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/chevron-updown.svg");
}
.theme-crystalski .ca-link__icon_chevron-left {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/chevron-left.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/chevron-left.svg");
}
.theme-crystalski .ca-link__icon_chevron-right {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/chevron.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/crystalski/chevron.svg");
}

body {
  font-family: var(--font-family-base);
  --content-max-width: 1200px;
  --max-content-width: var(--content-max-width);
  --max-sidebar-width: 258px;
  --max-container-width: 878px;
  --custom-large-spacing: 120px;
}

.js-footer .of-container,
.oh-header-container .oh-header,
.header__main,
.header__nav,
.footer__tr__wrapper,
.opti-appBanner {
  max-width: var(--content-max-width) !important;
}

.container {
  max-width: var(--content-max-width);
  margin: 0 auto;
  margin-top: var(--space-4);
  padding-right: var(--space-4);
  padding-left: var(--space-4);
}
@media (min-width: 75rem) {
  .container {
    margin-top: var(--space-8);
    padding-right: 0;
    padding-left: 0;
  }
}

.main-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 75rem) {
  .main-container {
    flex-direction: row;
  }
}
.main-container__sidebar {
  position: sticky;
  top: -95px;
  display: flex;
  flex-direction: column;
  background-color: var(--color-theme-surface);
  z-index: 2;
}
@media (min-width: 75rem) {
  .main-container__sidebar {
    top: var(--space-12);
    margin-left: calc((100vw - 1200px) / 2);
    align-items: flex-end;
    padding-top: var(--space-6);
    padding-right: var(--space-8);
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }
}
@media (min-width: 75rem) {
  .main-container__sidebar-inner {
    position: sticky;
    top: var(--space-12);
    width: var(--max-sidebar-width);
  }
}
.main-container__content {
  background-image: linear-gradient(to bottom, var(--color-functional-neutral-100) 89%, var(--color-functional-neutral-000) 97%);
  width: 100%;
  padding-top: var(--space-5);
  padding-bottom: var(--space-5);
  padding-right: var(--space-4);
  padding-left: var(--space-4);
}
@media (min-width: 75rem) {
  .main-container__content {
    padding-left: var(--space-8);
    padding-right: 0;
    padding-top: var(--space-4);
    padding-bottom: var(--custom-large-spacing);
  }
}

@media (min-width: 75rem) {
  .main-content__inner {
    max-width: var(--max-container-width);
  }
}
.main-content__title {
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-xxlarge-lead);
  line-height: var(--line-height-xxlarge-lead);
  margin-bottom: 0;
  margin-bottom: var(--space-4);
  margin-top: var(--space-4);
}
@media (min-width: 75rem) {
  .main-content__title {
    font-size: var(--font-size-xxxlarge-lead);
    line-height: var(--line-height-xxxlarge-lead);
    margin-bottom: 0;
    margin-bottom: var(--space-4);
    margin-top: var(--space-4);
  }
}
.main-content__title_mytui {
  margin-top: var(--space-2);
}
@media (min-width: 75rem) {
  .main-content__title_mytui {
    margin-top: var(--space-8);
  }
}
.main-content__profile-completion {
  padding-bottom: var(--space-3);
  padding-left: var(--space-4);
}
@media (min-width: 75rem) {
  .main-content__profile-completion {
    padding-left: 0;
    border-bottom: 1px solid var(--color-functional-neutral-200);
  }
}
.main-content__my-bookings {
  margin-bottom: var(--space-8);
}
.main-content__ancillaries {
  margin-bottom: var(--space-5);
}
.main-content__my-offers {
  margin-bottom: var(--space-8);
}
.main-content__common-container {
  margin-top: var(--space-3);
}
@media (min-width: 47.5rem) {
  .main-content__common-container {
    margin-top: var(--space-4);
  }
}
.main-content__booking-list {
  margin-top: var(--space-4);
}
.main-content__manual-booking {
  margin-top: var(--space-8);
}
@media (min-width: 47.5rem) {
  .main-content__manual-booking {
    margin-top: var(--space-10);
  }
}
.main-content__my-benefits-offers {
  margin-top: var(--space-8);
}
@media (min-width: 75rem) {
  .main-content__my-benefits-offers {
    margin-top: var(--space-12);
  }
}
.main-content__agency-offers {
  margin-top: var(--space-8);
}
@media (min-width: 47.5rem) {
  .main-content__agency-offers {
    margin-top: var(--space-10);
  }
}

.back-link {
  color: var(--color-text-base);
  font-family: var(--font-family-base);
  display: flex;
  color: var(--color-text-lead);
}
.back-link__icon {
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  background: currentcolor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: cover;
  margin-right: var(--space-3);
  width: 8px;
}
.back-link__icon_chevron {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron-left.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/chevron-left.svg");
}
.back-link_text {
  margin-left: var(--space-4);
}

.external-link {
  color: var(--color-theme-variant);
  text-decoration: underline;
}

.scroll-top {
  margin-top: var(--space-3);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--button-size-height-medium);
  min-height: var(--button-size-height-medium);
  padding: var(--button-space-medium);
  font-family: var(--button-font-family);
  font-size: var(--font-size-medium-lead);
  font-weight: var(--button-font-weight);
  vertical-align: middle;
  color: var(--color-functional-neutral-600);
  text-align: center;
  text-transform: var(--button-text-transform);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  outline: none;
  background-color: var(--color-functional-neutral-200);
  background-image: none;
  background-position: center;
  background-size: cover;
  border-color: var(--color-functional-neutral-400);
  border-style: solid;
  border-width: var(--button-size-border);
  border-radius: var(--button-shape-medium);
  box-shadow: var(--button-color-shadow-default);
  border-radius: var(--button-shape-medium);
  font-size: var(--font-size-medium-lead);
  min-height: var(--button-size-height-medium);
  min-width: var(--button-size-height-medium);
  padding: var(--button-space-medium);
  background-color: var(--transparent);
  border-color: var(--button-color-border-primary-outline-default);
  color: var(--button-color-text-primary-outline-default);
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.1s ease;
}
@media (prefers-reduced-motion: no-preference) {
  .scroll-top {
    transition: all var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.scroll-top .icon-leading {
  margin-right: var(--space-1);
}
.scroll-top .icon-trailing {
  margin-left: var(--space-1);
}
.scroll-top:focus-visible {
  position: relative;
  overflow: visible;
  outline: none;
}
.scroll-top:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.scroll-top.round {
  border-radius: var(--corner-rounded-100);
}
.scroll-top:hover {
  background-color: var(--button-color-background-primary-outline-hover);
  background-image: var(--button-color-tint-primary-outline-hover);
  color: var(--button-color-text-primary-outline-hover);
  border-color: var(--transparent);
}
.scroll-top:active {
  background-image: var(--button-color-tint-primary-outline-active);
}
.scroll-top[disabled], .scroll-top[disabled]:hover {
  border-color: var(--button-color-border-outline-disabled);
  color: var(--button-color-text-outline-disabled);
  background-color: var(--button-color-background-outline-disabled);
  background-image: none;
  box-shadow: none;
  cursor: not-allowed;
}
@media (min-width: 75rem) {
  .scroll-top {
    display: inline-flex;
  }
}
.scroll-top__icon {
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  background: currentcolor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: cover;
  min-height: var(--icon-size-medium);
  min-width: var(--icon-size-medium);
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/arrow-up.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/arrow-up.svg");
  margin-right: var(--space-3);
}
.scroll-top_visible {
  visibility: visible;
  opacity: 1;
}

.not-found {
  color: var(--color-text-base);
}
.not-found__header {
  font-size: var(--font-size-xxlarge);
  line-height: var(--line-height-xxlarge);
  margin-bottom: 0;
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  margin-bottom: var(--space-4);
  line-height: var(--line-height-text-xlarge);
}
.not-found__subtitle {
  margin-bottom: 0;
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  margin-bottom: var(--space-4);
}

.not-found-list {
  padding-bottom: var(--space-10);
  margin: 0;
}
.not-found-list__item {
  margin-right: var(--space-2);
  list-style-type: disc;
  list-style-position: outside;
  line-height: 1.5;
  position: relative;
}
.not-found-list__item-link {
  display: inline-flex;
  align-items: center;
  width: auto;
  font-family: var(--font-family-base);
  color: var(--link-color-text-default);
  text-decoration: underline;
  text-decoration-thickness: var(--stroke-size-100);
  text-decoration-color: var(--link-color-text-default);
  appearance: none;
  cursor: pointer;
  outline: none;
  background: none;
  border: 0;
  background-color: transparent;
}
.not-found-list__item-link .icon-leading {
  margin-right: calc(var(--space-05));
}
.not-found-list__item-link .icon-trailing {
  margin-left: calc(var(--space-05));
}
.not-found-list__item-link.non-underlined {
  text-decoration-color: transparent;
}
.not-found-list__item-link.standalone {
  min-width: 2.75rem; /* 44px / 16px */
  min-height: 2.75rem; /* 44px / 16px */
}
@media (prefers-reduced-motion: no-preference) {
  .not-found-list__item-link.motion {
    transition: text-decoration var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.not-found-list__item-link:hover:not(.disabled) {
  color: var(--link-color-text-default);
  text-decoration: underline;
  text-decoration-color: var(--link-color-text-default);
  text-decoration-thickness: var(--stroke-size-400);
}
.not-found-list__item-link:disabled {
  color: var(--color-functional-neutral-600);
  text-decoration: none;
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-functional-neutral-400);
}

.alert-message {
  display: flex;
  padding: calc(3 * var(--space-05));
  font-size: var(--font-size-medium);
  color: var(--color-text-base);
  border: 0;
  border-radius: var(--corner-rounded-2);
  padding: var(--space-3);
  display: flex;
  align-items: flex-start;
  position: relative;
  font-family: var(--font-family-base);
}
.alert-message .alert-icon {
  margin: var(--space-2);
}
.alert-message .alert-text {
  margin: var(--space-2) 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
}
.alert-message .alert-text:is(div) {
  margin-bottom: calc(3 * var(--space-05));
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.alert-message .alert-text:last-child {
  margin-right: var(--space-2);
}
.alert-message .alert-text p:not(:last-child) {
  margin-bottom: var(--space-2);
}
.alert-message .alert-text .list {
  margin-top: calc(-1 * var(--space-1));
  margin-left: calc(-1 * var(--space-10));
  color: inherit;
}
.alert-message .alert-text .list:is(ol) {
  margin-left: calc(-1 * var(--space-8));
}
.alert-message .alert-text .list > li {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
}
.alert-message .alert-heading {
  margin-bottom: var(--space-1);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-medium-lead);
  line-height: var(--line-height-medium-lead);
}
.alert-message .control {
  margin-left: auto;
}
.alert-message__headline {
  margin-top: 0;
  margin-bottom: var(--space-2);
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.alert-message__headline_small {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  margin-bottom: var(--space-1);
  text-transform: unset;
}
.alert-message_closable {
  padding-right: var(--space-8);
}
.alert-message_success {
  color: var(--color-on-functional-success-200);
  background-color: var(--color-functional-success-200);
  border-color: var(--color-functional-success-200);
}
.alert-message_success.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-functional-success-600) inset;
}
.alert-message_success .alert-icon {
  color: var(--color-functional-success-600);
}
.alert-message_error {
  color: var(--color-on-functional-error-200);
  background-color: var(--color-functional-error-200);
  border-color: var(--color-functional-error-200);
  max-width: 100%;
}
.alert-message_error.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-functional-error-600) inset;
}
.alert-message_error .alert-icon {
  color: var(--color-functional-error-600);
}
.alert-message_warning {
  color: var(--color-on-functional-alert-200);
  background-color: var(--color-functional-alert-200);
  border-color: var(--color-functional-alert-200);
}
.alert-message_warning.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-functional-alert-800) inset;
}
.alert-message_warning .alert-icon {
  color: var(--color-functional-alert-800);
}
.alert-message_info {
  color: var(--color-on-functional-base-200);
  background-color: var(--color-functional-base-200);
  border-color: var(--color-functional-base-200);
}
.alert-message_info.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-on-functional-base-200) inset;
}
.alert-message_info .alert-icon {
  color: var(--color-on-functional-base-200);
}
.alert-message__close-button {
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
}
.alert-message__icon {
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  background: currentcolor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: cover;
  min-height: var(--icon-size-medium);
  min-width: var(--icon-size-medium);
  margin-right: var(--space-2);
  flex-shrink: 0;
}
.alert-message__icon_info {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/letter-i-circled-filled.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/letter-i-circled-filled.svg");
  color: var(--color-on-achromatic-base-200);
}
.alert-message__icon_success {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/checkmark-circled-filled.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/checkmark-circled-filled.svg");
  color: var(--color-functional-success-600);
}
.alert-message__icon_warning {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/warning-filled.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/warning-filled.svg");
  color: var(--color-functional-alert-800);
}
.alert-message__icon_error {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/exclamation-mark-circled-filled.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/exclamation-mark-circled-filled.svg");
  color: var(--color-functional-error-600);
}
.alert-message__icon_cross {
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/cross.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets//v2/icons/tui-light/cross.svg");
  margin: 0;
  color: var(--color-theme-variant);
}
.alert-message__content {
  margin: 0;
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
}

.navigation-cards {
  --gap: var(--space-4);
  --one-third-width: calc((100% - 2 * var(--gap)) / 3);
  --one-quater-width: calc((100% - 3 * var(--gap)) / 4);
  --half-width: calc(50% - var(--gap)/2);
}
.navigation-cards__title {
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
  margin-bottom: 0;
  margin-bottom: var(--space-4);
}
.navigation-cards__links-wrapper {
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
}

.navigation-card {
  display: inline-block;
  overflow: hidden;
  outline: var(--card-size-border) solid transparent;
  outline-offset: calc(var(--card-size-border) * -1);
  background: var(--color-theme-surface);
  border-radius: var(--corner-rounded-4);
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  padding-right: var(--space-4);
  padding-left: var(--space-4);
  padding-top: var(--space-11);
  padding-bottom: var(--space-4);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: var(--one-quater-width);
  max-width: var(--one-third-width);
  flex-grow: 1;
}
.navigation-card.level-0 {
  box-shadow: var(--elevation-shadow-0);
}
.navigation-card.level-0.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-1);
}
.navigation-card.level-0.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.navigation-card.level-0.clickable:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.navigation-card.level-1 {
  box-shadow: var(--elevation-shadow-1);
}
.navigation-card.level-1.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-2);
}
.navigation-card.level-1.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.navigation-card.level-1.clickable:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.navigation-card.level-2 {
  box-shadow: var(--elevation-shadow-2);
}
.navigation-card.level-2.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-3);
}
.navigation-card.level-2.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.navigation-card.level-2.clickable:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.navigation-card.level-3 {
  box-shadow: var(--elevation-shadow-3);
}
.navigation-card.level-3.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-4);
}
.navigation-card.level-3.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.navigation-card.level-3.clickable:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.navigation-card.level-4 {
  box-shadow: var(--elevation-shadow-4);
}
.navigation-card.level-4.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-5);
}
.navigation-card.level-4.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.navigation-card.level-4.clickable:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.navigation-card.level-5 {
  box-shadow: var(--elevation-shadow-5);
}
.navigation-card.level-5.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-6);
}
.navigation-card.level-5.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.navigation-card.level-5.clickable:focus-visible::after {
  --stroke: 0.08rem;
  --size: calc(100% + calc(var(--stroke) * 2));
  --position: calc(var(--stroke) * -1);
  position: absolute;
  top: var(--position);
  left: var(--position);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  pointer-events: none;
  content: "";
  border: var(--stroke) solid transparent;
  border-radius: inherit;
  box-shadow: var(--input-color-shadow-focus);
}
.navigation-card:first-child:nth-last-child(2), .navigation-card:first-child:nth-last-child(2) + .navigation-card {
  max-width: 50%;
}
.navigation-card:nth-child(4):not(:last-child) {
  min-width: var(--one-third-width);
}
@media (min-width: 47.5rem) {
  .navigation-card:nth-child(4):not(:last-child) {
    min-width: var(--half-width);
  }
}
.navigation-card:not(:hover) {
  text-decoration: none;
}
@media (min-width: 47.5rem) {
  .navigation-card {
    min-width: var(--half-width);
    padding-top: var(--space-9);
  }
}
.navigation-card__icon {
  width: 64px;
  height: 64px;
  margin-bottom: var(--space-8);
}
@media (min-width: 47.5rem) {
  .navigation-card__icon {
    margin-bottom: var(--space-5);
    width: 45px;
    height: 45px;
  }
}
.navigation-card__text {
  font-size: 20px;
  max-width: 12rem;
}
@media (min-width: 47.5rem) {
  .navigation-card__text {
    font-size: 14px;
  }
}

html[data-theme=firstchoice] .navigation-card__text {
  font-size: var(--font-size-large);
  line-height: var(--line-height-large);
  margin-bottom: 0;
}
@media (min-width: 47.5rem) {
  html[data-theme=firstchoice] .navigation-card__text {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-medium);
    margin-bottom: 0;
  }
}

.nav-tabs {
  font-weight: 400;
  font-size: 22px;
  box-sizing: border-box;
  white-space: nowrap;
  border-bottom: 1px solid var(--color-functional-neutral-400);
  margin-bottom: var(--space-9);
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.nav-tabs::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.nav-tabs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  width: fit-content;
}
.nav-tabs__link {
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  padding-right: var(--space-4);
  padding-left: var(--space-4);
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  margin-bottom: 0;
  color: var(--color-functional-neutral-800);
  border-bottom: 2px solid transparent;
}
.nav-tabs__link:hover, .nav-tabs__link_active {
  color: var(--color-functional-base-800);
  border-color: var(--color-functional-base-800);
}
.nav-tabs__link_active {
  font-weight: bold;
}

html[data-theme=firstchoice] .nav-tabs__link {
  color: var(--color-text-base);
  font-family: var(--font-family-base);
  color: var(--color-theme-variant);
}

.ca-footer {
  padding-top: var(--space-8);
  color: var(--color-text-base);
  font-family: var(--font-family-base);
}
.ca-footer__inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--layout-gutter-width) / -2);
  margin-left: calc(var(--layout-gutter-width) / -2);
  margin-bottom: var(--space-4);
}
.ca-footer__title {
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  margin-top: 0;
  margin-bottom: var(--space-1);
}

.ca-footer-app-links {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 100%;
  padding: 0 calc(var(--layout-gutter-width) / 2);
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
  padding-right: var(--space-2);
  padding-left: var(--space-2);
  margin-bottom: var(--space-2);
}
@media (min-width: 60rem) {
  .ca-footer-app-links {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
    margin-bottom: 0;
  }
}
.ca-footer-app-links__inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--layout-gutter-width) / -2);
  margin-left: calc(var(--layout-gutter-width) / -2);
  display: flex;
  align-items: center;
  flex: 1 1 0;
}
.ca-footer-app-links__adjust {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 100%;
  padding: 0 calc(var(--layout-gutter-width) / 2);
  flex: 0 0 calc(10 / 12 * 100%);
  max-width: calc(10 / 12 * 100%);
  padding: 0;
}
.ca-footer-app-links__qr {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 100%;
  padding: 0 calc(var(--layout-gutter-width) / 2);
  flex: 0 0 calc(5 / 12 * 100%);
  max-width: calc(5 / 12 * 100%);
}
.ca-footer-app-links__qr-img {
  width: 100%;
  height: auto;
  margin-left: calc(var(--space-2) * -1);
}
.ca-footer-app-links__stores {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 100%;
  padding: 0 calc(var(--layout-gutter-width) / 2);
  flex: 0 0 calc(7 / 12 * 100%);
  max-width: calc(7 / 12 * 100%);
  display: flex;
  flex-direction: column;
}
.ca-footer-app-links__stores-img {
  width: 100%;
  height: auto;
}

.ca-footer-navigation {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 100%;
  padding: 0 calc(var(--layout-gutter-width) / 2);
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
  padding-right: var(--space-2);
  padding-left: var(--space-2);
  margin-bottom: var(--space-2);
}
@media (min-width: 60rem) {
  .ca-footer-navigation {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
    margin-bottom: 0;
  }
}
.ca-footer-navigation__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ca-footer-navigation__link {
  display: inline-flex;
  align-items: center;
  width: auto;
  font-family: var(--font-family-base);
  color: var(--link-color-text-default);
  text-decoration: underline;
  text-decoration-thickness: var(--stroke-size-100);
  text-decoration-color: var(--link-color-text-default);
  appearance: none;
  cursor: pointer;
  outline: none;
  background: none;
  border: 0;
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
}
.ca-footer-navigation__link .icon-leading {
  margin-right: calc(var(--space-05));
}
.ca-footer-navigation__link .icon-trailing {
  margin-left: calc(var(--space-05));
}
.ca-footer-navigation__link.non-underlined {
  text-decoration-color: transparent;
}
.ca-footer-navigation__link.standalone {
  min-width: 2.75rem; /* 44px / 16px */
  min-height: 2.75rem; /* 44px / 16px */
}
@media (prefers-reduced-motion: no-preference) {
  .ca-footer-navigation__link.motion {
    transition: text-decoration var(--motion-duration-medium) var(--motion-timing-default);
  }
}

.ca-footer-social {
  box-sizing: border-box;
  flex: 1 0 0;
  width: 100%;
  padding: 0 calc(var(--layout-gutter-width) / 2);
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 100%);
  padding-right: var(--space-2);
  padding-left: var(--space-2);
}
@media (min-width: 60rem) {
  .ca-footer-social {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
}
.ca-footer-social__links {
  display: flex;
  gap: var(--space-1);
}
.ca-footer-social__img {
  width: 40px;
  height: auto;
}

.ca-footer-legal {
  margin-top: var(--space-4);
  margin-bottom: var(--space-1);
  padding-top: var(--space-1);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
  margin-bottom: 0;
  border-top: 1px solid var(--color-text-lead);
  color: var(--color-text-lead);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --navbar-with: 319px;
}

body {
  margin: 0;
  font-family: var(--font-family-primary);
}

.oh-overflow-h {
  height: 100vh;
  overflow: hidden;
}