.accordion-group > *:not(:last-child) {
  position: relative;
  margin-bottom: var(--stroke-size-100);
}
.accordion-group > *:not(:last-child) ::before {
  position: absolute;
  right: 0;
  bottom: calc(0rem - var(--stroke-size-100));
  left: 0;
  display: block;
  content: "";
  border-bottom: var(--stroke-size-100) solid var(--color-functional-neutral-200);
}
.accordion-group > .info:not(:last-child), .accordion-group > .error:not(:last-child), .accordion-group > .success:not(:last-child), .accordion-group > .elevated:not(:last-child) {
  margin-bottom: var(--space-1);
  border-bottom: 0;
}
.accordion-group > .info:not(:last-child) ::before, .accordion-group > .error:not(:last-child) ::before, .accordion-group > .success:not(:last-child) ::before, .accordion-group > .elevated:not(:last-child) ::before {
  display: none;
}
.accordion-group > .elevated:not(:last-child) {
  margin-bottom: 0.375rem; /* 6 / 16px  to account for box shadow */
}

.accordion {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--space-3);
  background-color: var(--color-theme-surface);
  border-radius: var(--corner-rounded-2);
}
.accordion.elevated {
  box-shadow: var(--layer-shadow-top);
}
.accordion:focus {
  outline: none;
}
.accordion > button {
  text-align:left;
}
.accordion > button:focus-visible {
  position: relative;
  overflow: visible;
  outline: none;
}
.accordion > 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: var(--corner-rounded-2);
  box-shadow: var(--input-color-shadow-focus);
}
.accordion > input[type=radio], .accordion > input[type=checkbox] {
  display: none;
}
.accordion .header {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: calc(0rem - var(--space-3));
  color: var(--color-text-base);
  cursor: pointer;
  background-color: transparent;
}
.accordion .header .icon-label {
  padding: 0.625rem 0 0.625rem 0.625rem; /* 10 0 10 10 / 16px */
}
.accordion .header .icon-accordion {
  padding: 0.625rem 0.625rem 0.625rem 0.375rem; /* 10 10 10 6 / 16px */
  color: var(--color-functional-base-600);
}
.accordion .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;
  font-weight: 700;
  flex: 1;
  padding: var(--space-3) 0 var(--space-3) var(--space-3);
  line-height: var(--line-height-normal-lead);
}
.accordion .notification {
  color: var(--color-text-base);
  font-family: var(--font-family-base);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  margin-bottom: 0;
  padding: var(--space-3) 0 var(--space-3) 0;
  color: var(--color-functional-base-600);
}
.accordion .content {
  padding: 0 var(--space-3);
  width:100%;
}
.accordion .content.card {
   margin:1em 0 0.2em 0;
   padding:1em;
}
.accordion .body {
  overflow: hidden;
  padding:0 1em;
}
.accordion:not(.js) .body {
  max-height: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .accordion:not(.js) .body {
    transition: max-height var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.accordion:not(.js) .body .content {
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .accordion:not(.js) .body .content {
    transition: opacity var(--motion-duration-medium) var(--motion-timing-default) var(--motion-delay-2);
  }
}
.accordion:not(.js) [type=radio]:checked ~ .body,
.accordion:not(.js) [type=checkbox]:checked ~ .body {
  max-height: max-content;
}
.accordion:not(.js) [type=radio]:checked ~ .body .content,
.accordion:not(.js) [type=checkbox]:checked ~ .body .content {
  opacity: 1;
}
.accordion.no-motion:not(.js) [type=radio]:checked ~ .body, .accordion.no-motion:not(.js) [type=checkbox]:checked ~ .body {
  max-height: none;
}
.accordion.js .body.transitioning {
  transition: height var(--motion-duration-medium) var(--motion-timing-default);
}
.accordion:not(.no-motion) .icon-accordion {
  transition: transform var(--motion-duration-medium) var(--motion-timing-default);
}
.accordion [type=radio]:checked ~ button.header .icon-accordion, .accordion [type=checkbox]:checked ~ button.header .icon-accordion {
  transform: rotate3d(1, 0, 0, 180deg);
}
.accordion.no-motion {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .accordion {
    transition: none;
  }
  .accordion [type=radio]:checked ~ .body,
  .accordion [type=checkbox]:checked ~ .body {
    max-height: none;
  }
  .accordion.js .body.transitioning, .accordion:not(.no-motion) .icon-accordion {
    transition: none;
  }
}
.accordion.info {
  background-color: var(--color-theme-base-200);
  color: var(--color-on-theme-base-200);
}
.accordion.error {
  background-color: var(--color-functional-error-200);
  color: var(--color-on-functional-error-200);
}
.accordion.success {
  background-color: var(--color-functional-success-200);
  color: var(--color-on-functional-success-200);
}



.alert {
  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);
}
.alert .alert-icon {
  margin: var(--space-2);
}
.alert .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 .alert-text:is(div) {
  margin-bottom: calc(3 * var(--space-05));
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.alert .alert-text:last-child {
  margin-right: var(--space-2);
}
.alert .alert-text p:not(:last-child) {
  margin-bottom: var(--space-2);
}
.alert .alert-text .list {
  margin-top: calc(-1 * var(--space-1));
  margin-left: calc(-1 * var(--space-10));
  color: inherit;
}
.alert .alert-text .list:is(ol) {
  margin-left: calc(-1 * var(--space-8));
}
.alert .alert-text .list > li {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
}
.alert .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 .control {
  margin-left: auto;
}
.alert.default {
  color: var(--color-on-achromatic-base-200);
  background-color: var(--color-achromatic-base-200);
  border-color: var(--color-achromatic-base-200);
}
.alert.default.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-on-achromatic-base-200) inset;
}
.alert.default .alert-icon {
  color: var(--color-on-achromatic-base-200);
}
.alert.info {
  color: var(--color-on-functional-base-200);
  background-color: var(--color-functional-base-200);
  border-color: var(--color-functional-base-200);
}
.alert.info.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-on-functional-base-200) inset;
}
.alert.info .alert-icon {
  color: var(--color-on-functional-base-200);
}
.alert.error {
  color: var(--color-on-functional-error-200);
  background-color: var(--color-functional-error-200);
  border-color: var(--color-functional-error-200);
}
.alert.error.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-functional-error-600) inset;
}
.alert.error .alert-icon {
  color: var(--color-functional-error-600);
}
.alert.success {
  color: var(--color-on-functional-success-200);
  background-color: var(--color-functional-success-200);
  border-color: var(--color-functional-success-200);
}
.alert.success.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-functional-success-600) inset;
}
.alert.success .alert-icon {
  color: var(--color-functional-success-600);
}
.alert.warning {
  color: var(--color-on-functional-alert-200);
  background-color: var(--color-functional-alert-200);
  border-color: var(--color-functional-alert-200);
}
.alert.warning.highlight {
  box-shadow: 0.25rem 0 0 0 var(--color-functional-alert-800) inset;
}
.alert.warning .alert-icon {
  color: var(--color-functional-alert-800);
}



.badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  font-style: normal;
  font-weight: normal;
  border-radius: var(--badge-shape);
}
.badge .icon-leading {
  display: flex;
  margin-right: calc(var(--space-1));
}
.badge .icon-trailing {
  display: flex;
  margin-left: calc(var(--space-1));
}
.badge.small {
  min-height: var(--badge-size-height-small);
  padding: var(--space-05) var(--space-1);
  line-height: var(--line-height-baseline);
}
.badge.medium {
  min-height: var(--badge-size-height-medium);
  padding: var(--space-2);
  line-height: var(--line-height-normal);
}
.badge.primary {
  background-color: var(--color-theme-base);
  color: var(--color-on-theme-base);
}
.badge.promotion {
  background-color: var(--color-theme-promotion);
  color: var(--color-on-theme-promotion);
}
.badge.secondary {
  background-color: var(--color-theme-variant);
  color: var(--color-on-theme-variant);
}
.badge.ghost {
  background-color: var(--color-theme-background);
  color: var(--color-on-theme-background);
}
.badge.functional {
  background-color: var(--color-functional-base-600);
  color: var(--color-on-functional-base-600);
}
.badge.tertiary {
  background-color: var(--color-theme-contrast);
  color: var(--color-on-theme-contrast);
}
.badge.error {
  background-color: var(--color-functional-error-600);
  color: var(--color-on-functional-error-600);
}
.badge.success {
  background-color: var(--color-functional-success-600);
  color: var(--color-on-functional-success-600);
}
.badge.neutral {
  background-color: var(--color-functional-neutral-600);
  color: var(--color-on-functional-neutral-600);
}
.badge.light {
  background-color: var(--color-theme-base-200);
  color: var(--color-on-theme-base-200);
}
.badge.warning {
  color: var(--color-on-functional-alert-600);
  background-color: var(--color-functional-alert-600);
}



