/* src/sass/travelagencycustomerfacing.scss */
.title {
  font-size: 15px;
}
.gx-cell:not([align]) > gx-query-viewer {
  justify-content: center;
}
.gx-cell[align] > gx-query-viewer {
  display: contents;
}
@layer web-controls-library;
@layer web-controls-library {
  [hidden] {
    display: none !important;
  }
  body {
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      Arial,
      "Noto Sans",
      "Liberation Sans",
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    text-align: start;
    margin: 0;
  }
  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }
  textarea {
    overflow: auto;
    resize: vertical;
  }
  button,
  fieldset,
  input,
  select,
  optgroup,
  textarea {
    background-color: unset;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    outline: 0;
  }
  ul,
  li,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  footer {
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0;
  }
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-track {
    background: var(--gx-scrollbar-background-color);
  }
  ::-webkit-scrollbar-thumb {
    background-color: var(--gx-scrollbar-thumb-color);
  }
  ch-textblock {
    inline-size: 100%;
    align-self: stretch;
  }
  gx-card-header > li[slot=low-priority-action] > gx-button::part(caption) {
    overflow: unset;
  }
  gx-card-header > li:not([slot=low-priority-action]) > gx-button {
    --width: fit-content;
    margin-inline-start: 5px;
  }
  .gx-cell[hidden]:not([invisible-mode=collapse]),
  .flex-cell[hidden]:not([invisible-mode=collapse]) {
    display: flex !important;
    visibility: hidden !important;
  }
  .gx-cell {
    display: flex;
    flex-direction: row;
  }
  .gx-cell[align=left] {
    justify-content: flex-start;
  }
  .gx-cell[align=center] {
    justify-content: center;
  }
  .gx-cell[align=right] {
    justify-content: flex-end;
  }
  .gx-cell[valign=middle] {
    align-items: center;
  }
  .gx-cell[valign=bottom] {
    align-items: flex-end;
  }
  .gx-cell[align=left] > gx-textblock,
  .gx-cell[align=left] ch-textblock {
    justify-content: flex-start;
    text-align: start;
  }
  .gx-cell[align=center] > gx-textblock,
  .gx-cell[align=center] ch-textblock {
    justify-content: center;
    text-align: center;
  }
  .gx-cell[align=right] > gx-textblock,
  .gx-cell[align=right] ch-textblock {
    justify-content: flex-end;
    text-align: end;
  }
  .gx-cell[valign=top] > gx-textblock,
  .gx-cell[valign=top] > ::part(gx-valign),
  .gx-cell[valign=top] > gx-form-field > ::part(gx-valign) {
    align-items: flex-start;
  }
  .gx-cell[valign=top] > ch-textblock {
    align-content: flex-start;
  }
  .gx-cell[valign=middle] > gx-textblock,
  .gx-cell[valign=middle] > ::part(gx-valign),
  .gx-cell[valign=middle] > gx-form-field > ::part(gx-valign) {
    align-items: center;
  }
  .gx-cell[valign=middle] > ch-textblock {
    align-content: center;
  }
  .gx-cell[valign=bottom] > gx-textblock,
  .gx-cell[valign=bottom] > ::part(gx-valign),
  .gx-cell[valign=bottom] > gx-form-field > ::part(gx-valign) {
    align-items: flex-end;
  }
  .gx-cell[valign=bottom] > ch-textblock {
    align-content: flex-end;
  }
  .gx-cell.without-auto-grow-cell > gx-form-field > .gx-edit--readonly::part(gx-edit__content),
  .gx-cell gx-table-cell.gx-cell:not([auto-grow]) > gx-form-field > .gx-edit--readonly::part(gx-edit__content) {
    position: absolute;
    inset-inline: 0;
    padding-inline: inherit;
  }
  .gx-cell.without-auto-grow-cell > gx-form-field > ::part(gx-edit__html-content),
  .gx-cell.without-auto-grow-cell > ::part(gx-textblock__html-content),
  .gx-cell gx-table-cell.gx-cell:not([auto-grow]) > gx-form-field > ::part(gx-edit__html-content),
  .gx-cell gx-table-cell.gx-cell:not([auto-grow]) > ::part(gx-textblock__html-content) {
    position: absolute;
  }
  .gx-cell.without-auto-grow-cell > gx-form-field > .gx-edit--multiline::part(gx-edit__hidden-multiline),
  .gx-cell gx-table-cell.gx-cell:not([auto-grow]) > gx-form-field > .gx-edit--multiline::part(gx-edit__hidden-multiline) {
    display: none;
  }
  .gx-cell.auto-grow-cell > gx-form-field > .gx-edit--multiline,
  .gx-cell[auto-grow] > gx-form-field > .gx-edit--multiline {
    resize: vertical;
  }
  gx-edit[area=field]:is(.gx-edit--auto-fill, .gx-edit--auto-fill:focus-within, .gx-edit--auto-fill:hover) {
    background-color: var(--gx-edit-auto-fill-background-color);
  }
  [data-has-action],
  button {
    cursor: pointer;
  }
  .gx-disabled {
    pointer-events: none;
  }
  .gx-grid-flex--horizontal-scroll > div > .gx-grid-row[relative-size] {
    min-width: calc(var(--gx-grid-flex-viewport-size) * var(--gx-grid-item-relative-size));
    width: calc(var(--gx-grid-flex-viewport-size) * var(--gx-grid-item-relative-size));
  }
  .gx-grid-flex--vertical-scroll > div > .gx-grid-row[relative-size] {
    min-height: calc(var(--gx-grid-flex-viewport-size) * var(--gx-grid-item-relative-size));
  }
  gx-navbar + gx-message {
    inset-block-start: var(--gx-navbar-main-height, 60px);
  }
  html.gx-disable-scroll gx-navbar,
  html.gx-disable-scroll gx-layout {
    padding-right: 8px;
  }
  html.gx-disable-scroll,
  html.gx-disable-scroll-mobile {
    overflow: hidden;
  }
  gx-modal::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  html[dir=rtl] gx-navbar::part(back-button) {
    rotate: 180deg;
  }
  html[dir=rtl] gx-layout::part(left) {
    --gx-vertical-hidden-position-X: 100%;
  }
  html[dir=rtl] gx-layout::part(right) {
    --gx-vertical-hidden-position-X: -100%;
  }
}
:root {
  --gx-scrollbar-background-color: #f5f5f5;
  --gx-scrollbar-thumb-color: #555;
  --gx-navbar-main-height: 60px;
  --gx-navbar-sub-height: 48px;
}
gx-message.gx-message-error {
  background-color: #ffeaee;
  border: 1px solid #f02031;
  color: #000;
}
gx-modal[type=alert].gx-modal-error::part(dialog) {
  box-shadow:
    0 0 12px rgba(240, 32, 49, 0.5019607843),
    rgba(0, 0, 0, 0.2509803922) 0px 8px 22px,
    rgba(0, 0, 0, 0.2509803922) 0px 0px 6px -3px inset;
}
gx-modal[type=alert].gx-modal-error::part(header) {
  background-color: rgb(239, 154, 154);
}
gx-modal > .gx-modal-action {
  appearance: none;
  border: 1px solid var(--gx-modal-accent-color);
  border-radius: 8px;
  cursor: pointer;
  margin-top: 8px;
  outline: 0;
  padding: 8px 20px;
  transition: filter 250ms;
}
gx-modal > .gx-modal-action + .gx-modal-action {
  margin-inline-start: 16px;
}
gx-modal > .gx-modal-action:active {
  filter: brightness(80%);
}
gx-modal > .gx-modal-action:hover:not(:active) {
  filter: brightness(90%);
}
gx-modal > .gx-modal-primary-action {
  background-color: var(--gx-modal-accent-color);
  box-shadow: 0 0 9px -2px var(--gx-modal-accent-color);
  color: var(--accent-contrast-color);
}
gx-modal > .gx-modal-secondary-action {
  background-color: inherit;
  box-shadow: 0 0 9px -3px var(--gx-modal-accent-color);
  color: var(--gx-modal-accent-color);
}
gx-loading > .gx-loading-skeleton {
  --gradient:
    linear-gradient(
      
      90deg,
      #00000000,
      var(--accent-color, var(--action-tint-color, #fff)),
      #00000000 );
  display: flex;
  align-self: stretch;
  width: 100%;
  background: var(--primary-color-dark, var(--primary-color, #bbb));
  border-radius: 16px;
  margin: 16px;
  opacity: 0.5;
  overflow: hidden;
}
gx-loading > .gx-loading-skeleton::after {
  content: "";
  background: var(--gradient), var(--gradient);
  width: 64%;
  transform: translateX(-128%);
  animation: gx-skeleton-load 1.25s ease-in-out infinite;
}
html[dir=rtl] gx-loading > .gx-loading-skeleton::after {
  transform: translateX(128%);
  animation-name: gx-skeleton-load-rtl;
}
@keyframes gx-skeleton-load {
  to {
    transform: translateX(192%);
  }
}
@keyframes gx-skeleton-load-rtl {
  to {
    transform: translateX(-192%);
  }
}
my-app {
  display: flex;
  flex-direction: column;
  min-height: var(--vh, 100vh);
}
html {
  scrollbar-width: thin;
  scrollbar-color: var(--gx-scrollbar-thumb-color) var(--gx-scrollbar-background-color);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--gx-scrollbar-background-color);
}
::-webkit-scrollbar-thumb {
  background-color: var(--gx-scrollbar-thumb-color);
}
.flex-cell {
  display: flex;
  overflow: hidden;
}
.flex-cell > gx-textblock {
  width: 100%;
  height: 100%;
}
.flex-cell > gx-button {
  flex: 1;
}
gx-canvas,
gx-table {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.gx-sections-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
gx-checkbox,
gx-radio-option,
gx-switch {
  --option-checked-color: var(--accent-color);
  --option-border-color: var(--control-normal-color);
  --option-highlight-color: var(--control-highlight-color);
}
gx-map {
  width: 100%;
  height: 100%;
}
gx-map .popup-data-container > div {
  position: static !important;
}
.gx-panel {
  display: contents;
}
.gx-horizontal-grid-item {
  width: 100%;
  height: 100%;
}
.gx-horizontal-grid-item > div {
  width: 100%;
  height: 100%;
}
.gx-horizontal-grid-item .image-viewer {
  min-width: 100%;
  min-height: 100%;
}
:root {
  --borders_un-width--xs: 1px;
  --borders_un-width--s: 2px;
  --fonts_un-font__family: SourceSansPro;
  --fonts_un-font__weight--bold: 700;
  --fonts_un-font__weight--semibold: 600;
  --fonts_un-font__weight--regular: 400;
  --fonts_un-font__weight--light: 300;
  --fonts_un-font__style--underline: underline;
  --fonts_un-font__style--uppercase: uppercase;
  --fonts_un-line-height--xs: 16px;
  --fonts_un-line-height--s: 24px;
  --fonts_un-line-height--m: 26px;
  --fonts_un-line-height--l: 32px;
  --fonts_un-line-height--xl: 44px;
  --fonts_un-line-height--xxl: 54px;
  --fonts_un-line-height--xxxl: 64px;
  --fontsizes_un-xs: 11px;
  --fontsizes_un-s: 14px;
  --fontsizes_un-m: 16px;
  --fontsizes_un-l: 18px;
  --fontsizes_un-xl: 22px;
  --fontsizes_un-xxl: 28px;
  --opacity_s: 0.1;
  --opacity_m: 0.25;
  --opacity_l: 0.5;
  --radius_un-radius--xs: 1px;
  --radius_un-radius--s: 2px;
  --radius_un-radius--m: 4px;
  --radius_un-radius--l: 8px;
  --radius_un-radius--xl: 16px;
  --radius_un-radius--xxl: 32px;
  --shadows_xxxs: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
  --shadows_xxs: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
  --shadows_xs: 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
  --shadows_s: 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
  --shadows_m: 0px 6px 10px 0px rgba(0, 0, 0, 0.14);
  --shadows_l: 0px 8px 10px 1px rgba(0, 0, 0, 0.14);
  --shadows_xl: 0px 9px 12px 1px rgba(0, 0, 0, 0.14);
  --shadows_xxl: 0px 12px 17px 2px rgba(0, 0, 0, 0.14);
  --shadows_un-box-shadow--s: 0px 5px 22px 4px rgba(0, 0, 0, 0.12) 0px 7px 8px -4px rgba(0, 0, 0, 0.1);
  --shadows_un-box-shadow--m: 0px 3px 14px 2px rgba(0, 0, 0, 0.12) 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
  --shadows_un-box-shadow--l: 0px 1px 10px 0px rgba(0, 0, 0, 0.12) 0px 2px 4px -1px rgba(0, 0, 0, 0.1);
  --shadows_un-box-shadow--xl: 0px 2px 1px -1px rgba(0, 0, 0, 0.12) 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --spacing_un-xs: 2px;
  --spacing_un-s: 4px;
  --spacing_un-m: 8px;
  --spacing_un-l: 16px;
  --spacing_un-xl: 24px;
  --spacing_un-xxl: 32px;
  --spacing_un-xxxl: 64px;
  --spacing_un-xxxxl: 128px;
  --spacing_letter-spacing-xs: 0.2px;
  --spacing_letter-spacing-s: 0.4px;
  --spacing_letter-spacing-m: 0.8px;
  --spacing_letter-spacing-l: 1.6px;
  --spacing_letter-spacing-xl: 3.2px;
}
:root:is([data-gx-ds-opt-color-scheme=light i], :not([data-gx-ds-opt-color-scheme])) {
  --colors_un-color__white: #fff;
  --colors_un-color__black: #121212;
  --colors_un-color__positive: var(--colors_un-color__white);
  --colors_un-color__negative: var(--colors_un-color__black);
  --colors_un-color__green--100: #e1f3f1;
  --colors_un-color__green--200: #02a08b;
  --colors_un-color__orange--100: #ffe7e6;
  --colors_un-color__orange--200: #ff8000;
  --colors_un-color__red--100: #ffeaee;
  --colors_un-color__red--200: #f44336;
  --colors_un-color__red--300: #f02031;
  --colors_un-color__purple--10: #696ef21a;
  --colors_un-color__purple--20: #696ef233;
  --colors_un-color__purple--100: #696ef2;
  --colors_un-color__purple--200: #413cd4;
  --colors_un-color__purple--300: #3015b0;
  --colors_un-color__purple--400: #2a2c5f;
  --colors_un-color__purple--500: #202143;
  --colors_un-color__purple--600: #13142c;
  --colors_un-color__gray--100: #fafafa;
  --colors_un-color__gray--200: #f3f4f6;
  --colors_un-color__gray--300: #e0e0e0;
  --colors_un-color__gray--400: #c3c4c8;
  --colors_un-color__gray--500: #939498;
  --colors_un-color__gray--600: #575965;
  --colors_un-color__gray--700: #3e3e40;
  --colors_un-color__gray--800: #353537;
  --colors_un-color__gray--900: #2c2c2e;
  --colors_un-color__gray--1000: #242426;
  --colors_un-surface--positive: var(--colors_un-color__positive);
  --colors_un-surface--negative: var(--colors_un-color__negative);
  --colors_un-surface--alternative: var(--colors_un-color__gray--200);
  --colors_un-accent__primary: var(--colors_un-color__purple--100);
  --colors_un-accent__primary--hover: var(--colors_un-color__purple--200);
  --colors_un-accent__primary-dim--hover: var(--colors_un-color__purple--20);
  --colors_un-accent__primary--active: var(--colors_un-color__purple--300);
  --colors_un-accent__secondary: var(--colors_un-color__purple--600);
  --colors_un-accent__secondary--hover: var(--colors_un-color__purple--500);
  --colors_un-accent__secondary--active: var(--colors_un-color__purple--400);
  --colors_un-accent__disabled: var(--colors_un-color__gray--400);
  --colors_un-accent__destructive: var(--colors_un-color__red--300);
  --colors_un-text__on-surface--positive: var(--colors_un-color__negative);
  --colors_un-text__on-surface--negative: var(--colors_un-color__positive);
  --colors_un-text__on-surface--alternative: var(--colors_un-color__negative);
  --colors_un-text__on-primary: var(--colors_un-color__positive);
  --colors_un-text__on-secondary: var(--colors_un-color__white);
  --colors_un-text__on-disabled: var(--colors_un-color__gray--300);
  --colors_un-text__on-destructive: var(--colors_un-color__positive);
  --colors_un-text__on-alert: var(--colors_un-color__positive);
  --colors_un-text__primary: var(--colors_un-accent__primary);
  --colors_un-text__primary--hover: var(--colors_un-accent__primary--hover);
  --colors_un-text__primary--active: var(--colors_un-accent__primary--active);
  --colors_un-text__secondary: var(--colors_un-accent__secondary);
  --colors_un-text__secondary--hover: var(--colors_un-accent__secondary--hover);
  --colors_un-text__secondary--active: var(--colors_un-accent__secondary--active);
  --colors_un-text__disabled: var(--colors_un-color__gray--400);
  --colors_un-text__destructive: var(--colors_un-color__red--300);
  --colors_un-text__error: var(--colors_un-color__red--200);
  --colors_un-text__warning: var(--colors_un-color__orange--200);
  --colors_un-text__success: var(--colors_un-color__green--200);
  --colors_un-h1__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h1__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h2__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h2__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h3__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h3__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h4__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h4__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h5__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h5__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-body__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-body__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-body__font-color--gray: var(--colors_un-color__gray--500);
  --colors_un-highlight__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-highlight__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-highlight__font-color--gray: var(--colors_un-color__gray--500);
  --colors_un-link__font-color: var(--colors_un-text__primary);
  --colors_un-link__font-color--hover: var(--colors_un-text__primary--hover);
  --colors_un-link__font-color--active: var(--colors_un-text__primary--active);
  --colors_un-link__font-color--disabled: var(--colors_un-text__disabled);
  --colors_un-border-color__primary: var(--colors_un-accent__primary);
  --colors_un-border-color__primary--hover: var(--colors_un-accent__primary--hover);
  --colors_un-border-color__primary--active: var(--colors_un-accent__primary--active);
  --colors_un-border-color__secondary: var(--colors_un-accent__secondary);
  --colors_un-border-color__secondary--hover: var(--colors_un-accent__secondary--hover);
  --colors_un-border-color__secondary--active: var(--colors_un-accent__secondary--active);
  --colors_un-border-color__disabled: var(--colors_un-accent__disabled);
  --colors_un-border-color__focused: var(--colors_un-accent__secondary);
  --colors_un-border-color__destructive: var(--colors_un-accent__destructive);
  --colors_un-border-color__error: var(--colors_un-color__red--200);
  --colors_un-border-color__warning: var(--colors_un-color__orange--200);
  --colors_un-border-color__success: var(--colors_un-color__green--200);
  --colors_un-border-color__mild: var(--colors_un-color__gray--300);
  --colors_un-border-color__strong: var(--colors_un-color__gray--600);
  --colors_un-elevation--1: var(--colors_un-color__positive);
  --colors_un-elevation--2: var(--colors_un-color__positive);
  --colors_un-elevation--3: var(--colors_un-color__positive);
  --colors_un-elevation--4: var(--colors_un-color__positive);
  --colors_un-icon__on-surface--positive: var(--colors_un-color__negative);
  --colors_un-icon__on-surface--negative: var(--colors_un-color__positive);
  --colors_un-icon__on-surface--alternative: var(--colors_un-color__negative);
  --colors_un-icon__on-primary: var(--colors_un-color__positive);
  --colors_un-icon__on-secondary: var(--colors_un-color__white);
  --colors_un-icon__on-disabled: var(--colors_un-accent__disabled);
  --colors_un-icon__on-destructive: var(--colors_un-color__positive);
  --colors_un-icon__on-alert: var(--colors_un-color__positive);
  --colors_un-icon__primary: var(--colors_un-color__purple--100);
  --colors_sidebar-bg: var(--colors_un-accent__secondary);
  --colors_item-hover: var(--colors_un-accent__secondary--hover);
  --colors_item-active: var(--colors_un-accent__secondary--active);
  --colors_row-hover: var(--colors_un-color__gray--300);
  --colors_row-active: rgba(105, 110, 242, 0.2);
  --colors_header-bg: var(--colors_un-accent__secondary);
  --colors_header-separator-bg: var(--colors_un-accent__primary);
  --colors_form-container-bg: var(--colors_un-surface--positive);
  --colors_footer-actions-bg: var(--colors_un-surface--alternative);
  --colors_attribute-bg: var(--colors_un-surface--positive);
  --colors_attribute-select-bg: var(--colors_un-surface--positive);
  --colors_overlay-bg: var(--colors_un-surface--positive);
  --colors_zebra-grid: #fafafa;
}
:root[data-gx-ds-opt-color-scheme=dark i] {
  --colors_un-color__white: #fff;
  --colors_un-color__black: #171717;
  --colors_un-color__positive: var(--colors_un-color__black);
  --colors_un-color__negative: var(--colors_un-color__white);
  --colors_un-color__green--100: #e1f3f1;
  --colors_un-color__green--200: #50beae;
  --colors_un-color__orange--100: #ffe7e6;
  --colors_un-color__orange--200: #ffab13;
  --colors_un-color__red--100: #ffeaee;
  --colors_un-color__red--200: #ef5350;
  --colors_un-color__red--300: #f9464e;
  --colors_un-color__purple--10: #696ef21a;
  --colors_un-color__purple--20: #696ef233;
  --colors_un-color__purple--100: #a9acf8;
  --colors_un-color__purple--200: #413cd4;
  --colors_un-color__purple--300: #858af6;
  --colors_un-color__purple--400: #666483;
  --colors_un-color__purple--500: #53516e;
  --colors_un-color__purple--600: #34334e;
  --colors_un-color__gray--100: #171717;
  --colors_un-color__gray--200: #212121;
  --colors_un-color__gray--300: #303030;
  --colors_un-color__gray--400: #3b3b3b;
  --colors_un-color__gray--500: #575757;
  --colors_un-color__gray--600: #8c8c8c;
  --colors_un-color__gray--700: #a9a9a9;
  --colors_un-color__gray--800: #cdcdcd;
  --colors_un-color__gray--900: #dfdfdf;
  --colors_un-color__gray--1000: #ededed;
  --colors_un-surface--positive: var(--colors_un-color__positive);
  --colors_un-surface--negative: var(--colors_un-color__negative);
  --colors_un-surface--alternative: var(--colors_un-color__gray--100);
  --colors_un-accent__primary: var(--colors_un-color__purple--100);
  --colors_un-accent__primary--hover: var(--colors_un-color__purple--200);
  --colors_un-accent__primary-dim--hover: var(--colors_un-color__purple--20);
  --colors_un-accent__primary--active: var(--colors_un-color__purple--300);
  --colors_un-accent__secondary: var(--colors_un-color__purple--600);
  --colors_un-accent__secondary--hover: var(--colors_un-color__purple--500);
  --colors_un-accent__secondary--active: var(--colors_un-color__purple--400);
  --colors_un-accent__disabled: var(--colors_un-color__gray--400);
  --colors_un-accent__destructive: var(--colors_un-color__red--300);
  --colors_un-text__on-surface--positive: var(--colors_un-color__negative);
  --colors_un-text__on-surface--negative: var(--colors_un-color__positive);
  --colors_un-text__on-surface--alternative: var(--colors_un-color__negative);
  --colors_un-text__on-primary: var(--colors_un-color__positive);
  --colors_un-text__on-secondary: var(--colors_un-color__white);
  --colors_un-text__on-disabled: var(--colors_un-color__gray--300);
  --colors_un-text__on-destructive: var(--colors_un-color__positive);
  --colors_un-text__on-alert: var(--colors_un-color__positive);
  --colors_un-text__primary: var(--colors_un-accent__primary);
  --colors_un-text__primary--hover: var(--colors_un-accent__primary--hover);
  --colors_un-text__primary--active: var(--colors_un-accent__primary--active);
  --colors_un-text__secondary: var(--colors_un-accent__secondary);
  --colors_un-text__secondary--hover: var(--colors_un-accent__secondary--hover);
  --colors_un-text__secondary--active: var(--colors_un-accent__secondary--active);
  --colors_un-text__disabled: var(--colors_un-color__gray--400);
  --colors_un-text__destructive: var(--colors_un-color__red--300);
  --colors_un-text__error: var(--colors_un-color__red--200);
  --colors_un-text__warning: var(--colors_un-color__orange--200);
  --colors_un-text__success: var(--colors_un-color__green--200);
  --colors_un-h1__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h1__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h2__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h2__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h3__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h3__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h4__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h4__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-h5__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-h5__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-body__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-body__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-body__font-color--gray: var(--colors_un-color__gray--500);
  --colors_un-highlight__font-color--positive: var(--colors_un-text__on-surface--positive);
  --colors_un-highlight__font-color--negative: var(--colors_un-text__on-surface--negative);
  --colors_un-highlight__font-color--gray: var(--colors_un-color__gray--500);
  --colors_un-link__font-color: var(--colors_un-text__primary);
  --colors_un-link__font-color--hover: var(--colors_un-text__primary--hover);
  --colors_un-link__font-color--active: var(--colors_un-text__primary--active);
  --colors_un-link__font-color--disabled: var(--colors_un-text__disabled);
  --colors_un-border-color__primary: var(--colors_un-accent__primary);
  --colors_un-border-color__primary--hover: var(--colors_un-accent__primary--hover);
  --colors_un-border-color__primary--active: var(--colors_un-accent__primary--active);
  --colors_un-border-color__secondary: var(--colors_un-accent__secondary);
  --colors_un-border-color__secondary--hover: var(--colors_un-accent__secondary--hover);
  --colors_un-border-color__secondary--active: var(--colors_un-accent__secondary--active);
  --colors_un-border-color__disabled: var(--colors_un-accent__disabled);
  --colors_un-border-color__focused: var(--colors_un-accent__secondary);
  --colors_un-border-color__destructive: var(--colors_un-accent__destructive);
  --colors_un-border-color__error: var(--colors_un-color__red--200);
  --colors_un-border-color__warning: var(--colors_un-color__orange--200);
  --colors_un-border-color__success: var(--colors_un-color__green--200);
  --colors_un-border-color__mild: var(--colors_un-color__gray--300);
  --colors_un-border-color__strong: var(--colors_un-color__gray--600);
  --colors_un-elevation--1: var(--colors_un-color__gray--200);
  --colors_un-elevation--2: var(--colors_un-color__gray--300);
  --colors_un-elevation--3: var(--colors_un-color__gray--400);
  --colors_un-elevation--4: var(--colors_un-color__gray--500);
  --colors_un-icon__on-surface--positive: var(--colors_un-color__negative);
  --colors_un-icon__on-surface--negative: var(--colors_un-color__positive);
  --colors_un-icon__on-surface--alternative: var(--colors_un-color__negative);
  --colors_un-icon__on-primary: var(--colors_un-color__positive);
  --colors_un-icon__on-secondary: var(--colors_un-color__white);
  --colors_un-icon__on-disabled: var(--colors_un-accent__disabled);
  --colors_un-icon__on-destructive: var(--colors_un-color__positive);
  --colors_un-icon__on-alert: var(--colors_un-color__positive);
  --colors_un-icon__primary: var(--colors_un-color__purple--100);
  --colors_sidebar-bg: var(--colors_un-elevation--1);
  --colors_item-hover: var(--colors_un-elevation--4);
  --colors_item-active: var(--colors_un-color__gray--300);
  --colors_row-hover: var(--colors_un-elevation--4);
  --colors_row-active: var(--colors_un-color__gray--300);
  --colors_header-bg: var(--colors_un-elevation--1);
  --colors_header-separator-bg: var(--colors_un-color__gray--300);
  --colors_form-container-bg: var(--colors_un-elevation--1);
  --colors_footer-actions-bg: var(--colors_un-elevation--1);
  --colors_attribute-bg: transparent;
  --colors_attribute-select-bg: var(--colors_un-surface--alternative);
  --colors_overlay-bg: var(--colors_un-elevation--2);
  --colors_zebra-grid: #323234;
}
@media (prefers-color-scheme: light) {
  :root:not([data-gx-ds-opt-color-scheme]) {
    --colors_un-color__white: #fff;
    --colors_un-color__black: #121212;
    --colors_un-color__positive: var(--colors_un-color__white);
    --colors_un-color__negative: var(--colors_un-color__black);
    --colors_un-color__green--100: #e1f3f1;
    --colors_un-color__green--200: #02a08b;
    --colors_un-color__orange--100: #ffe7e6;
    --colors_un-color__orange--200: #ff8000;
    --colors_un-color__red--100: #ffeaee;
    --colors_un-color__red--200: #f44336;
    --colors_un-color__red--300: #f02031;
    --colors_un-color__purple--10: #696ef21a;
    --colors_un-color__purple--20: #696ef233;
    --colors_un-color__purple--100: #696ef2;
    --colors_un-color__purple--200: #413cd4;
    --colors_un-color__purple--300: #3015b0;
    --colors_un-color__purple--400: #2a2c5f;
    --colors_un-color__purple--500: #202143;
    --colors_un-color__purple--600: #13142c;
    --colors_un-color__gray--100: #fafafa;
    --colors_un-color__gray--200: #f3f4f6;
    --colors_un-color__gray--300: #e0e0e0;
    --colors_un-color__gray--400: #c3c4c8;
    --colors_un-color__gray--500: #939498;
    --colors_un-color__gray--600: #575965;
    --colors_un-color__gray--700: #3e3e40;
    --colors_un-color__gray--800: #353537;
    --colors_un-color__gray--900: #2c2c2e;
    --colors_un-color__gray--1000: #242426;
    --colors_un-surface--positive: var(--colors_un-color__positive);
    --colors_un-surface--negative: var(--colors_un-color__negative);
    --colors_un-surface--alternative: var(--colors_un-color__gray--200);
    --colors_un-accent__primary: var(--colors_un-color__purple--100);
    --colors_un-accent__primary--hover: var(--colors_un-color__purple--200);
    --colors_un-accent__primary-dim--hover: var(--colors_un-color__purple--20);
    --colors_un-accent__primary--active: var(--colors_un-color__purple--300);
    --colors_un-accent__secondary: var(--colors_un-color__purple--600);
    --colors_un-accent__secondary--hover: var(--colors_un-color__purple--500);
    --colors_un-accent__secondary--active: var(--colors_un-color__purple--400);
    --colors_un-accent__disabled: var(--colors_un-color__gray--400);
    --colors_un-accent__destructive: var(--colors_un-color__red--300);
    --colors_un-text__on-surface--positive: var(--colors_un-color__negative);
    --colors_un-text__on-surface--negative: var(--colors_un-color__positive);
    --colors_un-text__on-surface--alternative: var(--colors_un-color__negative);
    --colors_un-text__on-primary: var(--colors_un-color__positive);
    --colors_un-text__on-secondary: var(--colors_un-color__white);
    --colors_un-text__on-disabled: var(--colors_un-color__gray--300);
    --colors_un-text__on-destructive: var(--colors_un-color__positive);
    --colors_un-text__on-alert: var(--colors_un-color__positive);
    --colors_un-text__primary: var(--colors_un-accent__primary);
    --colors_un-text__primary--hover: var(--colors_un-accent__primary--hover);
    --colors_un-text__primary--active: var(--colors_un-accent__primary--active);
    --colors_un-text__secondary: var(--colors_un-accent__secondary);
    --colors_un-text__secondary--hover: var(--colors_un-accent__secondary--hover);
    --colors_un-text__secondary--active: var(--colors_un-accent__secondary--active);
    --colors_un-text__disabled: var(--colors_un-color__gray--400);
    --colors_un-text__destructive: var(--colors_un-color__red--300);
    --colors_un-text__error: var(--colors_un-color__red--200);
    --colors_un-text__warning: var(--colors_un-color__orange--200);
    --colors_un-text__success: var(--colors_un-color__green--200);
    --colors_un-h1__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h1__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h2__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h2__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h3__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h3__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h4__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h4__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h5__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h5__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-body__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-body__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-body__font-color--gray: var(--colors_un-color__gray--500);
    --colors_un-highlight__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-highlight__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-highlight__font-color--gray: var(--colors_un-color__gray--500);
    --colors_un-link__font-color: var(--colors_un-text__primary);
    --colors_un-link__font-color--hover: var(--colors_un-text__primary--hover);
    --colors_un-link__font-color--active: var(--colors_un-text__primary--active);
    --colors_un-link__font-color--disabled: var(--colors_un-text__disabled);
    --colors_un-border-color__primary: var(--colors_un-accent__primary);
    --colors_un-border-color__primary--hover: var(--colors_un-accent__primary--hover);
    --colors_un-border-color__primary--active: var(--colors_un-accent__primary--active);
    --colors_un-border-color__secondary: var(--colors_un-accent__secondary);
    --colors_un-border-color__secondary--hover: var(--colors_un-accent__secondary--hover);
    --colors_un-border-color__secondary--active: var(--colors_un-accent__secondary--active);
    --colors_un-border-color__disabled: var(--colors_un-accent__disabled);
    --colors_un-border-color__focused: var(--colors_un-accent__secondary);
    --colors_un-border-color__destructive: var(--colors_un-accent__destructive);
    --colors_un-border-color__error: var(--colors_un-color__red--200);
    --colors_un-border-color__warning: var(--colors_un-color__orange--200);
    --colors_un-border-color__success: var(--colors_un-color__green--200);
    --colors_un-border-color__mild: var(--colors_un-color__gray--300);
    --colors_un-border-color__strong: var(--colors_un-color__gray--600);
    --colors_un-elevation--1: var(--colors_un-color__positive);
    --colors_un-elevation--2: var(--colors_un-color__positive);
    --colors_un-elevation--3: var(--colors_un-color__positive);
    --colors_un-elevation--4: var(--colors_un-color__positive);
    --colors_un-icon__on-surface--positive: var(--colors_un-color__negative);
    --colors_un-icon__on-surface--negative: var(--colors_un-color__positive);
    --colors_un-icon__on-surface--alternative: var(--colors_un-color__negative);
    --colors_un-icon__on-primary: var(--colors_un-color__positive);
    --colors_un-icon__on-secondary: var(--colors_un-color__white);
    --colors_un-icon__on-disabled: var(--colors_un-accent__disabled);
    --colors_un-icon__on-destructive: var(--colors_un-color__positive);
    --colors_un-icon__on-alert: var(--colors_un-color__positive);
    --colors_un-icon__primary: var(--colors_un-color__purple--100);
    --colors_sidebar-bg: var(--colors_un-accent__secondary);
    --colors_item-hover: var(--colors_un-accent__secondary--hover);
    --colors_item-active: var(--colors_un-accent__secondary--active);
    --colors_row-hover: var(--colors_un-color__gray--300);
    --colors_row-active: rgba(105, 110, 242, 0.2);
    --colors_header-bg: var(--colors_un-accent__secondary);
    --colors_header-separator-bg: var(--colors_un-accent__primary);
    --colors_form-container-bg: var(--colors_un-surface--positive);
    --colors_footer-actions-bg: var(--colors_un-surface--alternative);
    --colors_attribute-bg: var(--colors_un-surface--positive);
    --colors_attribute-select-bg: var(--colors_un-surface--positive);
    --colors_overlay-bg: var(--colors_un-surface--positive);
    --colors_zebra-grid: #fafafa;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-gx-ds-opt-color-scheme]) {
    --colors_un-color__white: #fff;
    --colors_un-color__black: #171717;
    --colors_un-color__positive: var(--colors_un-color__black);
    --colors_un-color__negative: var(--colors_un-color__white);
    --colors_un-color__green--100: #e1f3f1;
    --colors_un-color__green--200: #50beae;
    --colors_un-color__orange--100: #ffe7e6;
    --colors_un-color__orange--200: #ffab13;
    --colors_un-color__red--100: #ffeaee;
    --colors_un-color__red--200: #ef5350;
    --colors_un-color__red--300: #f9464e;
    --colors_un-color__purple--10: #696ef21a;
    --colors_un-color__purple--20: #696ef233;
    --colors_un-color__purple--100: #a9acf8;
    --colors_un-color__purple--200: #413cd4;
    --colors_un-color__purple--300: #858af6;
    --colors_un-color__purple--400: #666483;
    --colors_un-color__purple--500: #53516e;
    --colors_un-color__purple--600: #34334e;
    --colors_un-color__gray--100: #171717;
    --colors_un-color__gray--200: #212121;
    --colors_un-color__gray--300: #303030;
    --colors_un-color__gray--400: #3b3b3b;
    --colors_un-color__gray--500: #575757;
    --colors_un-color__gray--600: #8c8c8c;
    --colors_un-color__gray--700: #a9a9a9;
    --colors_un-color__gray--800: #cdcdcd;
    --colors_un-color__gray--900: #dfdfdf;
    --colors_un-color__gray--1000: #ededed;
    --colors_un-surface--positive: var(--colors_un-color__positive);
    --colors_un-surface--negative: var(--colors_un-color__negative);
    --colors_un-surface--alternative: var(--colors_un-color__gray--100);
    --colors_un-accent__primary: var(--colors_un-color__purple--100);
    --colors_un-accent__primary--hover: var(--colors_un-color__purple--200);
    --colors_un-accent__primary-dim--hover: var(--colors_un-color__purple--20);
    --colors_un-accent__primary--active: var(--colors_un-color__purple--300);
    --colors_un-accent__secondary: var(--colors_un-color__purple--600);
    --colors_un-accent__secondary--hover: var(--colors_un-color__purple--500);
    --colors_un-accent__secondary--active: var(--colors_un-color__purple--400);
    --colors_un-accent__disabled: var(--colors_un-color__gray--400);
    --colors_un-accent__destructive: var(--colors_un-color__red--300);
    --colors_un-text__on-surface--positive: var(--colors_un-color__negative);
    --colors_un-text__on-surface--negative: var(--colors_un-color__positive);
    --colors_un-text__on-surface--alternative: var(--colors_un-color__negative);
    --colors_un-text__on-primary: var(--colors_un-color__positive);
    --colors_un-text__on-secondary: var(--colors_un-color__white);
    --colors_un-text__on-disabled: var(--colors_un-color__gray--300);
    --colors_un-text__on-destructive: var(--colors_un-color__positive);
    --colors_un-text__on-alert: var(--colors_un-color__positive);
    --colors_un-text__primary: var(--colors_un-accent__primary);
    --colors_un-text__primary--hover: var(--colors_un-accent__primary--hover);
    --colors_un-text__primary--active: var(--colors_un-accent__primary--active);
    --colors_un-text__secondary: var(--colors_un-accent__secondary);
    --colors_un-text__secondary--hover: var(--colors_un-accent__secondary--hover);
    --colors_un-text__secondary--active: var(--colors_un-accent__secondary--active);
    --colors_un-text__disabled: var(--colors_un-color__gray--400);
    --colors_un-text__destructive: var(--colors_un-color__red--300);
    --colors_un-text__error: var(--colors_un-color__red--200);
    --colors_un-text__warning: var(--colors_un-color__orange--200);
    --colors_un-text__success: var(--colors_un-color__green--200);
    --colors_un-h1__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h1__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h2__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h2__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h3__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h3__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h4__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h4__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-h5__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-h5__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-body__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-body__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-body__font-color--gray: var(--colors_un-color__gray--500);
    --colors_un-highlight__font-color--positive: var(--colors_un-text__on-surface--positive);
    --colors_un-highlight__font-color--negative: var(--colors_un-text__on-surface--negative);
    --colors_un-highlight__font-color--gray: var(--colors_un-color__gray--500);
    --colors_un-link__font-color: var(--colors_un-text__primary);
    --colors_un-link__font-color--hover: var(--colors_un-text__primary--hover);
    --colors_un-link__font-color--active: var(--colors_un-text__primary--active);
    --colors_un-link__font-color--disabled: var(--colors_un-text__disabled);
    --colors_un-border-color__primary: var(--colors_un-accent__primary);
    --colors_un-border-color__primary--hover: var(--colors_un-accent__primary--hover);
    --colors_un-border-color__primary--active: var(--colors_un-accent__primary--active);
    --colors_un-border-color__secondary: var(--colors_un-accent__secondary);
    --colors_un-border-color__secondary--hover: var(--colors_un-accent__secondary--hover);
    --colors_un-border-color__secondary--active: var(--colors_un-accent__secondary--active);
    --colors_un-border-color__disabled: var(--colors_un-accent__disabled);
    --colors_un-border-color__focused: var(--colors_un-accent__secondary);
    --colors_un-border-color__destructive: var(--colors_un-accent__destructive);
    --colors_un-border-color__error: var(--colors_un-color__red--200);
    --colors_un-border-color__warning: var(--colors_un-color__orange--200);
    --colors_un-border-color__success: var(--colors_un-color__green--200);
    --colors_un-border-color__mild: var(--colors_un-color__gray--300);
    --colors_un-border-color__strong: var(--colors_un-color__gray--600);
    --colors_un-elevation--1: var(--colors_un-color__gray--200);
    --colors_un-elevation--2: var(--colors_un-color__gray--300);
    --colors_un-elevation--3: var(--colors_un-color__gray--400);
    --colors_un-elevation--4: var(--colors_un-color__gray--500);
    --colors_un-icon__on-surface--positive: var(--colors_un-color__negative);
    --colors_un-icon__on-surface--negative: var(--colors_un-color__positive);
    --colors_un-icon__on-surface--alternative: var(--colors_un-color__negative);
    --colors_un-icon__on-primary: var(--colors_un-color__positive);
    --colors_un-icon__on-secondary: var(--colors_un-color__white);
    --colors_un-icon__on-disabled: var(--colors_un-accent__disabled);
    --colors_un-icon__on-destructive: var(--colors_un-color__positive);
    --colors_un-icon__on-alert: var(--colors_un-color__positive);
    --colors_un-icon__primary: var(--colors_un-color__purple--100);
    --colors_sidebar-bg: var(--colors_un-elevation--1);
    --colors_item-hover: var(--colors_un-elevation--4);
    --colors_item-active: var(--colors_un-color__gray--300);
    --colors_row-hover: var(--colors_un-elevation--4);
    --colors_row-active: var(--colors_un-color__gray--300);
    --colors_header-bg: var(--colors_un-elevation--1);
    --colors_header-separator-bg: var(--colors_un-color__gray--300);
    --colors_form-container-bg: var(--colors_un-elevation--1);
    --colors_footer-actions-bg: var(--colors_un-elevation--1);
    --colors_attribute-bg: transparent;
    --colors_attribute-select-bg: var(--colors_un-surface--alternative);
    --colors_overlay-bg: var(--colors_un-elevation--2);
    --colors_zebra-grid: #323234;
  }
}
:root {
  --gx-image_genexusunanimo_stop_ico: url(assets/resources/GeneXusUnanimo.stop_ico.svg);
  --gx-image_selectrow: url(assets/resources/selectRow.png);
  --gx-image_louvremuseum: url(assets/resources/LouvreMuseum.jpg);
  --gx-image_greatwall: url(assets/resources/GreatWall.jpg);
  --gx-image_eiffeltower: url(assets/resources/EiffelTower.jpg);
  --gx-image_christtheredeemer: url(assets/resources/ChristTheRedeemer.jpg);
  --gx-image_matissemuseum: url(assets/resources/MatisseMuseum.jpg);
  --gx-image_centralpark: url(assets/resources/CentralPark.jpg);
  --gx-image_museedorsay: url(assets/resources/MuseeDOrsay.jpg);
  --gx-image_palaceofversailles: url(assets/resources/PalaceOfVersailles.jpg);
  --gx-image_montsaintmichel: url(assets/resources/MontSaintMichel.jpg);
  --gx-image_masp: url(assets/resources/MASP.jpg);
  --gx-image_sugarloafmountain: url(assets/resources/SugarloafMountain.jpg);
  --gx-image_nationalmuseumofchina: url(assets/resources/NationalMuseumOfChina.jpg);
  --gx-image_thebund: url(assets/resources/TheBund.jpg);
  --gx-image_themet: url(assets/resources/TheMet.jpg);
  --gx-image_independencehall: url(assets/resources/IndependenceHall.jpg);
  --gx-image_statueofliberty: url(assets/resources/StatueOfLiberty.jpg);
  --gx-image_genexusunanimo_search_light: url(assets/resources/GeneXusUnanimo.search_light.svg);
  --gx-image_attractions_hero: -webkit-image-set(url(/assets/resources/Attractions_Hero.png) 1x,url(/assets/resources/Attractions_Hero-2x.png) 2x,url(/assets/resources/Attractions_Hero-3x.png) 3x);
  --gx-image_chat: url(assets/resources/Chat.svg);
  --gx-image_travelagency_icon: url(assets/resources/TravelAgency_icon.svg);
  --gx-image_semanticattractionsearch: url(assets/resources/SemanticAttractionSearch.svg);
  --gx-image_chat_answer_icon: url(assets/resources/Chat_answer_icon.svg);
  --gx-image_weather_sunny_icon: url(assets/resources/Weather_sunny_icon.svg);
  --gx-image_weather_windy_icon: url(assets/resources/Weather_windy_icon.svg);
  --gx-image_weather_rainy_icon: url(assets/resources/Weather_rainy_icon.svg);
  --gx-image_weather_cloudy_icon: url(assets/resources/Weather_cloudy_icon.svg);
  --gx-image_search_icon: url(assets/resources/Search_icon.svg);
  --gx-image_empty_message: url(assets/resources/empty_message.svg);
  --gx-image_facebook_icon: url(assets/resources/Facebook_icon.svg);
  --gx-image_x_icon: url(assets/resources/X_icon.svg);
  --gx-image_instagram_icon: url(assets/resources/Instagram_icon.svg);
  --gx-image_youtube_icon: url(assets/resources/Youtube_icon.svg);
  --gx-image_mountfuji: url(assets/resources/MountFuji.jpg);
  --gx-image_arashiyamabamboogrove: url(assets/resources/ArashiyamaBambooGrove.jpg);
  --gx-image_tokyodisneyland: url(assets/resources/TokyoDisneyland.jpg);
  --gx-image_universalstudiosjapan: url(assets/resources/UniversalStudiosJapan.jpg);
  --gx-image_bluegrotto: url(assets/resources/BlueGrotto.jpg);
  --gx-image_dolomites: url(assets/resources/Dolomites.jpg);
  --gx-image_gardaland: url(assets/resources/Gardaland.jpg);
  --gx-image_cinecittaworld: url(assets/resources/CinecittaWorld.jpg);
  --gx-image_nileriver: url(assets/resources/NileRiver.jpg);
  --gx-image_whitedesert: url(assets/resources/WhiteDesert.jpg);
  --gx-image_magicgalaxy: url(assets/resources/MagicGalaxy.jpg);
  --gx-image_dreampark: url(assets/resources/DreamPark.jpg);
  --gx-image_fushimiinarishrine: url(assets/resources/FushimiInariShrine.jpg);
  --gx-image_odaibaseasidepark: url(assets/resources/OdaibaSeasidePark.jpg);
  --gx-image_vaticanmuseums: url(assets/resources/VaticanMuseums.jpg);
  --gx-image_stmarksbasilica: url(assets/resources/StMarksBasilica.jpg);
  --gx-image_karnaktemple: url(assets/resources/KarnakTemple.jpg);
  --gx-image_egyptianmuseum: url(assets/resources/EgyptianMuseum.jpg);
  --gx-image_trevifountain: url(assets/resources/TreviFountain.jpg);
  --gx-image_tokyoskytree: url(assets/resources/TokyoSkytree.jpg);
  --gx-image_linkedin_icon: url(assets/resources/LinkedIn_icon.svg);
  --gx-image_chat_user_icon: url(assets/resources/Chat_user_icon.svg);
  --gx-image_chat_agent_icon: url(assets/resources/Chat_agent_icon.svg);
  --gx-image_chat_send_icon: url(assets/resources/Chat_send_icon.svg);
  --gx-image_chat_close_icon: url(assets/resources/Chat_close_icon.svg);
  --gx-image_chat_arrow_right: url(assets/resources/Chat_arrow_right.svg);
  --gx-image_travelagencybanner: url(assets/resources/TravelAgencyBanner.png);
  --gx-image_filter_light: url(assets/resources/filter_light.svg);
  --gx-image_search_light: url(assets/resources/search_light.svg);
  --gx-image_prompt_light: url(assets/resources/prompt_light.svg);
  --gx-image_edit_light: url(assets/resources/edit_light.svg);
  --gx-image_delete_light: url(assets/resources/delete_light.svg);
  --gx-image_bin_icon: url(assets/resources/Bin_icon.svg);
  --gx-image_arrow_left_light: url(assets/resources/arrow_left_light.svg);
  --gx-image_filter_applied: url(assets/resources/filter_applied.svg);
}
.chat {
  width: 100%;
  height: 100%;
}
.chat--vars {
  --width:100%;
  --height:100%;
}
.chat::part(message) {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  color: var(--colors_un-text__on-surface--positive);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  font-weight: var(--fonts_un-font__weight--regular);
  line-height: 18px;
  letter-spacing: var(--spacing_letter-spacing-xs);
}
.chat::part(message)::before {
  grid-column: 1;
  grid-row: 1;
  align-self: flex-start;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  padding: var(--spacing_un-m);
  margin-inline-end: var(--spacing_un-l);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.chat::part(message)::after {
  grid-column: 1;
  grid-row: 1;
  align-self: flex-start;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  padding: var(--spacing_un-m);
  border-radius: var(--radius_un-radius--m);
  margin-inline-end: var(--spacing_un-l);
}
.chat::part(message user) {
  padding: var(--spacing_un-l) var(--spacing_un-l) var(--spacing_un-l) var(--spacing_un-xxxl);
}
.chat::part(message user)::before {
  -webkit-mask-image: var(--gx-image_genexusunanimo_profile);
  mask-image: var(--gx-image_genexusunanimo_profile);
  background-color: var(--colors_un-accent__primary);
}
.chat::part(message user)::after {
  background-color: var(--colors_un-color__purple--20);
}
.chat::part(message assistant) {
  background-color: var(--colors_un-surface--alternative);
  padding: var(--spacing_un-l) var(--spacing_un-xxxl);
}
.chat::part(message assistant)::before {
  -webkit-mask-image: var(--gx-image_genexusunanimo_chat_ico);
  mask-image: var(--gx-image_genexusunanimo_chat_ico);
  background-color: var(--colors_un-color__positive);
}
.chat::part(message assistant)::after {
  background-color: var(--colors_un-accent__primary);
}
.chat::part(message error) {
  padding: 16px 64px;
}
.chat::part(message error)::before {
  -webkit-mask-image: var(--gx-image_genexusunanimo_error_ico);
  mask-image: var(--gx-image_genexusunanimo_error_ico);
  background-color: var(--colors_un-accent__destructive);
}
.chat::part(sources-container) {
  display: flex;
  gap: var(--spacing_un-s);
  padding: var(--spacing_un-l) 0px 0px 0px;
}
.chat::part(sources-caption) {
  display: flex;
  align-items: center;
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-xs);
  font-weight: var(--fonts_un-font__weight--regular);
  line-height: 13px;
  letter-spacing: var(--spacing_letter-spacing-xs);
}
.chat::part(source) {
  border-radius: var(--radius_un-radius--m);
  padding: var(--spacing_un-s) var(--spacing_un-m);
  background: var(--colors_un-color__purple--20);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-xs);
  font-weight: var(--fonts_un-font__weight--regular);
  line-height: 13px;
  letter-spacing: var(--spacing_letter-spacing-xs);
  color: var(--colors_un-text__on-surface--positive);
}
.chat::part(source)::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  padding: var(--spacing_un-xs);
  margin-inline-end: var(--spacing_un-l);
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: var(--gx-image_genexusunanimo_prompt_ico);
  mask-image: var(--gx-image_genexusunanimo_prompt_ico);
  background-color: var(--colors_un-accent__primary);
}
.chat::part(copy-message-content) {
  display: none;
}
.chat::part(send-container) {
  grid-template-areas: "send-container-before send-container-before" "send-input send-container-after";
  grid-template-rows: 32px 1fr;
  grid-template-columns: 1fr max-content;
  column-gap: 12px;
  row-gap: var(--spacing_un-m);
  align-self: flex-end;
}
.chat::part(send-container-before) {
  grid-area: send-container-before;
  align-items: center;
  justify-content: center;
}
.chat::part(send-container-after) {
  grid-area: send-container-after;
}
.chat::part(send-input) {
  grid-area: send-input;
  padding: var(--spacing_un-l);
  border-radius: var(--radius_un-radius--m);
  border: var(--borders_un-width--xs) solid var(--colors_un-border-color__strong);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  font-weight: var(--fonts_un-font__weight--regular);
  line-height: 18px;
  letter-spacing: var(--spacing_letter-spacing-xs);
  color: var(--colors_un-color__negative);
  --ch-placeholder-color:var(--colors_un-color__gray--500);
}
.chat::part(send-button) {
  width: 24px;
  height: 24px;
  -webkit-mask-image: var(--gx-image_genexusunanimo_send);
  mask-image: var(--gx-image_genexusunanimo_send);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--colors_un-accent__primary);
  align-self: center;
  position: relative;
}
.chat::part(send-button):disabled {
  background-color: var(--colors_un-accent__disabled);
}
.chat::part(stop-response-button) {
  display: flex;
  gap: var(--spacing_un-s);
  color: var(--colors_un-text__primary);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  font-weight: var(--fonts_un-font__weight--semibold);
  line-height: 18px;
  letter-spacing: var(--spacing_letter-spacing-xs);
  text-transform: uppercase;
}
.chat::part(stop-response-button)::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: var(--gx-image_genexusunanimo_stop_ico);
  mask-image: var(--gx-image_genexusunanimo_stop_ico);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--colors_un-accent__primary);
}
.chat div[slot=empty-chat],
.chat div[slot=additional-content],
.chat div[data-slot=EmptyChat],
.chat div[data-slot=AdditionalContent],
.chat div.gx_usercontrol_child {
  display: contents;
}
:root {
  --colors_green100: #A7E491;
  --colors_green200: #73d94f;
  --colors_green300: #015547;
  --colors_gray00: #FFFFFF;
  --colors_gray100: #F4F7F4;
  --colors_gray200: #C1C1C1;
  --colors_gray300: #C4C4C4;
  --colors_gray600: #616161;
  --colors_opacity: #19181933;
  --colors_primary: var(--colors_green200);
  --colors_secondary: var(--colors_green300);
  --colors_primary--highlighted: var(--colors_green100);
  --colors_surface: var(--colors_gray00);
  --colors_surface--highlighted: var(--colors_gray100);
  --colors_title__on-surface: var(--colors_secondary);
  --colors_title__on-image: var(--colors_gray00);
  --colors_title__on-surface--highlighted: var(--colors_title__on-surface);
  --colors_text__on-surface: var(--colors_gray600);
  --colors_text__on-surface--highlighted: var(--colors_text__on-surface);
  --colors_text__on-primary: var(--colors_secondary);
  --colors_text__on-secondary: var(--colors_gray200);
  --colors_text__on-image: var(--colors_gray00);
  --colors_menu__item: var(--colors_text__on-image);
  --fonts_primary: Heebo;
  --fonts_secondary: Rubik;
  --fonts_additional: Graphik;
}
@font-face {
  font-family: "Heebo";
  src: url("./media/Heebo-Bold_woff2.woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Heebo";
  src: url("./media/Heebo-Regular_woff2.woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Heebo";
  src: url("./media/Heebo-ExtraBold_woff2.woff2");
  font-weight: 800;
}
@font-face {
  font-family: "Rubik";
  src: url("./media/Rubik-Regular_woff2.woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Rubik";
  src: url("./media/Rubik-Medium_woff2.woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Graphik";
  src: url("./media/Graphik-Regular_woff2.woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Graphik";
  src: url("./media/Graphik-Semibold_woff2.woff2");
  font-weight: 600;
}
.Application {
  background-color: var(--colors_surface);
  font-family: var(--fonts_primary);
}
.Application .main-layout > .vertical {
  background-color: var(--colors_surface);
}
.Application gx-action-sheet {
  --gx-action-sheet-color: var(--action-tint-color);
}
.Application gx-message {
  background-color: var(--primary-color-dark, var(--primary-color, #d1ecf1));
}
.Application gx-modal {
  --gx-modal-accent-color: var(--accent-color, rgb(255, 167, 192));
}
.Application gx-modal::part(header) {
  background-color: var(--primary-color, var(--primary-color-dark, #212121));
}
.Application gx-progress-bar {
  --gx-progress-bar-primary-color: var(--primary-color);
  --gx-progress-bar-primary-color-dark: var(--primary-color-dark);
  --gx-progress-bar-accent-color: var(--accent-color);
}
.main__h1 {
  font-weight: 900;
  font-size: 100px;
  line-height: 110px;
  letter-spacing: -1.45px;
  color: var(--colors_title__on-image);
}
.main__h2 {
  font-weight: 800;
  font-size: 67px;
  line-height: 78px;
  color: var(--colors_title__on-surface);
}
.main__paragraph {
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: var(--colors_text__on-surface);
}
.paragraph-spacing {
  margin-block: 110px;
}
.button__primary {
  font-weight: 800;
  font-size: 14px;
  line-height: 18px;
  color: var(--colors_text__on-primary);
  border-radius: 30px;
  background-color: var(--colors_primary);
  max-inline-size: max-content;
  padding-inline: 15px;
  --gx-button-image-margin:5px;
}
[data-has-action].button__primary.gx-highlighted {
  background-color: var(--colors_primary--highlighted);
}
.button__primary--hovered,
gx-button.search__button:hover,
gx-button.chat__button-primary:hover,
gx-button.button__primary:hover {
  background-color: var(--colors_primary--highlighted);
}
:root {
  --colors_un-border-color__mild: var(--colors_un-color__gray--300);
  --fonts_un-font__family: var(--fonts_primary);
  --fontsizes_un-font__weight--regular: 400;
  --spacing_un-xxxl: 16px;
}
.card {
  background-color: #F4F7F4;
  border-radius: 12px;
  border-color: rgba(1, 85, 71, 0.1411764706);
  box-shadow: var(--shadows_s);
}
.card-heading {
  border-bottom: solid var(--borders_un-width--xs) var(--colors_un-border-color__mild);
  padding: var(--spacing_un-l);
  font-family: var(--fonts_primary);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: var(--spacing_letter-spacing-s);
  color: var(--colors_title__on-surface--highlighted);
}
.card-body {
  padding: 15px;
}
.card-title {
  color: var(--colors_title__on-surface--highlighted);
}
.card-close-button {
  background-color: unset;
}
.chat__text {
  font-weight: 400;
  font-size: 16px;
  color: var(--colors_text__on-surface--highlighted);
}
.chat__option-button {
  font-weight: 400;
  font-size: 16px;
  color: var(--colors_text__on-surface--highlighted);
  width: fit-content;
  border-radius: 30px;
  background-color: var(--colors_primary--highlighted);
  padding-inline: 15px;
}
.chat__option-button--vars {
  --width:fit-content;
}
.chat {
  min-height: 500px;
}
.chat::part(message) {
  color: var(--colors_text__on-surface);
  font-family: var(--fonts_primary);
}
.chat::part(message user)::before {
  -webkit-mask-image: var(--gx-image_chat_user_icon);
  mask-image: var(--gx-image_chat_user_icon);
  background-color: var(--colors_primary);
}
.chat::part(message user)::after {
  background-color: var(--colors_secondary);
  border-radius: 22px;
}
.chat::part(message assistant) {
  background-color: unset;
  padding: var(--spacing_un-l) var(--spacing_un-xxxl);
}
.chat::part(message assistant)::before {
  -webkit-mask-image: var(--gx-image_chat_agent_icon);
  mask-image: var(--gx-image_chat_agent_icon);
  background-color: var(--colors_secondary);
}
.chat::part(message assistant)::after {
  background-color: var(--colors_primary--highlighted);
  border-radius: 22px;
}
.chat::part(send-button) {
  -webkit-mask-image: var(--gx-image_chat_send_icon);
  mask-image: var(--gx-image_chat_send_icon);
  background-color: var(--colors_secondary);
}
.chat::part(send-button)::after {
  background-color: var(--colors_primary);
}
.chat::part(send-button):disabled {
  background-color: var(--colors_un-accent__disabled);
}
.chat::part(stop-response-button) {
  color: var(--colors_primary--highlighted);
}
.chat::part(stop-response-button)::before {
  background-color: var(--colors_primary--highlighted);
}
.chat::part(send-input) {
  border: var(--borders_un-width--xs) solid #C4C4C4;
  background-color: white;
}
.header-image--vars {
  --image-scale-type:cover;
}
.header-mask {
  background-color: var(--colors_opacity);
}
.menu-label {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  color: var(--colors_menu__item);
}
.header-logo-title__travel {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1px;
  color: var(--colors_gray00);
}
.header-logo-title__agency {
  font-weight: 700;
}
.menu-table {
  gap: 45px;
}
.menu-button {
  border-block: 3px solid transparent;
}
.menu-button--selected {
  border-block-end-color: var(--colors_primary);
}
.banner-table {
  background-color: var(--colors_primary);
}
.copyright-table {
  background-color: var(--colors_secondary);
}
.banner-h1 {
  font-family: var(--fonts_additional);
  font-weight: 600;
  font-size: 36px;
  color: var(--colors_text__on-primary);
}
.banner-h2 {
  font-family: var(--fonts_secondary);
  font-weight: 500;
  font-size: 20px;
  color: var(--colors_text__on-primary);
  text-decoration: underline;
}
.copyright {
  font-family: var(--fonts_secondary);
  font-weight: 400;
  font-size: 20px;
  color: var(--colors_gray200);
}
.dialog::part(dialog) {
  z-index: 101;
  padding-inline-end: 20px;
}
.dialog-custom::part(dialog) {
  z-index: 101;
}
.chat__button-primary {
  font-size: 18px;
  line-height: 20px;
  --gx-button-image-margin:8px;
  font-weight: 800;
  color: var(--colors_text__on-primary);
  border-radius: 30px;
  background-color: var(--colors_primary);
  max-inline-size: max-content;
  padding-inline: 15px;
}
[data-has-action].chat__button-primary.gx-highlighted {
  background-color: var(--colors_primary--highlighted);
}
.main-data__table {
  margin-inline: 85px;
}
.search__table {
  background-color: var(--colors_surface--highlighted);
  border-radius: 8px;
}
.search__field-table {
  background-color: var(--colors_gray00);
  padding: 15px;
  border: 1px solid var(--colors_gray300);
  border-radius: 16px;
}
.search__field-image {
  height: 48px;
  width: 48px;
}
.search__field-image--vars {
  --height:48px;
  --width:48px;
}
.search__category-table {
  height: 48px;
}
.search__category-table--vars {
  --height:48px;
}
.search__category-button {
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid var(--colors_gray300);
  color: var(--colors_text__on-surface--highlighted);
}
.search__category-button--selected {
  color: var(--colors_title__on-surface--highlighted);
  background-color: var(--colors_primary--highlighted);
}
.search__button {
  background-color: var(--colors_primary);
  width: 52;
  height: 48;
  padding-top: 15px;
  padding-right: 14px;
  padding-bottom: 15px;
  padding-left: 14px;
  border-radius: 30px;
}
.search__button--vars {
  --width:52;
  --height:48;
}
.GridAttractions div[slot=grid-content] {
  gap: 20px;
}
.data__search-results-table {
  min-width: calc(100vw - 182px);
}
.data__not-found-text {
  color: var(--colors_title__on-surface);
  font-weight: 700;
  font-size: 24px;
  vertical-align: middle;
  text-align: center;
}
.data__not-found-image {
  width: 521px;
  height: 199px;
}
.data__not-found-image--vars {
  --width:521px;
  --height:199px;
  --image-scale-type:cover;
}
gx-grid-empty-indicator > .gx-empty-item {
  height: unset !important;
  width: unset !important;
}
.gx-empty-indicator[image-class=data__not-found-image] {
  justify-content: center;
  display: flex;
}
.card__image {
  opacity: 1;
  border-radius: 12px;
}
.card__image--vars {
  --image-scale-type:cover;
}
.card__h1 {
  font-weight: 700;
  font-size: 30px;
  color: var(--colors_title__on-surface);
}
.card__wheather-text {
  font-weight: 500;
  font-size: 20px;
  color: var(--colors_text__on-surface);
}
.card__paragraph {
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--colors_text__on-surface);
}
.card__weather-table {
  background-color: #ECF2F3;
  border-radius: 8px;
}
.card__weather-table--sunny {
  background-color: #FCF9EA;
  border-radius: 8px;
}

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