.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) {
  .button {
    transition: all var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.button .icon-leading {
  margin-right: var(--space-1);
}
.button .icon-trailing {
  margin-left: var(--space-1);
}
.button:focus-visible {
  position: relative;
  overflow: visible;
  outline: none;
}
.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);
}
.button.round {
  border-radius: var(--corner-rounded-100);
}
.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);
}
.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);
}
.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);
}
.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);
}
.button.primary {
  background-color: var(--color-theme-contrast);
  border-color: var(--transparent);
  color: var(--color-on-theme-contrast);
}
.button.primary:hover {
  background-color: var(--color-theme-contrast);
  background-image: var(--button-color-tint-primary-hover);
  color: var(--button-color-text-primary-hover);
}
.button.primary:active {
  background-image: var(--button-color-tint-primary-active);
}
.button.primary[disabled], .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;
}
.button.promotion {
  background-color: var(--button-color-background-promotion-default);
  border-color: var(--transparent);
  color: var(--color-on-theme-promotion);
}
.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);
}
.button.promotion:active {
  background-image: var(--button-color-tint-promotion-active);
}
.button.promotion[disabled], .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;
}
.button.secondary {
  background-color: var(--button-color-background-secondary-default);
  border-color: var(--transparent);
  color: var(--button-color-text-secondary-default);
}
.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);
}
.button.secondary:active {
  background-image: var(--button-color-tint-secondary-active);
}
.button.secondary[disabled], .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;
}
.button.ghost {
  background-color: var(--button-color-background-ghost-default);
  border-color: var(--button-color-border-ghost-default);
  box-shadow: none;
  color: var(--button-color-text-ghost);
}
.button.ghost:hover {
  background-color: var(--button-color-background-ghost-hover);
  background-image: var(--button-color-tint-ghost-hover);
  color: var(--button-color-text-ghost-hover);
}
.button.ghost:active {
  background-image: var(--button-color-tint-ghost-active);
}
.button.ghost[disabled], .button.ghost[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;
}
.button.tertiary {
  background-color: var(--button-color-background-tertiary-default);
  border-color: var(--transparent);
  color: var(--button-color-text-tertiary-default);
}
.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);
}
.button.tertiary:active {
  background-image: var(--button-color-tint-tertiary-active);
}
.button.tertiary[disabled], .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;
}
.button.error {
  background-color: var(--color-functional-error-600);
  border-color: var(--transparent);
  color: var(--color-on-functional-error-600);
}
.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);
}
.button.error:active {
  background-image: var(--button-color-tint-error-active);
}
.button.error[disabled], .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;
}
.button.success {
  background-color: var(--color-functional-success-600);
  border-color: var(--transparent);
  color: var(--color-on-functional-success-600);
}
.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);
}
.button.success:active {
  background-image: var(--button-color-tint-success-active);
}
.button.success[disabled], .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;
}
.button.primary.outline {
  background-color: var(--transparent);
  border-color: var(--button-color-border-primary-outline-default);
  color: var(--button-color-text-primary-outline-default);
}
.button.primary.outline: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);
}
.button.primary.outline:active {
  background-image: var(--button-color-tint-primary-outline-active);
}
.button.primary.outline[disabled], .button.primary.outline[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;
}
.button.secondary.outline {
  background-color: var(--transparent);
  border-color: var(--button-color-border-secondary-outline-default);
  color: var(--button-color-text-secondary-outline-default);
}
.button.secondary.outline: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);
}
.button.secondary.outline:active {
  background-image: var(--button-color-tint-secondary-active);
}
.button.secondary.outline[disabled], .button.secondary.outline[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;
}
.button.tertiary.outline {
  background-color: var(--transparent);
  border-color: var(--button-color-border-tertiary-outline-default);
  color: var(--button-color-text-tertiary-outline-default);
}
.button.tertiary.outline: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);
}
.button.tertiary.outline:active {
  background-image: var(--button-color-tint-tertiary-active);
}
.button.tertiary.outline[disabled], .button.tertiary.outline[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;
}
.button.primary.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.primary.loading[disabled] {
  background-color: var(--color-theme-contrast);
  border-color: var(--transparent);
  color: var(--color-on-theme-contrast);
}
.button.promotion.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.promotion.loading[disabled] {
  background-color: var(--button-color-background-promotion-default);
  border-color: var(--transparent);
  color: var(--color-on-theme-promotion);
}
.button.secondary.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.secondary.loading[disabled] {
  background-color: var(--button-color-background-secondary-default);
  border-color: var(--transparent);
  color: var(--button-color-text-secondary-default);
}
.button.ghost.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.ghost.loading[disabled] {
  background-color: var(--button-color-background-ghost-default);
  border-color: var(--button-color-border-ghost-default);
  box-shadow: none;
  color: var(--button-color-text-ghost);
}
.button.tertiary.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.tertiary.loading[disabled] {
  background-color: var(--button-color-background-tertiary-default);
  border-color: var(--transparent);
  color: var(--button-color-text-tertiary-default);
}
.button.error.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.error.loading[disabled] {
  background-color: var(--color-functional-error-600);
  border-color: var(--transparent);
  color: var(--color-on-functional-error-600);
}
.button.success.loading {
  cursor: wait;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-white.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 220%;
}
.button.success.loading[disabled] {
  background-color: var(--color-functional-success-600);
  border-color: var(--transparent);
  color: var(--color-on-functional-success-600);
}



.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);
}
.card.elevated.level-0 {
  box-shadow: var(--elevation-shadow-0);
}
.card.elevated.level-0.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-1);
}
.card.elevated.level-0.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.elevated.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);
}
.card.elevated.level-1 {
  box-shadow: var(--elevation-shadow-1);
}
.card.elevated.level-1.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-2);
}
.card.elevated.level-1.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.elevated.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);
}
.card.elevated.level-2 {
  box-shadow: var(--elevation-shadow-2);
}
.card.elevated.level-2.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-3);
}
.card.elevated.level-2.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.elevated.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);
}
.card.elevated.level-3 {
  box-shadow: var(--elevation-shadow-3);
}
.card.elevated.level-3.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-4);
}
.card.elevated.level-3.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.elevated.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);
}
.card.elevated.level-4 {
  box-shadow: var(--elevation-shadow-4);
}
.card.elevated.level-4.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-5);
}
.card.elevated.level-4.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.elevated.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);
}
.card.elevated.level-5 {
  box-shadow: var(--elevation-shadow-5);
}
.card.elevated.level-5.clickable:hover {
  cursor: pointer;
  box-shadow: var(--elevation-shadow-6);
}
.card.elevated.level-5.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.elevated.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);
}
.card.filled.level-0 {
  background: var(--elevation-background-0);
}
.card.filled.level-0.clickable:hover {
  cursor: pointer;
  background: var(--elevation-background-1);
}
.card.filled.level-0.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.filled.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);
}
.card.filled.level-1 {
  background: var(--elevation-background-1);
}
.card.filled.level-1.clickable:hover {
  cursor: pointer;
  background: var(--elevation-background-2);
}
.card.filled.level-1.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.filled.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);
}
.card.filled.level-2 {
  background: var(--elevation-background-2);
}
.card.filled.level-2.clickable:hover {
  cursor: pointer;
  background: var(--elevation-background-3);
}
.card.filled.level-2.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.filled.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);
}
.card.filled.level-3 {
  background: var(--elevation-background-3);
}
.card.filled.level-3.clickable:hover {
  cursor: pointer;
  background: var(--elevation-background-4);
}
.card.filled.level-3.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.filled.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);
}
.card.filled.level-4 {
  background: var(--elevation-background-4);
}
.card.filled.level-4.clickable:hover {
  cursor: pointer;
  background: var(--elevation-background-5);
}
.card.filled.level-4.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.filled.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);
}
.card.filled.level-5 {
  background: var(--elevation-background-5);
}
.card.filled.level-5.clickable:hover {
  cursor: pointer;
  background: var(--elevation-background-6);
}
.card.filled.level-5.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.filled.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);
}
.card.outlined.level-0 {
  outline-color: var(--color-on-theme-base);
}
.card.outlined.level-0.clickable:hover {
  cursor: pointer;
  box-shadow: var(--layer-shadow-focus);
}
.card.outlined.level-0.clickable:focus-visible {
  position: relative;
  overflow: visible;
}
.card.outlined.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);
}
.card.xs {
  border-radius: var(--card-shape-screen-xs);
}
.card.sm {
  border-radius: var(--card-shape-screen-sm);
}
.card.md {
  border-radius: var(--card-shape-screen-md);
}
.card.lg {
  border-radius: var(--card-shape-screen-lg);
}
.card.xl {
  border-radius: var(--card-shape-screen-xl);
}
.card.xxl {
  border-radius: var(--card-shape-screen-xxl);
}
@media (min-width: 36.25rem) {
  .card.responsive {
    border-radius: var(--card-shape-screen-xs);
  }
}
@media (min-width: 47.5rem) {
  .card.responsive {
    border-radius: var(--card-shape-screen-sm);
  }
}
@media (min-width: 60rem) {
  .card.responsive {
    border-radius: var(--card-shape-screen-md);
  }
}
@media (min-width: 75rem) {
  .card.responsive {
    border-radius: var(--card-shape-screen-lg);
  }
}
@media (min-width: 90rem) {
  .card.responsive {
    border-radius: var(--card-shape-screen-xl);
  }
}
@media (min-width: 120rem) {
  .card.responsive {
    border-radius: var(--card-shape-screen-xxl);
  }
}
.card.selected {
  --card-selected-corner-size: var(--corner-rounded-8);
  --card-selected-corner-margin: var(--space-2);
  position: relative;
  outline-color: var(--color-functional-base-600) !important;
}
.card.selected::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: var(--layer-index-top);
  display: block;
  width: var(--card-selected-corner-size);
  height: var(--card-selected-corner-size);
  content: "";
  background: var(--color-functional-base-600);
  border-top-right-radius: var(--corner-rounded-4);
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-quadrant-lower-left-filled.svg"), url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-quadrant-lower-left-filled.svg"), url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center, 60% 40%;
  mask-position: center, 60% 40%;
  -webkit-mask-size: contain, var(--icon-size-medium);
  mask-size: contain, var(--icon-size-medium);
  -webkit-mask-composite: subtract;
  mask-composite: subtract;
}
.card.indeterminate {
  outline-style: var(--stroke-style-indeterminate);
  outline-color: var(--color-functional-base-600);
}



/*
 Global dialog (Fills the whole page)
*/
.dialog {
  z-index: var(--layer-index-modal);
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  border: 0;
}
.dialog:not([open]) {
  display: none;
}
.dialog[open] {
  display: flex;
}
.dialog.js {
  position: fixed;
  inset: 0;
  visibility: visible;
  width: fit-content;
  height: fit-content;
  overflow: auto;
  user-select: text;
}
.dialog.base {
  background: var(--color-theme-surface);
  box-shadow: var(--elevation-shadow-4);
  border-radius: var(--corner-rounded-4);
  margin: auto;
  left: var(--space-4);
  right: var(--space-4);
  max-height: calc(100% - var(--space-4) * 2);
}
.dialog.fullscreen {
  min-height: var(--app-height);
  height: var(--app-height);
  max-height: var(--app-height);
  min-width: 100%;
  background: var(--color-theme-background);
  margin: 0;
}
.dialog::backdrop {
  background: var(--color-backdrop);
}

.dialog-backdrop {
  background: var(--color-backdrop);
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--layer-index-overlay);
  display: none;
  width: 100%;
  height: 100%;
}

/*
 Absolute dialog (Constrained by parent)
*/
.dialog.absolute {
  z-index: var(--layer-index-modal);
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  border: 0;
}
.dialog.absolute:not([open]) {
  display: none;
}
.dialog.absolute[open] {
  display: flex;
}
.dialog.absolute.js {
  --app-height: 100%;
  position: absolute;
  inset: 0;
  visibility: visible;
  width: fit-content;
  height: fit-content;
  overflow: auto;
  user-select: text;
}
.dialog.absolute.base {
  background: var(--color-theme-surface);
  box-shadow: var(--elevation-shadow-4);
  border-radius: var(--corner-rounded-4);
  margin: auto;
  left: var(--space-4);
  right: var(--space-4);
  max-height: calc(100% - var(--space-4) * 2);
}
.dialog.absolute.fullscreen {
  min-height: var(--app-height);
  height: var(--app-height);
  max-height: var(--app-height);
  min-width: 100%;
  background: var(--color-theme-background);
  margin: 0;
}

.dialog-backdrop.absolute {
  background: var(--color-backdrop);
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--layer-index-overlay);
  display: none;
  width: 100%;
  height: 100%;
}



.divider {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-normal);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 0;
}
.divider:empty {
  background: currentcolor;
}
.divider::before, .divider::after {
  width: 100%;
  content: "";
  background: currentcolor;
  border-radius: var(--stroke-shape);
}
.divider > * {
  margin: 0 var(--space-2);
  line-height: var(--line-height-baseline);
}
.divider.title {
  font-size: var(--font-size-large);
  font-weight: 800;
}
.divider.title::before, .divider.title::after {
  height: var(--stroke-size-400);
}
.divider.thin {
  min-height: var(--stroke-size-100);
}
.divider.thin::before, .divider.thin::after {
  height: var(--stroke-size-100);
}
.divider.thin {
  font-weight: 400;
}
.divider.medium {
  min-height: var(--stroke-size-400);
}
.divider.medium::before, .divider.medium::after {
  height: var(--stroke-size-400);
}
.divider.medium {
  font-weight: 600;
}
.divider.thick {
  min-height: var(--stroke-size-600);
}
.divider.thick::before, .divider.thick::after {
  height: var(--stroke-size-600);
}
.divider.thick {
  font-weight: 700;
}
.divider.vertical {
  display: inline-flex;
  flex-direction: column;
  min-height: var(--font-size-medium);
}
.divider.vertical > * {
  margin: var(--space-2) 0;
}
.divider.vertical::before, .divider.vertical::after {
  height: 100%;
  content: " ";
}
.divider.vertical.thin {
  min-width: var(--stroke-size-100);
}
.divider.vertical.thin::before, .divider.vertical.thin::after {
  width: var(--stroke-size-100);
}
.divider.vertical.thin {
  font-weight: 400;
}
.divider.vertical.medium {
  min-width: var(--stroke-size-400);
}
.divider.vertical.medium::before, .divider.vertical.medium::after {
  width: var(--stroke-size-400);
}
.divider.vertical.medium {
  font-weight: 600;
}
.divider.vertical.thick {
  min-width: var(--stroke-size-600);
}
.divider.vertical.thick::before, .divider.vertical.thick::after {
  width: var(--stroke-size-600);
}
.divider.vertical.thick {
  font-weight: 700;
}
.divider.default {
  color: var(--stroke-color-default);
}
.divider.functional {
  color: var(--stroke-color-functional);
}
.divider.passive {
  color: var(--stroke-color-passive);
}
.divider.primary {
  color: var(--stroke-color-primary);
}
.divider.secondary {
  color: var(--stroke-color-secondary);
}
.divider.promotion {
  color: var(--stroke-color-promotion);
}
.divider.success {
  color: var(--stroke-color-success);
}
.divider.error {
  color: var(--stroke-color-error);
}
.divider.background {
  color: var(--stroke-color-background);
}


.icon-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    width: var(--button-size-height-medium);
    height: var(--button-size-height-medium);
    padding: calc(var(--space-2) - var(--button-size-border));
    font-size: var(--font-size-medium);
    vertical-align: middle;
    color: var(--color-text-lead);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    outline: none;
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: var(--button-size-border);
    border-radius: var(--button-shape-medium);
}
.icon-button.primary {
    background-color: var(--transparent);
    border-color: var(--transparent);
    color: var(--color-functional-base-600);
}
.icon-button.medium {
    font-size: var(--font-size-medium);
    height: var(--button-size-height-medium);
    width: var(--button-size-height-medium);
}



.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;
}
.icon.xsmall {
  max-height: var(--icon-size-xsmall);
  max-width: var(--icon-size-xsmall);
}
.icon.small {
  max-height: var(--icon-size-small);
  max-width: var(--icon-size-small);
}
.icon.medium {
  min-height: var(--icon-size-medium);
  min-width: var(--icon-size-medium);
}
.icon.large {
  min-height: var(--icon-size-large);
  min-width: var(--icon-size-large);
}
.icon.xlarge {
  min-height: var(--icon-size-xlarge);
  min-width: var(--icon-size-xlarge);
}
.icon.xxlarge {
  min-height: var(--icon-size-xxlarge);
  min-width: var(--icon-size-xxlarge);
}
.icon.xxxlarge {
  min-height: var(--icon-size-xxxlarge);
  min-width: var(--icon-size-xxxlarge);
}
.icon-wrapper {
  display: flex;
  align-items: center;
}
.icon.accessibility {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/accessibility.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.adult {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/adult.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.adults-only-17 {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/adults-only-17.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.adults-only {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/adults-only.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.aircraft-distance {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/aircraft-distance.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.aircraft-double {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/aircraft-double.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.aircraft-down {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/aircraft-down.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.aircraft-duration {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/aircraft-duration.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.aircraft-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/aircraft-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.aircraft {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/aircraft.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.alarm-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/alarm-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.alarm-clock {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/alarm-clock.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.alarm {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/alarm.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.alias {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/alias.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.armchair {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/armchair.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-down-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-down-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-down-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-down-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-down {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-down.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-head-down {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-head-down.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-head-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-head-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-left-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-left-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-left-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-left-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-left {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-left.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-login {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-login.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-logout {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-logout.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-refresh {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-refresh.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-right-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-right-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-right-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-right-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-right-open-circle {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-right-open-circle.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-right-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-right-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-right {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-right.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-to-right-to-left {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-to-right-to-left.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-up-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-up-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-up-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-up-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.arrow-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/arrow-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.atom {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/atom.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.baby-stroller {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/baby-stroller.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.baby {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/baby.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.backpack {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/backpack.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.balcony {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/balcony.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.balloon {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/balloon.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bed-double-checkmark {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bed-double-checkmark.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bed-double-plus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bed-double-plus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bed-double {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bed-double.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bed {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bed.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bellboy {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bellboy.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bike {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bike.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.binoculars {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/binoculars.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.birthday-cake {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/birthday-cake.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bow-and-arrow {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bow-and-arrow.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bow {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bow.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.building {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/building.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.bust-in-silhouette {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/bust-in-silhouette.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-checkin {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-checkin.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-checkout {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-checkout.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-currency-e {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-currency-e.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-currency-euro {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-currency-euro.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-currency-kr {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-currency-kr.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-currency-pound {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-currency-pound.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar-duration {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar-duration.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.calendar {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/calendar.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.camera {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/camera.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-all-wheel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-all-wheel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-diesel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-diesel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-door {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-door.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-electric {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-electric.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-gear-a {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-gear-a.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-gear-m {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-gear-m.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-gear {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-gear.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-hybrid {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-hybrid.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-key {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-key.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-navi {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-navi.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-snow-chain {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-snow-chain.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-wheel-winter {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-wheel-winter.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car-wheel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car-wheel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.car {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/car.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.card-debit {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/card-debit.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-bus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-bus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-convertible {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-convertible.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-large {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-large.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-medium {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-medium.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-small {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-small.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-stationwagon {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-stationwagon.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cartype-suv {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cartype-suv.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cert {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cert.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.champagne {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/champagne.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chat-question {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chat-question.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chat-tui {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chat-tui.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chat {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chat.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkbox {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkbox.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checked {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checked.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark-circled-filled-success {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-circled-filled-success.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark-circled-filled-success--original {
    --icon-url: url('https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-circled-filled-success.svg');
    background: transparent var(--icon-url) no-repeat center center;
}
.icon.checkmark-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark-corner-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-corner-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark-corner {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-corner.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.checkmark {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/checkmark.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-circled-down {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-circled-down.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-circled-right {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-circled-right.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-circled-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-circled-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-down {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-down.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-left {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-left.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-squared-down {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-squared-down.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-squared-left {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-squared-left.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-squared-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-squared-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-updown-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-updown-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron-updown {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron-updown.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.chevron {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/chevron.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.child {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/child.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.church {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/church.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-half-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-half-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-half-left-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-half-left-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-half-lower-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-half-lower-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-half-upper-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-half-upper-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-half {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-half.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-quadrant-lower-left-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-quadrant-lower-left-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle-quadrant-lower-left {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle-quadrant-lower-left.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.circle {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/circle.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.city {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/city.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.clean {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/clean.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.clock-stopwatch {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/clock-stopwatch.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.clock {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/clock.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.coffee {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/coffee.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.color-variables {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/color-variables.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.controls {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/controls.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.copy {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/copy.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.corona-test {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/corona-test.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.credit-card {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/credit-card.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.croissant {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/croissant.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cross-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cross-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cross-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cross-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cross-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cross-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cross {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cross.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.crown {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/crown.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.currency-coins {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/currency-coins.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cutlery-plus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cutlery-plus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.cutlery-tray {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/cutlery-tray.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.desert-island {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/desert-island.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.desktop-computer {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/desktop-computer.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.diamond {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/diamond.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.digital-service {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/digital-service.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.disco {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/disco.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.distance {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/distance.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.diving {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/diving.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.document-receipt {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/document-receipt.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.document-search {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/document-search.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.document {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/document.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.download {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/download.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.eat {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/eat.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.edit {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/edit.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ellipsis-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ellipsis-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ellipsis {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ellipsis.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.emv-chip {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/emv-chip.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.envelope {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/envelope.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.erase-to-the-left {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/erase-to-the-left.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.euro-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/euro-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.euro-return-2 {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/euro-return-2.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.euro-return {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/euro-return.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.euro-sign {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/euro-sign.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.exclamation-mark-circled-filled-danger {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/exclamation-mark-circled-filled-danger.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.exclamation-mark-circled-filled-danger--original {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/exclamation-mark-circled-filled-danger.svg");
    background: transparent var(--icon-url) no-repeat center center;
}
.icon.exclamation-mark-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/exclamation-mark-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.exclamation-mark-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/exclamation-mark-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.face-to-face-service {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/face-to-face-service.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ferris-wheel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ferris-wheel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.file-pdf {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/file-pdf.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.filter {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/filter.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.fish {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/fish.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.fitness {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/fitness.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.flame-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/flame-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.flame {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/flame.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.floorplan {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/floorplan.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.floppy-disk {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/floppy-disk.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.football {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/football.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.free-kids-hand-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/free-kids-hand-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.free-kids-hand {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/free-kids-hand.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.fullscreen {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/fullscreen.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.gas-station {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/gas-station.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.gift {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/gift.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.glass-cocktail {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/glass-cocktail.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.globe {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/globe.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.golf-club-bag {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/golf-club-bag.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.golf {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/golf.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.green-and-fair-leaf-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/green-and-fair-leaf-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.green-and-fair-leaf {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/green-and-fair-leaf.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.hand-heart {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/hand-heart.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.heart-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/heart-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.heart-tui-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/heart-tui-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.heart-tui {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/heart-tui.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.heart {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/heart.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.historical-landmark {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/historical-landmark.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.home {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/home.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.hotel-airport-parking {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/hotel-airport-parking.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.hotel-airport {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/hotel-airport.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.hotel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/hotel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.hourglass {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/hourglass.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ice-cream {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ice-cream.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.information-sign {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/information-sign.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.kajak {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/kajak.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.keys {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/keys.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.laptop {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/laptop.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.leaf {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/leaf.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-at {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-at.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-c-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-c-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-i-circled-filled-info {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-i-circled-filled-info.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-i-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-i-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-i-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-i-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-t-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-t-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-t-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-t-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.letter-u-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/letter-u-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lifebelt {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lifebelt.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lift-cabin {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lift-cabin.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lift-chair {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lift-chair.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lift-gondola {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lift-gondola.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lift-railway {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lift-railway.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lift-slow {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lift-slow.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.light-bulb {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/light-bulb.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lime {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lime.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.link-external {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/link-external.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.list-bullet {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/list-bullet.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.list-item {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/list-item.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.list {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/list.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.location-map {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/location-map.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.location-pin {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/location-pin.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.location-track {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/location-track.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lock-tui {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lock-tui.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.locked {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/locked.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.login {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/login.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.logout {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/logout.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.luggage-cabin {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/luggage-cabin.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.luggage-hand {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/luggage-hand.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.luggage-plus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/luggage-plus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.luggage {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/luggage.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.lying-chair {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/lying-chair.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.man-pilot {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/man-pilot.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.map {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/map.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.medal {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/medal.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.medical-mask {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/medical-mask.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.megaphone {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/megaphone.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.menu-filter {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/menu-filter.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.menu {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/menu.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.merge {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/merge.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.mic {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/mic.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.mickey-mouse {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/mickey-mouse.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.minus-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/minus-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.minus-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/minus-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.minus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/minus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.mobile-phone {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/mobile-phone.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.moon-last-quarter-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/moon-last-quarter-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.moon-last-quarter {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/moon-last-quarter.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.moon {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/moon.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.mosque {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/mosque.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.mountain {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/mountain.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.multi {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/multi.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.museum {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/museum.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.no-bus-transfer {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/no-bus-transfer.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.no-luggage {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/no-luggage.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.no-oncoming-train {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/no-oncoming-train.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.nordic-walking {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/nordic-walking.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.notebook {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/notebook.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.notepad {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/notepad.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.official-rating {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/official-rating.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.oncoming-bus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/oncoming-bus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.oncoming-camper {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/oncoming-camper.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.oncoming-coach {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/oncoming-coach.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.oncoming-taxi {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/oncoming-taxi.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.oncoming-train {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/oncoming-train.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.paint-roller {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/paint-roller.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.parachute {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/parachute.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.parking-airport {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/parking-airport.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.parking-garage {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/parking-garage.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.party-popper {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/party-popper.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.passport {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/passport.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pause-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pause-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.paw {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/paw.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pencil {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pencil.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.percent-sign-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/percent-sign-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.percent-sign {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/percent-sign.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pharmacy {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pharmacy.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.piggy-bank {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/piggy-bank.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.place-of-worship {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/place-of-worship.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.play-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/play-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.play {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/play.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.plug {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/plug.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.plus-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/plus-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.plus-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/plus-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.plus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/plus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.popup-squared {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/popup-squared.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.popup {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/popup.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pound-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pound-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pound-sign {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pound-sign.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.power-symbol {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/power-symbol.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.price-tag-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/price-tag-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.price-tag {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/price-tag.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pricetag-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pricetag-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pricetag {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pricetag.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.printer {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/printer.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.prohibited {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/prohibited.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.pumpkin {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/pumpkin.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.question-mark-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/question-mark-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.question-mark-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/question-mark-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.radiobutton-selected {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/radiobutton-selected.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.rainbow {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/rainbow.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.refresh {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/refresh.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.repeat {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/repeat.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.resize-container {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/resize-container.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.resize {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/resize.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.rubber-boat {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/rubber-boat.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.running-shoe {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/running-shoe.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sail {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sail.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.scale {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/scale.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.scissors {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/scissors.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.seal-tui {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/seal-tui.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.seal {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/seal.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.search {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/search.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.seat-arrow {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/seat-arrow.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.seat-extra {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/seat-extra.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.seat-premium {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/seat-premium.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.seat {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/seat.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.service-bell {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/service-bell.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.settings {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/settings.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.share {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/share.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shield-checkmark {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shield-checkmark.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shield-cross {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shield-cross.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shield-euro {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shield-euro.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shield-flex {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shield-flex.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shield-plus {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shield-plus.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shield {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shield.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ship-river {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ship-river.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ship {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ship.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shoe {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shoe.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shop {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shop.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shopping-bag {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shopping-bag.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.shoppingcart {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/shoppingcart.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sign-hotel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sign-hotel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.signpost-direction {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/signpost-direction.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.signpost-directions {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/signpost-directions.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ski-crosscountry {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ski-crosscountry.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ski-mountain {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ski-mountain.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.small-airplane {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/small-airplane.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.snow {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/snow.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.social-distancing {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/social-distancing.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sort {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sort.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.square {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/square.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.star-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/star-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.star-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/star-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.star-half-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/star-half-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.star-half {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/star-half.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.star {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/star.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.stopwatch {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/stopwatch.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sun-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sun-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sun-set {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sun-set.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sun-tui-half {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sun-tui-half.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sun-tui {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sun-tui.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.sun {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/sun.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.swimming-pool {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/swimming-pool.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.switch {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/switch.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.tablet {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/tablet.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.teddy {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/teddy.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.telephone-receiver {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/telephone-receiver.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.temp-sun {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/temp-sun.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.text-styles {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/text-styles.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.theatre {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/theatre.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.thumbnails {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/thumbnails.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.thumbs-up {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/thumbs-up.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ticket-envelope {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ticket-envelope.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ticket {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ticket.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.time {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/time.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.train {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/train.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.transfer {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/transfer.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.trash {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/trash.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.tree {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/tree.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.trumpet {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/trumpet.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.tui-card {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/tui-card.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.turtle {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/turtle.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.ui-library {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/ui-library.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.umbrella {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/umbrella.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.underage {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/underage.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.undo-clock {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/undo-clock.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.undo-cross {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/undo-cross.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.undo {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/undo.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.unlocked {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/unlocked.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.up-pointing-backhand-index {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/up-pointing-backhand-index.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.up-pointing-index {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/up-pointing-index.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.upload {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/upload.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-chat {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-chat.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-circled-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-circled-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-circled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-circled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-driver {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-driver.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-drivers {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-drivers.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-family {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-family.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user-group {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user-group.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.user {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/user.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.users {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/users.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.view {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/view.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.warning-filled-warning {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/warning-filled-warning.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.warning-filled-warning--original {
    --icon-url: url('https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/warning-filled-warning.svg');
    background: transparent var(--icon-url) no-repeat center center;
}
.icon.warning-filled {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/warning-filled.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.warning {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/warning.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.water {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/water.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.wellness {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/wellness.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.whatsapp {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/whatsapp.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.wheelchair {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/wheelchair.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.wifi {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/wifi.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.wind-surfing {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/wind-surfing.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.world-globe {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/world-globe.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.world-travel {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/world-travel.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.world {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/world.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}
.icon.zeplin {
    --icon-url: url("https://mwa.tui.com/shared/mwa/assets/v2/icons/tui-light/zeplin.svg");
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
}



.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;
}
.input:focus-visible {
  outline: none;
}
.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;
}
.input .label:first-child {
  padding-left: 0;
}
.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);
}
.input .label-inline {
  box-sizing: border-box;
  display: inline-block;
  padding: var(--space-2) 0;
  cursor: pointer;
  user-select: none;
}
.input .message {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: var(--space-1) 0;
  margin: 0;
  font-size: var(--font-size-small);
}
.input .message .icon {
  width: 100%;
  margin-top: var(--space-05);
  margin-right: var(--space-1);
}
.input .control,
.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) {
  .input .control,
  .input .group {
    transition: all var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.input .group {
  display: flex;
  width: 100%;
  border-color: var(--input-color-border);
  border-radius: var(--input-text-shape);
}
.input .group.row {
  flex-wrap: nowrap;
}
.input .group.row .label-group {
  flex-grow: 1;
}
.input .group.column {
  flex-flow: column wrap;
}
.input .group .message {
  width: 100%;
}
.input:not(.disabled, .readonly):hover .group {
  border-color: var(--input-color-border-hover);
}
.input:not(.disabled, .readonly):hover .group .svg {
  color: var(--color-functional-base-600);
}
.input.ghost .group, .input.ghost:not(.disabled):hover .group {
  background-color: transparent;
  border-color: transparent;
}
.input.inline {
  display: inline-flex;
}
.input.inline .group {
  width: auto;
}
.input .icon-leading {
  padding: calc(var(--space-2) - var(--input-size-border));
  padding-right: 0;
}
.input .icon-trailing {
  padding: calc(var(--space-2) - var(--input-size-border));
  padding-left: 0;
}
.input .icon-control {
  color: var(--color-functional-base-600);
}
.input [class*=svg-] {
  display: block;
  align-items: center;
  padding: var(--space-2);
  text-align: center;
  background: none;
}
.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;
}
.input [class*=svg-] .svg * {
  stroke: currentcolor;
  stroke-width: var(--input-size-border);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.input.success .group,
.input.success .control {
  border-color: var(--color-functional-success-600);
}
.input.success .message {
  display: flex;
  color: var(--color-functional-success-600);
}
.input.success [class*=icon-],
.input.success [class*=svg-] {
  color: var(--color-functional-success-600);
}
.input.error .group,
.input.error .control {
  border-color: var(--color-functional-error-600);
}
.input.error .message {
  display: flex;
  color: var(--color-functional-error-600);
}
.input.error [class*=icon-],
.input.error [class*=svg-] {
  color: var(--color-functional-error-600);
}
.input.disabled {
  cursor: not-allowed;
}
.input.disabled .group,
.input.disabled .control {
  cursor: not-allowed;
  border-color: var(--color-functional-neutral-200);
}
.input.disabled .label-inline {
  color: var(--color-functional-neutral-600);
  cursor: not-allowed;
}
.input.disabled [class*=icon-],
.input.disabled [class*=svg-] {
  color: var(--color-functional-neutral-600);
}
.input.no-motion {
  transition: none;
}
.input.no-motion .svg .stroke,
.input.no-motion .svg .fill {
  transition: none;
}



.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;
}
.link .icon-leading {
  margin-right: calc(var(--space-05));
}
.link .icon-trailing {
  margin-left: calc(var(--space-05));
}
.link.non-underlined {
  text-decoration-color: transparent;
}
.link.standalone {
  min-width: 2.75rem; /* 44px / 16px */
  min-height: 2.75rem; /* 44px / 16px */
}
@media (prefers-reduced-motion: no-preference) {
  .link.motion {
    transition: text-decoration var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.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);
}
.link:focus-visible:not(.disabled) {
  color: var(--color-functional-base-600);
  border-radius: var(--corner-rounded-2);
  position: relative;
  overflow: visible;
  outline: none;
}
.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);
}
.link:active:not(.disabled) {
  color: var(--color-functional-base-600);
}
.link:visited:not(.disabled) {
  color: var(--color-functional-base-600);
  text-decoration: none;
}
.link:disabled {
  color: var(--color-functional-neutral-600);
  text-decoration: none;
  cursor: not-allowed;
  pointer-events: none;
}
.link.active:not(.disabled) {
  color: var(--color-functional-base-600);
}
.link.disabled {
  color: var(--color-functional-neutral-600);
  text-decoration: none;
  cursor: not-allowed;
  pointer-events: none;
}
.link.secondary:not(.disabled) {
  color: var(--link-color-text-secondary);
  text-decoration-color: var(--link-color-text-secondary);
}
.link.secondary:not(.disabled):hover {
  color: var(--link-color-text-secondary);
  text-decoration-color: var(--link-color-text-secondary);
}
.link.secondary:not(.disabled):focus-visible {
  color: var(--link-color-text-secondary);
  text-decoration-color: var(--link-color-text-secondary);
}
.link.secondary:not(.disabled):active {
  color: var(--link-color-text-secondary);
  text-decoration-color: var(--link-color-text-secondary);
}
.link.secondary:not(.disabled):visited {
  color: var(--link-color-text-secondary);
  text-decoration-color: var(--link-color-text-secondary);
}
.link.secondary:not(.disabled):disabled {
  color: var(--link-color-text-secondary);
  text-decoration-color: var(--link-color-text-secondary);
}
.link.tertiary:not(.disabled) {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}
.link.tertiary:not(.disabled):hover {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}
.link.tertiary:not(.disabled):focus-visible {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}
.link.tertiary:not(.disabled):active {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}
.link.tertiary:not(.disabled):visited {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}
.link.tertiary:not(.disabled):disabled {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}



.list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-normal);
  color: var(--color-text-base);
  list-style-type: none;
}
.list > li,
.list .item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  gap: var(--space-2);
  padding: var(--space-2);
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  line-height: var(--line-height-normal);
  background: none;
}
.list > li.active,
.list .item.active {
  background-color: var(--list-color-background-hover);
}
.list > li.passive,
.list .item.passive {
  color: var(--color-functional-neutral-600);
}
.list > li [class*=icon-],
.list .item [class*=icon-] {
  display: block;
  align-items: center;
  color: currentcolor;
  text-align: center;
  background: none;
}
.list > li .icon-list,
.list .item .icon-list {
  padding-right: 0;
}
.list > li .text,
.list .item .text {
  flex: 1;
  padding: 0;
  margin: 0;
  color: currentcolor;
}
.list > li .icon-meta,
.list .item .icon-meta {
  color: currentcolor;
}
.list > li .icon-meta:focus-visible,
.list .item .icon-meta:focus-visible {
  position: relative;
  overflow: visible;
  outline: none;
}
.list > li .icon-meta:focus-visible::after,
.list .item .icon-meta: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);
}
.list > li .meta,
.list .item .meta {
  padding: 0;
  color: var(--color-functional-neutral-600);
}
.list:is(ol) {
  padding-left: var(--space-6);
  list-style-type: decimal;
}
.list:is(ol) > li {
  display: list-item;
  padding-left: var(--space-2);
  list-style-type: decimal;
}
.list:is(ol) > li::marker {
  min-width: 1.25rem;
}
.list--link:is(ol) {
  color: var(--color-functional-base-800);
}
.list .divider,
.list [role=separator] {
  height: 0.125rem; /* 2px / 16px */
  padding: 0;
  margin: 0;
  background-color: var(--color-functional-neutral-400);
  border-radius: 0.0625rem; /* 1px / 16px */
}
.list .divider:empty,
.list [role=separator]:empty {
  background-color: var(--color-functional-neutral-400);
}



.loader {
  width: var(--loader-size);
  height: var(--loader-size);
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/images/placeholder-loading.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.loader.ripple {
  width: var(--loader-size);
  height: var(--loader-size);
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/ripple-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.loader.fc-spinner {
  width: var(--loader-size);
  height: var(--loader-size);
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/fc-spinner.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.loader.snowflake {
  width: var(--loader-size);
  height: var(--loader-size);
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/motion/snowflake.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.loader.small {
  height: 3.75rem;
  width: 3.75rem;
}
.loader.medium {
  height: 7.5rem;
  width: 7.5rem;
}
.loader.large {
  height: 11.25rem;
  width: 11.25rem;
}
.loader.overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--layer-index-modal-overlay);
  width: 100%;
  height: 100%;
  background-color: var(--color-backdrop);
  background-size: var(--loader-size);
}



.modal .header {
    display: flex;
    grid-area: header;
}
.modal .header .title {
    padding: var(--space-2) var(--space-3);
}
.modal .header .control {
    margin-left: auto;
}



.picture {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--color-functional-neutral-400);
}
.picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.picture.square {
  aspect-ratio: 1/1;
}
.picture.landscape {
  aspect-ratio: 4/3;
}
.picture.wide {
  aspect-ratio: 16/9;
}
.picture.panoramic {
  aspect-ratio: 3/1;
}
.picture.portrait {
  aspect-ratio: 3/4;
}
.picture.rectangle {
  border-radius: 0;
}
.picture.rounded {
  border-radius: var(--corner-rounded-6);
}
.picture.oval {
  border-radius: var(--corner-rounded-100);
}
.picture.gradient.light::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--gradient-linear-light);
}
.picture.gradient.dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--gradient-linear-dark);
}



.price {
  color: var(--color-text-lead);
  font-family: var(--font-family-lead);
  font-weight: 700;
  display: inline-flex;
  align-items: baseline;
  font-style: normal;
  white-space: nowrap;
}
.price * {
  font-family: var(--font-family-lead);
  font-style: normal;
}
.price .group:empty,
.price .literal:empty {
  padding-right: var(--space-1);
}
.price .suffix,
.price .prefix,
.price .currency,
.price .decimal,
.price .fraction {
  font-size: var(--font-size-medium-lead);
  line-height: var(--line-height-medium-lead);
  margin-bottom: 0;
}
.price .currency,
.price .prefix {
  padding-right: var(--space-1);
}
.price .currency,
.price .suffix {
  padding-left: var(--space-1);
}
.price .prefix + .currency,
.price .currency + .suffix {
  padding-left: 0;
}
.price.small {
  font-size: var(--font-size-small-lead);
  line-height: var(--line-height-small-lead);
  margin-bottom: 0;
}
.price.small * {
  font-size: var(--font-size-small-lead);
  line-height: var(--line-height-small-lead);
  margin-bottom: 0;
}
.price.medium {
  font-size: var(--font-size-medium-lead);
  line-height: var(--line-height-medium-lead);
  margin-bottom: 0;
}
.price.large {
  font-size: var(--font-size-large-lead);
  line-height: var(--line-height-large-lead);
  margin-bottom: 0;
}
.price.xlarge {
  font-size: var(--font-size-xlarge-lead);
  line-height: var(--line-height-xlarge-lead);
  margin-bottom: 0;
}
.price .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}



.rating {
  display: inline-flex;
  gap: var(--space-2);
  align-items: center;
  font-family: var(--font-family-base);
  line-height: var(--line-height-normal);
}
.rating .score {
  display: inline-flex;
  gap: var(--space-05);
  align-items: center;
}
.rating .score-text {
  font-weight: 700;
  margin-left: var(--space-05);
}
.rating .icon-logo {
  background: transparent;
}
.rating.tui-t .score {
  color: var(--color-theme-variant);
}
.rating.tui-sun .score {
  color: var(--color-theme-variant);
}
.rating.tui-star .score {
  color: var(--color-theme-variant);
}
.rating.small {
  font-size: var(--font-size-small);
  gap: var(--space-2);
}
.rating.medium {
  font-size: var(--font-size-medium);
  gap: var(--space-2);
}
.rating .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}



.review {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-family-base);
  line-height: var(--line-height-normal);
  white-space: nowrap;
}
.review .score {
  display: inline-flex;
  width: 100%;
  margin-right: var(--space-1);
}
.review.base.tui b, .review.base.tui span[data-score], .review.base.tui .score-badge {
  color: hsl(217, 83%, 20%);
  background: hsl(199, 86%, 70%);
  padding: 0 var(--space-1);
  border-radius: calc(var(--meter-size-height) / 2);
  min-width: var(--meter-size-height);
  height: var(--meter-size-height);
  text-align: center;
  block-size: 1.333em;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  display: inline-flex;
}
.review.base.tui img {
  height: 100%;
}
.review.base.tripadvisor b, .review.base.tripadvisor span[data-score], .review.base.tripadvisor .score-badge {
  background: hsl(158, 100%, 33%);
  border-radius: var(--badge-shape);
  width: var(--meter-size-height);
  height: var(--meter-size-height);
  text-align: center;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  display: inline-flex;
}
.review.base.tripadvisor img {
  height: 100%;
}
.review.base.holidaycheck b, .review.base.holidaycheck span[data-score], .review.base.holidaycheck .score-badge {
  background: hsl(44, 100%, 61.3%);
  border-radius: var(--badge-shape);
  width: var(--meter-size-height);
  height: var(--meter-size-height);
  text-align: center;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  display: inline-flex;
}
.review.base.holidaycheck img {
  height: 100%;
}
.review.base.trustpilot b, .review.base.trustpilot span[data-score], .review.base.trustpilot .score-badge {
  background: hsl(160, 100%, 35.75%);
  border-radius: var(--badge-shape);
  width: var(--meter-size-height);
  height: var(--meter-size-height);
  text-align: center;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  display: inline-flex;
}
.review.base.trustpilot img {
  height: 100%;
}
.review.range.tui meter {
  min-width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  overflow: hidden;
  border-radius: calc(var(--meter-size-height) / 2);
  background: hsl(199, 86%, 94%);
  block-size: 1.333em;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  background-image: none;
  display: block;
  -webkit-appearance: none;
  appearance: none;
}
.review.range.tui meter::-webkit-meter-optimum-value {
  background: hsl(199, 86%, 70%);
  border-radius: calc(var(--meter-size-height) / 2) 0 0 calc(var(--meter-size-height) / 2);
}
.review.range.tui meter::-webkit-meter-bar {
  background: hsl(199, 86%, 94%);
  border: none;
  box-shadow: none;
  block-size: 1.333em;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
}
.review.range.tui meter::-moz-meter-bar {
  background: hsl(199, 86%, 70%);
  background-image: none;
}
.review.range.tui .meter-container {
  position: relative;
  display: flex;
  gap: var(--space-1);
  align-items: center;
}
.review.range.tui .meter-score {
  font-size: var(--font-size-small-lead);
  font-weight: 700;
  color: var(--color-text-base);
}
.review.range.tui .meter-score--tui {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 var(--space-2);
  font-size: var(--font-size-xsmall);
  color: hsl(217, 83%, 20%);
  transform: translateY(-50%);
}
.review.range.tui .meter-score:not(.meter-score--tui) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.review.range.tripadvisor meter {
  width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  overflow: hidden;
  border-radius: 0;
  background-origin: content-box;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-unchecked.svg");
  display: block;
  -webkit-appearance: none;
  appearance: none;
}
.review.range.tripadvisor meter::-webkit-meter-optimum-value {
  background: hsl(151, 58%, 45%);
  border-radius: 0;
}
.review.range.tripadvisor meter::-webkit-meter-bar {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
}
.review.range.tripadvisor meter::-moz-meter-bar {
  background: none;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/tripadvisor-indicator-checked.svg");
}
.review.range.tripadvisor .meter-container {
  position: relative;
  display: flex;
  gap: var(--space-1);
  align-items: center;
}
.review.range.tripadvisor .meter-score {
  font-size: var(--font-size-small-lead);
  font-weight: 700;
  color: var(--color-text-base);
}
.review.range.tripadvisor .meter-score--tui {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 var(--space-2);
  font-size: var(--font-size-xsmall);
  color: hsl(217, 83%, 20%);
  transform: translateY(-50%);
}
.review.range.tripadvisor .meter-score:not(.meter-score--tui) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.review.range.holidaycheck meter {
  width: calc(var(--meter-size-height) * 6);
  height: var(--meter-size-height);
  border-radius: 0;
  background-origin: content-box;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-unchecked.svg");
  display: block;
  -webkit-appearance: none;
  appearance: none;
}
.review.range.holidaycheck meter::-webkit-meter-optimum-value {
  background: hsl(44, 100%, 61.3%);
}
.review.range.holidaycheck meter::-webkit-meter-bar {
  background: hsl(217, 38%, 89.2%);
  border: none;
  box-shadow: none;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
}
.review.range.holidaycheck meter::-moz-meter-bar {
  background: hsl(217, 38%, 89.2%);
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/holidaycheck-indicator-checked.svg");
}
.review.range.holidaycheck .meter-container {
  position: relative;
  display: flex;
  gap: var(--space-1);
  align-items: center;
}
.review.range.holidaycheck .meter-score {
  font-size: var(--font-size-small-lead);
  font-weight: 700;
  color: var(--color-text-base);
}
.review.range.holidaycheck .meter-score--tui {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 var(--space-2);
  font-size: var(--font-size-xsmall);
  color: hsl(217, 83%, 20%);
  transform: translateY(-50%);
}
.review.range.holidaycheck .meter-score:not(.meter-score--tui) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.review.range.trustpilot meter {
  width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  border-radius: 0;
  background-origin: content-box;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-unchecked.svg");
  display: block;
  -webkit-appearance: none;
  appearance: none;
}
.review.range.trustpilot meter::-webkit-meter-optimum-value {
  background: hsl(151, 58%, 45%);
  border-radius: 0;
}
.review.range.trustpilot meter::-webkit-meter-bar {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  block-size: 1.333em;
  -webkit-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -moz-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -ms-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -o-mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  mask-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
  -webkit-mask-repeat: repeat;
  -moz-mask-repeat: repeat;
  -ms-mask-repeat: repeat;
  -o-mask-repeat: repeat;
  mask-repeat: repeat;
}
.review.range.trustpilot meter::-moz-meter-bar {
  background: transparent;
  background-image: url("https://mwa.tui.com/shared/mwa/assets/v2/logos/review/trustpilot-indicator-checked.svg");
}
.review.range.trustpilot .meter-container {
  position: relative;
  display: flex;
  gap: var(--space-1);
  align-items: center;
}
.review.range.trustpilot .meter-score {
  font-size: var(--font-size-small-lead);
  font-weight: 700;
  color: var(--color-text-base);
}
.review.range.trustpilot .meter-score--tui {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 var(--space-2);
  font-size: var(--font-size-xsmall);
  color: hsl(217, 83%, 20%);
  transform: translateY(-50%);
}
.review.range.trustpilot .meter-score:not(.meter-score--tui) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.review.range-bar.tui meter {
  overflow: hidden;
  min-width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  border-radius: 0.125rem;
  background: hsl(199, 86%, 94%);
  -webkit-appearance: none;
  appearance: none;
}
.review.range-bar.tui meter::-webkit-meter-optimum-value {
  background: hsl(199, 86%, 70%);
}
.review.range-bar.tui meter::-webkit-meter-bar {
  background: var(--color-functional-neutral-200);
  border: none;
  border-radius: 0.125rem;
  box-shadow: none;
  block-size: 1.333em;
}
.review.range-bar.tui meter::-moz-meter-bar {
  background: hsl(199, 86%, 70%);
}
.review.range-bar.tui .meter-container {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}
.review.range-bar.tui .meter-score {
  font-size: var(--font-size-small-lead);
  color: var(--color-text-base);
}
.review.range-bar.tripadvisor meter {
  overflow: hidden;
  min-width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  border-radius: 0.125rem;
  background: var(--color-functional-neutral-200);
  -webkit-appearance: none;
  appearance: none;
}
.review.range-bar.tripadvisor meter::-webkit-meter-optimum-value {
  background: hsl(151, 58%, 45%);
}
.review.range-bar.tripadvisor meter::-webkit-meter-bar {
  background: var(--color-functional-neutral-200);
  border: none;
  border-radius: 0.125rem;
  box-shadow: none;
  block-size: 1.333em;
}
.review.range-bar.tripadvisor meter::-moz-meter-bar {
  background: hsl(151, 58%, 45%);
}
.review.range-bar.tripadvisor .meter-container {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}
.review.range-bar.tripadvisor .meter-score {
  font-size: var(--font-size-small-lead);
  color: var(--color-text-base);
}
.review.range-bar.holidaycheck meter {
  overflow: hidden;
  min-width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  border-radius: 0.125rem;
  background: var(--color-functional-neutral-200);
  -webkit-appearance: none;
  appearance: none;
}
.review.range-bar.holidaycheck meter::-webkit-meter-optimum-value {
  background: hsl(44, 100%, 61.3%);
}
.review.range-bar.holidaycheck meter::-webkit-meter-bar {
  background: var(--color-functional-neutral-200);
  border: none;
  border-radius: 0.125rem;
  box-shadow: none;
  block-size: 1.333em;
}
.review.range-bar.holidaycheck meter::-moz-meter-bar {
  background: hsl(44, 100%, 61.3%);
}
.review.range-bar.holidaycheck .meter-container {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}
.review.range-bar.holidaycheck .meter-score {
  font-size: var(--font-size-small-lead);
  color: var(--color-text-base);
}
.review.range-bar.trustpilot meter {
  overflow: hidden;
  min-width: calc(var(--meter-size-height) * 5);
  height: var(--meter-size-height);
  border-radius: 0.125rem;
  background: var(--color-functional-neutral-200);
  -webkit-appearance: none;
  appearance: none;
}
.review.range-bar.trustpilot meter::-webkit-meter-optimum-value {
  background: hsl(151, 58%, 45%);
}
.review.range-bar.trustpilot meter::-webkit-meter-bar {
  background: var(--color-functional-neutral-200);
  border: none;
  border-radius: 0.125rem;
  box-shadow: none;
  block-size: 1.333em;
}
.review.range-bar.trustpilot meter::-moz-meter-bar {
  background: hsl(151, 58%, 45%);
}
.review.range-bar.trustpilot .meter-container {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}
.review.range-bar.trustpilot .meter-score {
  font-size: var(--font-size-small-lead);
  color: var(--color-text-base);
}
.review.xsmall {
  font-size: var(--font-size-xsmall);
  line-height: var(--line-height-xsmall);
}
.review.small {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.review.medium {
  font-size: var(--font-size-medium);
  line-height: var(--line-height-medium);
}
.review.medium .score {
  margin-right: var(--space-2);
}
.review .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}



.skeleton {
  box-sizing: border-box;
  display: block;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
}
@keyframes motion-content {
  0% {
    background-color: var(--color-functional-neutral-200);
  }
  50% {
    background-color: var(--color-functional-neutral-400);
  }
  100% {
    background-color: var(--color-functional-neutral-200);
  }
}
.skeleton-outlined {
  border: var(--stroke-size-400) solid var(--color-functional-neutral-400);
}
.skeleton-filled {
  animation-name: motion-content;
}
.skeleton-card {
  border-radius: var(--corner-rounded-4);
}
.skeleton-container {
  border-radius: var(--corner-rounded-0);
}
.skeleton-icon {
  border-radius: var(--corner-rounded-100);
}
.skeleton-icon-xsmall {
  height: var(--icon-size-xsmall);
  width: var(--icon-size-xsmall);
}
.skeleton-icon-small {
  height: var(--icon-size-small);
  width: var(--icon-size-small);
}
.skeleton-icon-medium {
  height: var(--icon-size-medium);
  width: var(--icon-size-medium);
}
.skeleton-icon-large {
  height: var(--icon-size-large);
  width: var(--icon-size-large);
}
.skeleton-icon-xlarge {
  height: var(--icon-size-xlarge);
  width: var(--icon-size-xlarge);
}
.skeleton-icon-xxlarge {
  height: var(--icon-size-xxlarge);
  width: var(--icon-size-xxlarge);
}
.skeleton-icon-xxxlarge {
  height: var(--icon-size-xxxlarge);
  width: var(--icon-size-xxxlarge);
}
.skeleton-button {
  border-radius: var(--button-shape-medium);
}
.skeleton-button-small {
  height: var(--button-size-height-small);
}
.skeleton-button-medium {
  height: var(--button-size-height-medium);
}
.skeleton-button-large {
  height: var(--button-size-height-large);
}
.skeleton-button-xlarge {
  height: var(--button-size-height-xlarge);
}
.skeleton-input {
  border-radius: var(--corner-rounded-2);
}
.skeleton-input-base {
  min-height: 2.5rem;
}
.skeleton-input-floating {
  min-height: calc(var(--space-4) + var(--input-size-height));
}
.skeleton-text {
  border-radius: var(--corner-rounded-0);
}
.skeleton-text-xsmall {
  height: calc(var(--line-height-xsmall) * var(--font-size-xsmall));
}
.skeleton-text-small {
  height: calc(var(--line-height-small) * var(--font-size-small));
}
.skeleton-text-medium {
  height: calc(var(--line-height-medium) * var(--font-size-medium));
}
.skeleton-text-large {
  height: calc(var(--line-height-large) * var(--font-size-large));
}
.skeleton-text-xlarge {
  height: calc(var(--line-height-xlarge) * var(--font-size-xlarge));
}
.skeleton-text-xxlarge {
  height: calc(var(--line-height-xxlarge) * var(--font-size-xxlarge));
}
.skeleton-text-xxxlarge {
  height: calc(var(--line-height-xxxlarge) * var(--font-size-xxxlarge));
}



.tab {
  display: flex;
  padding: var(--space-6) var(--space-8);
  font-family: var(--font-family-lead);
  font-size: var(--font-size-medium);
  font-weight: var(--tab-font-weight-default);
  line-height: var(--line-height-normal);
  color: var(--color-on-theme-surface);
  text-transform: var(--tab-font-transform);
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--color-theme-surface);
  border: none;
}
.tab:hover {
  color: var(--color-functional-base-600);
  font-weight: var(--tab-font-weight);
}
.tab:focus {
  color: var(--color-functional-base-600);
  position: relative;
  overflow: visible;
  outline: none;
}
.tab:focus::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);
}
.tab:active {
  color: var(--color-functional-base-600);
  box-shadow: inset 0 -0.25rem 0 0 var(--color-functional-base-600);
  font-weight: var(--tab-font-weight);
}
.tab[aria-selected=true] {
  color: var(--color-functional-base-600);
  box-shadow: inset 0 -0.25rem 0 0 var(--color-functional-base-600);
  font-weight: var(--tab-font-weight);
}
.tab[disabled] {
  color: var(--color-on-functional-neutral-200);
  cursor: not-allowed;
  box-shadow: none;
}
.tab .icon-tab {
  padding-right: var(--space-2);
}

[role=tablist] {
  display: inline-flex;
}



.tooltip {
  position: relative;
  display: inline-block;
  user-select: none;
}
.tooltip:hover [role=tooltip] {
  visibility: visible !important;
  opacity: 1 !important;
}
.tooltip:hover::before {
  z-index: 1071;
  visibility: visible !important;
  opacity: 1 !important;
}
.tooltip [role=tooltip] {
  position: absolute;
  z-index: var(--layer-index-tooltip);
  display: block;
  visibility: visible;
  min-width: 12rem;
  padding: var(--space-1) var(--space-2);
  font-family: var(--font-family-base);
  font-size: var(--font-size-medium);
  font-weight: 400;
  line-height: var(--line-height-medium);
  color: var(--color-on-functional-neutral-800);
  text-align: left;
  background: var(--color-functional-neutral-800);
  border-radius: var(--corner-rounded-2);
  box-shadow: var(--layer-shadow-tooltip);
}
.tooltip [role=tooltip][hidden] {
  visibility: hidden;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .tooltip [role=tooltip][hidden] {
    transition: opacity var(--motion-duration-fast) var(--motion-timing-default), visibility var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.tooltip [aria-describedby] {
  display: inline-block;
  margin: auto;
  color: var(--color-functional-base-600);
  text-decoration: underline;
  text-decoration-thickness: var(--stroke-size-100);
  text-decoration-style: dotted;
  text-decoration-color: var(--color-functional-base-600);
  cursor: help;
}
.tooltip [aria-describedby]:is(img) {
  display: block;
}
.tooltip [aria-describedby]:focus::before {
  z-index: 1071;
  visibility: visible !important;
  opacity: 1 !important;
}
.tooltip [aria-describedby]:focus ~ [role=tooltip] {
  visibility: visible !important;
  opacity: 1 !important;
}
.tooltip [aria-describedby]:focus-visible {
  position: relative;
  overflow: visible;
  outline: none;
}
.tooltip [aria-describedby]: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);
}
.tooltip [aria-describedby]:is(img):focus-visible {
  border-radius: var(--corner-rounded-2);
  box-shadow: var(--input-color-shadow-focus);
}
.tooltip [aria-describedby]:not(img):focus-visible::after {
  border-radius: var(--corner-rounded-2);
}
@media (prefers-reduced-motion: no-preference) {
  .tooltip [aria-describedby] {
    transition: text-decoration var(--motion-duration-medium) var(--motion-timing-default), box-shadow var(--motion-duration-medium) var(--motion-timing-default);
  }
}
.tooltip::before {
  position: absolute;
  left: 50%;
  display: block;
  visibility: visible;
  content: "";
  border: 0.4rem solid transparent;
  border-bottom-color: var(--color-functional-neutral-800);
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .tooltip::before {
    transition: opacity var(--motion-duration-fast) var(--motion-timing-default);
  }
}
.tooltip.bottom [role=tooltip] {
  top: auto;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 0.4rem;
}
.tooltip.bottom::before {
  bottom: -0.4rem;
  transform: translate(-50%, 0);
}
.tooltip.bottom-start [role=tooltip] {
  top: auto;
  left: 0;
  margin-top: 0.4rem;
}
.tooltip.bottom-start::before {
  bottom: -0.4rem;
  transform: translate(-50%, 0);
}
.tooltip.bottom-end [role=tooltip] {
  top: auto;
  right: 0;
  margin-top: 0.4rem;
}
.tooltip.bottom-end::before {
  bottom: -0.4rem;
  transform: translate(-50%, 0);
}
.tooltip.top [role=tooltip] {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 0.4rem;
}
.tooltip.top::before {
  top: -0.4rem;
  transform: translate(-50%, 0) scaleY(-1);
}
.tooltip.top-start [role=tooltip] {
  bottom: 100%;
  left: 0;
  margin-bottom: 0.4rem;
}
.tooltip.top-start::before {
  top: -0.4rem;
  transform: translate(-50%, 0) scaleY(-1);
}
.tooltip.top-end [role=tooltip] {
  bottom: 100%;
  right: 0;
  margin-bottom: 0.4rem;
}
.tooltip.top-end::before {
  top: -0.4rem;
  transform: translate(-50%, 0) scaleY(-1);
}
.tooltip--secondary [aria-describedby] {
  color: var(--color-functional-base-800);
  text-decoration-color: var(--color-functional-base-800);
}
.tooltip--tertiary [aria-describedby] {
  color: var(--color-functional-neutral-000);
  text-decoration-color: var(--color-functional-neutral-000);
}










/* MANUELL ADDED */

.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;
}

.input:focus-visible {
	outline: none;
}

.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;
}

.input .label:first-child {
	padding-left: 0;
}

.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);
}

.input .label-inline {
	box-sizing: border-box;
	display: inline-block;
	padding: var(--space-2) 0;
	cursor: pointer;
	user-select: none;
}

.input .message {
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding: var(--space-1) 0;
	margin: 0;
	font-size: var(--font-size-small);
}

.input .message .icon {
	width: 100%;
	margin-top: var(--space-05);
	margin-right: var(--space-1);
}

.input .control,
.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) {

	.input .control,
	.input .group {
		transition: all var(--motion-duration-medium) var(--motion-timing-default);
	}
}

.input .group {
	display: flex;
	width: 100%;
	border-color: var(--input-color-border);
	border-radius: var(--input-text-shape);
}

.input .group.row {
	flex-wrap: nowrap;
}

.input .group.row .label-group {
	flex-grow: 1;
}

.input .group.column {
	flex-flow: column wrap;
}

.input .group .message {
	width: 100%;
}

.input:not(.disabled, .readonly):hover .group {
	border-color: var(--input-color-border-hover);
}

.input:not(.disabled, .readonly):hover .group .svg {
	color: var(--color-functional-base-600);
}

.input.ghost .group,
.input.ghost:not(.disabled):hover .group {
	background-color: transparent;
	border-color: transparent;
}

.input.inline {
	display: inline-flex;
}

.input.inline .group {
	width: auto;
}

.input .icon-leading {
	padding: calc(var(--space-2) - var(--input-size-border));
	padding-right: 0;
}

.input .icon-trailing {
	padding: calc(var(--space-2) - var(--input-size-border));
	padding-left: 0;
}

.input .icon-control {
	color: var(--color-functional-base-600);
}

.input [class*=svg-] {
	display: block;
	align-items: center;
	padding: var(--space-2);
	text-align: center;
	background: none;
}

.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;
}

.input [class*=svg-] .svg * {
	stroke: currentcolor;
	stroke-width: var(--input-size-border);
	stroke-linecap: round;
	stroke-linejoin: round;
}

.input.success .group,
.input.success .control {
	border-color: var(--color-functional-success-600);
}

.input.success .message {
	display: flex;
	color: var(--color-functional-success-600);
}

.input.success [class*=icon-],
.input.success [class*=svg-] {
	color: var(--color-functional-success-600);
}

.input.error .group,
.input.error .control {
	border-color: var(--color-functional-error-600);
}

.input.error .message {
	display: flex;
	color: var(--color-functional-error-600);
}

.input.error [class*=icon-],
.input.error [class*=svg-] {
	color: var(--color-functional-error-600);
}

.input.disabled {
	cursor: not-allowed;
}

.input.disabled .group,
.input.disabled .control {
	cursor: not-allowed;
	border-color: var(--color-functional-neutral-200);
}

.input.disabled .label-inline {
	color: var(--color-functional-neutral-600);
	cursor: not-allowed;
}

.input.disabled [class*=icon-],
.input.disabled [class*=svg-] {
	color: var(--color-functional-neutral-600);
}

.input.no-motion {
	transition: none;
}

.input.no-motion .svg .stroke,
.input.no-motion .svg .fill {
	transition: none;
}

.input-checkbox .svg-checkbox {
	position: relative;
	display: inline-block;
	margin: 0;
	color: var(--input-color-border);
}

.input-checkbox .svg-checkbox .fill {
	fill: var(--color-theme-surface);
	stroke: currentcolor;
}

@media (prefers-reduced-motion: no-preference) {
	.input-checkbox .svg-checkbox .fill {
		transition: all var(--motion-duration-fast) var(--motion-timing-default);
	}
}

.input-checkbox .svg-checkbox .stroke {
	stroke: var(--color-on-functional-base-600);
	stroke-dasharray: 15;
	stroke-dashoffset: 15;
}

@media (prefers-reduced-motion: no-preference) {
	.input-checkbox .svg-checkbox .stroke {
		transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default) var(--motion-delay-2);
	}
}

.input-checkbox .svg-checkbox .checkbox-checked {
	display: block;
}

.input-checkbox .svg-checkbox .checkbox-indeterminate {
	display: none;
}

.input-checkbox .label-inline {
	padding: var(--space-2) var(--space-2) var(--space-2) 0;
}

.input-checkbox input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

.input-checkbox input:checked+.svg-checkbox .fill,
.input-checkbox input:indeterminate+.svg-checkbox .fill {
	fill: currentcolor;
}

.input-checkbox input:checked+.svg-checkbox .stroke,
.input-checkbox input:indeterminate+.svg-checkbox .stroke {
	stroke-dashoffset: 0;
}

.input-checkbox input:indeterminate+.svg-checkbox .checkbox-checked {
	display: none;
}

.input-checkbox input:indeterminate+.svg-checkbox .checkbox-indeterminate {
	display: block;
}

.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);
}

.input-checkbox input:checked:not([disabled])+.svg-checkbox {
	color: var(--color-functional-base-600);
}

.input-checkbox input:checked[disabled]+.svg-checkbox .fill,
.input-checkbox input:checked[disabled]+.svg-checkbox .stroke {
	fill: var(--input-color-background-passive);
	stroke: var(--color-theme-surface);
}

.input-checkbox input[disabled]+.svg-checkbox .fill,
.input-checkbox input[disabled]+.svg-checkbox .stroke {
	fill: var(--input-color-background-passive);
	stroke: var(--input-color-background-passive);
}

.input-checkbox input[disabled]~.label,
.input-checkbox input[disabled]~.label-inline {
	color: var(--color-functional-neutral-600);
}

.input-checkbox[tabindex="0"] input {
	display: none;
}

.input-checkbox.disabled input:checked+.svg-checkbox {
	color: var(--color-functional-neutral-600);
}

.input-checkbox.error input:checked+.svg-checkbox {
	color: var(--color-functional-error-600);
}

.input-checkbox.success input:checked+.svg-checkbox {
	color: var(--color-functional-success-600);
}

.input-checkbox:not(.disabled):hover .group .svg-checkbox {
	color: var(--color-functional-base-600);
}

.input-checkbox:not(.disabled)[tabindex="0"]:focus-visible .group {
	position: relative;
	overflow: visible;
	outline: none;
}

.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);
}

.input-checkbox:not(.disabled) .group .svg-checkbox:hover {
	cursor: pointer;
}

.input-checkbox-group legend:not(.label) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

.input-checkbox-group legend.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;
}

.input-checkbox-group legend.label:first-child {
	padding-left: 0;
}



.input-radio .group:only-child {
	border-radius: var(--corner-rounded-2);
}

.input-radio .svg-radio {
	position: relative;
	display: inline-block;
	margin: 0;
	color: var(--input-color-border);
}

.input-radio .svg-radio .fill {
	fill: currentcolor;
}

.input-radio .svg-radio .stroke {
	fill: var(--color-on-functional-base-600);
	stroke: currentcolor;
	transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
	.input-radio .svg-radio .stroke {
		transition: transform var(--motion-duration-fast) var(--motion-timing-default);
	}
}

.input-radio .label-inline {
	padding: var(--space-2) var(--space-2) var(--space-2) 0;
}

.input-radio input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

.input-radio input:checked+.svg-radio .fill {
	fill: currentcolor;
}

.input-radio input:checked+.svg-radio .stroke {
	stroke: var(--color-on-functional-base-600);
	transform: scale(0.3636);
}

.input-radio 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);
}

.input-radio input:checked:not([disabled])+.svg-radio {
	color: var(--color-functional-base-600);
}

.input-radio input[disabled]+.svg-radio .fill,
.input-radio input[disabled]+.svg-radio .stroke {
	fill: var(--input-color-background-passive);
	stroke: var(--input-color-background-passive);
}

.input-radio input[disabled]~.label,
.input-radio input[disabled]~.label-inline {
	color: var(--color-functional-neutral-600);
}

.input-radio[tabindex="0"] input {
	display: none;
}

.input-radio.disabled input:checked+.svg-checkbox {
	color: var(--color-functional-neutral-600);
}

.input-radio.error input:checked+.svg-checkbox {
	color: var(--color-functional-error-600);
}

.input-radio.success input:checked+.svg-checkbox {
	color: var(--color-functional-success-600);
}

.input-radio:not(.disabled):hover .group .svg-checkbox {
	color: var(--color-functional-base-600);
}

.input-radio:not(.disabled)[tabindex="0"]:focus-visible .group {
	position: relative;
	overflow: visible;
	outline: none;
}

.input-radio: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);
}

.input-radio:not(.disabled) .group .svg-checkbox:hover {
	cursor: pointer;
}

.input-radio-group legend:not(.label) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

.input-radio-group legend.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;
}

.input-radio-group legend.label:first-child {
	padding-left: 0;
}



.input-select .group {
	background-color: var(--color-theme-surface);
	border-color: var(--input-color-border);
	border-width: var(--input-size-border);
}

.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;
}

.input-select select option,
.input-select select optgroup {
	background-color: var(--color-theme-surface);
}

.input-select:not(.disabled):focus-within .group {
	position: relative;
	overflow: visible;
	outline: none;
}

.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);
}

.input-select .icon-control {
	position: absolute;
	right: 0;
	color: var(--color-functional-base-600);
	pointer-events: none;
}

.input-select:not(.disabled) .group select {
	cursor: pointer;
}

.input-select.disabled .group {
	background-color: var(--input-color-background-passive);
}

.input-select.disabled .group select {
	color: var(--color-functional-neutral-600);
}

.input-select .label-inline {
	padding: calc(var(--space-2) - var(--input-size-border)) 0;
}

.input-select [class*=icon-] {
	padding: calc(var(--space-2) - var(--input-size-border));
}

.input-text:not(.disabled):focus-within .group {
	border-color: var(--input-color-border-hover);
	position: relative;
	overflow: visible;
	outline: none;
}

.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);
}

.input-text .group {
	background-color: var(--color-theme-surface);
	border-color: var(--input-color-border);
	border-width: var(--input-size-border);
}

.input-text .label-inline {
	padding: calc(var(--space-2) - var(--input-size-border)) 0;
}

.input-text button {
	max-height: var(--input-size-height);
	color: currentcolor;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
	background: none;
	border: 0;
}

.input-text input,
.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;
}

.input-text input::placeholder,
.input-text textarea::placeholder {
	color: var(--color-functional-neutral-400);
}

.input-text input:focus::placeholder,
.input-text textarea:focus::placeholder {
	color: var(--color-functional-neutral-200);
}

.input-text input+.reset-button:not(:focus),
.input-text textarea+.reset-button:not(:focus) {
	opacity: 0;
}

.input-text input+.reset-button:focus,
.input-text textarea+.reset-button:focus {
	color: var(--color-functional-base-600);
	opacity: 1;
	transform: scale(1.2);
}

.input-text input+.reset-button .icon,
.input-text textarea+.reset-button .icon {
	opacity: 1;
}

.input-text input:not([value]):focus+.reset-button,
.input-text textarea:not([value]):focus+.reset-button {
	opacity: 1;
}

.input-text input[disabled]+.reset-button,
.input-text input[readonly]+.reset-button,
.input-text textarea[disabled]+.reset-button,
.input-text textarea[readonly]+.reset-button {
	display: none;
	visibility: hidden;
}

.input-text textarea {
	resize: vertical;
}

.input-text .circle {
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.input-text .circle {
		transition: all var(--motion-duration-fast) var(--motion-timing-default);
	}
}

.input-text .check {
	stroke-dasharray: 15;
	stroke-dashoffset: 15;
}

@media (prefers-reduced-motion: no-preference) {
	.input-text .check {
		transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default);
	}
}

.input-text .delete {
	opacity: 1;
	transform: rotate(0deg);
	transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
	.input-text .delete {
		transition: all var(--motion-duration-fast) var(--motion-timing-default);
	}
}

.input-text .cross {
	opacity: 0;
	transform: rotate(0deg);
	transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
	.input-text .cross {
		transition: all var(--motion-duration-fast) var(--motion-timing-default);
	}
}

.input-text.success .cross {
	opacity: 0;
	transform: rotate(90deg);
}

.input-text.success .circle {
	opacity: 1;
}

.input-text.success .check {
	stroke-dashoffset: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.input-text.success .check {
		transition: stroke-dashoffset var(--motion-duration-fast) var(--motion-timing-default) var(--motion-delay-2);
	}
}

.input-text.success .delete {
	opacity: 0;
	transform: rotate(90deg);
}

.input-text.error .cross {
	opacity: 1;
	transform: rotate(90deg);
}

.input-text.error .circle {
	opacity: 1;
}

.input-text.error .delete {
	opacity: 0;
	transform: rotate(90deg);
}

.input-text.disabled .group {
	background-color: var(--input-color-background-passive);
}

.input-text.disabled .group input {
	color: var(--color-functional-neutral-600);
}

.input-text.floating .group {
	height: calc(var(--space-4) + var(--input-size-height));
}

.input-text.floating .group input {
	margin-top: var(--space-4);
}

.input-text.floating .group input::placeholder {
	opacity: 0;
}

.input-text.floating .group .icon-leading,
.input-text.floating .group .icon-trailing {
	margin-top: var(--space-4);
}

.input-text.floating .group .icon-leading~.label-floating {
	left: var(--space-8);
}

.input-text.floating input:empty+.label-floating {
	position: absolute;
	top: var(--space-4);
	padding: var(--space-2);
	font-size: var(--font-size-medium);
	line-height: var(--line-height-normal);
	color: var(--color-functional-neutral-400);
}

.input-text.floating input:not([value])+.label-floating+.reset-button:not(:focus) {
	opacity: 0;
}

.input-text.floating input:not([value]):focus+.label-floating+.reset-button {
	opacity: 1;
}

.input-text.floating input+.label-floating+.reset-button:focus {
	color: var(--color-functional-base-600);
	transform: scale(1.2);
}

.input-text.floating.force-floating input+.label-floating,
.input-text.floating input:focus:not([readonly])+.label-floating,
.input-text.floating input:not(:placeholder-shown)+.label-floating {
	top: 0;
	font-size: var(--font-size-xsmall);
	color: var(--color-functional-neutral-600);
}

@media (prefers-reduced-motion: no-preference) {

	.input-text.floating.force-floating input+.label-floating,
	.input-text.floating input:focus:not([readonly])+.label-floating,
	.input-text.floating input:not(:placeholder-shown)+.label-floating {
		transition: all var(--motion-duration-medium) var(--motion-timing-default);
	}
}

.input-text.floating.success .label.floating {
	color: var(--color-functional-success-600);
}

.input-text.floating.error .label.floating {
	color: var(--color-functional-error-600);
}