/* src/sass/ecommerce.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_genexusunanimo_search_light: url(assets/resources/GeneXusUnanimo.search_light.svg);
  --gx-image_selectrow: url(assets/resources/selectRow.gif);
  --gx-image_businesslogic_imageuploadicon: url(assets/resources/BusinessLogic.ImageUploadIcon.png);
  --gx-image_icons_arrowbackground_iconsarrowbackgroundlarge: -webkit-image-set(url(/assets/resources/Icons_ArrowBackground_IconsArrowBackgroundLarge.png) 1x,url(/assets/resources/Icons_ArrowBackground_IconsArrowBackgroundLarge-2x.png) 2x,url(/assets/resources/Icons_ArrowBackground_IconsArrowBackgroundLarge-3x.png) 3x);
  --gx-image_icons_delete_iconsdeletegreen: -webkit-image-set(url(/assets/resources/Icons_Delete_IconsDeleteGreen.png) 1x,url(/assets/resources/Icons_Delete_IconsDeleteGreen-2x.png) 2x,url(/assets/resources/Icons_Delete_IconsDeleteGreen-3x.png) 3x);
  --gx-image_icons_favorite_header: -webkit-image-set(url(/assets/resources/icons_favorite_header.png) 1x,url(/assets/resources/icons_favorite_header-2x.png) 2x,url(/assets/resources/icons_favorite_header-3x.png) 3x);
  --gx-image_icons_heart_iconsheartselected: -webkit-image-set(url(/assets/resources/Icons_Heart_IconsHeartSelected.png) 1x,url(/assets/resources/Icons_Heart_IconsHeartSelected-2x.png) 2x,url(/assets/resources/Icons_Heart_IconsHeartSelected-3x.png) 3x);
  --gx-image_icons_heart_iconsheartunselected: -webkit-image-set(url(/assets/resources/Icons_Heart_IconsHeartUnselected.png) 1x,url(/assets/resources/Icons_Heart_IconsHeartUnselected-2x.png) 2x,url(/assets/resources/Icons_Heart_IconsHeartUnselected-3x.png) 3x);
  --gx-image_icons_heartbackground: -webkit-image-set(url(/assets/resources/Icons_HeartBackground.png) 1x,url(/assets/resources/Icons_HeartBackground-2x.png) 2x,url(/assets/resources/Icons_HeartBackground-3x.png) 3x);
  --gx-image_icons_heartbackground_iconsheartbackgroundselected: -webkit-image-set(url(/assets/resources/Icons_HeartBackground_IconsHeartBackgroundSelected.png) 1x,url(/assets/resources/Icons_HeartBackground_IconsHeartBackgroundSelected-2x.png) 2x,url(/assets/resources/Icons_HeartBackground_IconsHeartBackgroundSelected-3x.png) 3x);
  --gx-image_icons_heartbackground_iconsheartbackgroundunselected: -webkit-image-set(url(/assets/resources/Icons_HeartBackground_IconsHeartBackgroundUnselected.png) 1x,url(/assets/resources/Icons_HeartBackground_IconsHeartBackgroundUnselected-2x.png) 2x,url(/assets/resources/Icons_HeartBackground_IconsHeartBackgroundUnselected-3x.png) 3x);
  --gx-image_icons_iconsarrowback: -webkit-image-set(url(/assets/resources/Icons_IconsArrowBack.png) 1x,url(/assets/resources/Icons_IconsArrowBack-2x.png) 2x,url(/assets/resources/Icons_IconsArrowBack-3x.png) 3x);
  --gx-image_icons_iconsdelete: -webkit-image-set(url(/assets/resources/Icons_IconsDelete.png) 1x,url(/assets/resources/Icons_IconsDelete-2x.png) 2x,url(/assets/resources/Icons_IconsDelete-3x.png) 3x);
  --gx-image_icons_iconsirrigation: -webkit-image-set(url(/assets/resources/Icons_IconsIrrigation.png) 1x,url(/assets/resources/Icons_IconsIrrigation-2x.png) 2x,url(/assets/resources/Icons_IconsIrrigation-3x.png) 3x);
  --gx-image_icons_iconsprofilebackground: -webkit-image-set(url(/assets/resources/Icons_IconsProfileBackground.png) 1x,url(/assets/resources/Icons_IconsProfileBackground-2x.png) 2x,url(/assets/resources/Icons_IconsProfileBackground-3x.png) 3x);
  --gx-image_icons_iconssearch: -webkit-image-set(url(/assets/resources/Icons_IconsSearch.svg) 1x,url(/assets/resources/Icons_IconsSearch-1x.png) 1x,url(/assets/resources/Icons_IconsSearch-2x.png) 2x,url(/assets/resources/Icons_IconsSearch-3x.png) 3x);
  --gx-image_icons_iconssearchbackground: -webkit-image-set(url(/assets/resources/Icons_IconsSearchBackground.png) 1x,url(/assets/resources/Icons_IconsSearchBackground-2x.png) 2x,url(/assets/resources/Icons_IconsSearchBackground-3x.png) 3x);
  --gx-image_icons_iconsstar: -webkit-image-set(url(/assets/resources/Icons_IconsStar.svg) 1x,url(/assets/resources/Icons_IconsStar-1x.png) 1x,url(/assets/resources/Icons_IconsStar-2x.png) 2x,url(/assets/resources/Icons_IconsStar-3x.png) 3x);
  --gx-image_icons_less_lesslarge_iconslesslargedisabled: -webkit-image-set(url(/assets/resources/Icons_Less_LessLarge_IconsLessLargeDisabled.png) 1x,url(/assets/resources/Icons_Less_LessLarge_IconsLessLargeDisabled-2x.png) 2x,url(/assets/resources/Icons_Less_LessLarge_IconsLessLargeDisabled-3x.png) 3x);
  --gx-image_icons_less_lesssmall_iconslesssmalldisabled: -webkit-image-set(url(/assets/resources/Icons_Less_LessSmall_IconsLessSmallDisabled.png) 1x,url(/assets/resources/Icons_Less_LessSmall_IconsLessSmallDisabled-2x.png) 2x,url(/assets/resources/Icons_Less_LessSmall_IconsLessSmallDisabled-3x.png) 3x);
  --gx-image_icons_more_iconsmorelarge: -webkit-image-set(url(/assets/resources/Icons_More_IconsMoreLarge.png) 1x,url(/assets/resources/Icons_More_IconsMoreLarge-2x.png) 2x,url(/assets/resources/Icons_More_IconsMoreLarge-3x.png) 3x);
  --gx-image_icons_more_iconsmoresmall: -webkit-image-set(url(/assets/resources/Icons_More_IconsMoreSmall.png) 1x,url(/assets/resources/Icons_More_IconsMoreSmall-2x.png) 2x,url(/assets/resources/Icons_More_IconsMoreSmall-3x.png) 3x);
  --gx-image_icons_success_iconssuccessnegative: -webkit-image-set(url(/assets/resources/Icons_Success_IconsSuccessNegative.png) 1x,url(/assets/resources/Icons_Success_IconsSuccessNegative-2x.png) 2x,url(/assets/resources/Icons_Success_IconsSuccessNegative-3x.png) 3x);
  --gx-image_icons_success_iconsuccesspositive: -webkit-image-set(url(/assets/resources/Icons_Success_IconSuccessPositive.png) 1x,url(/assets/resources/Icons_Success_IconSuccessPositive-2x.png) 2x,url(/assets/resources/Icons_Success_IconSuccessPositive-3x.png) 3x);
  --gx-image_img1c6848fbbd4f33fc02edd3ab9635fcacf9e46a41: url(assets/resources/Img1c6848fbbd4f33fc02edd3ab9635fcacf9e46a41.jpg);
  --gx-image_img793b13328c2a9254a7929fd257fcbee1f4b7329e: url(assets/resources/Img793b13328c2a9254a7929fd257fcbee1f4b7329e.png);
  --gx-image_img7d22c4e0b27acfd339704f77192a9c0b15c00a44: url(assets/resources/Img7d22c4e0b27acfd339704f77192a9c0b15c00a44.png);
  --gx-image_iso: -webkit-image-set(url(/assets/resources/ISO.png) 1x,url(/assets/resources/ISO-2x.png) 2x,url(/assets/resources/ISO-3x.png) 3x);
  --gx-image_logo_logofull_color: -webkit-image-set(url(/assets/resources/Logo_LogoFull_Color.png) 1x,url(/assets/resources/Logo_LogoFull_Color-2x.png) 2x,url(/assets/resources/Logo_LogoFull_Color-3x.png) 3x);
  --gx-image_logo_logonegative: -webkit-image-set(url(/assets/resources/Logo_LogoNegative.png) 1x,url(/assets/resources/Logo_LogoNegative-2x.png) 2x,url(/assets/resources/Logo_LogoNegative-3x.png) 3x);
  --gx-image_logosvg: url(assets/resources/LogoSVG.svg);
  --gx-image_page_banner_image: -webkit-image-set(url(/assets/resources/Page_Banner_Image.png) 1x,url(/assets/resources/Page_Banner_Image-2x.png) 2x,url(/assets/resources/Page_Banner_Image-3x.png) 3x);
  --gx-image_shopping_cart_iconsshoppingcartunselected: -webkit-image-set(url(/assets/resources/Shopping_Cart_IconsShoppingCartUnselected.png) 1x,url(/assets/resources/Shopping_Cart_IconsShoppingCartUnselected-2x.png) 2x,url(/assets/resources/Shopping_Cart_IconsShoppingCartUnselected-3x.png) 3x);
  --gx-image_shopping_cart_selected: -webkit-image-set(url(/assets/resources/Shopping_Cart_Selected.png) 1x,url(/assets/resources/Shopping_Cart_Selected-2x.png) 2x,url(/assets/resources/Shopping_Cart_Selected-3x.png) 3x);
  --gx-image_shopping_cart_unselected: -webkit-image-set(url(/assets/resources/Shopping_Cart_Unselected.png) 1x,url(/assets/resources/Shopping_Cart_Unselected-2x.png) 2x,url(/assets/resources/Shopping_Cart_Unselected-3x.png) 3x);
  --gx-image_iconchat: url(assets/resources/IconChat.svg);
  --gx-image_icon_search_unselected: url(assets/resources/Icon_Search_UnSelected.svg);
  --gx-image_icon_search_selected: url(assets/resources/Icon_Search_Selected.svg);
  --gx-image_iconplant: url(assets/resources/IconPlant.svg);
  --gx-image_emptygridimage: url(assets/resources/EmptyGridImage.svg);
  --gx-image_chatusericon: url(assets/resources/ChatUserIcon.svg);
  --gx-image_chatsystemicon: url(assets/resources/ChatSystemIcon.svg);
  --gx-image_icono_chat_empty: url(assets/resources/icono_chat_empty.svg);
  --gx-image_btnarrow: url(assets/resources/BtnArrow.svg);
  --gx-image_icons_profilebackground_selected: url(assets/resources/Icons_ProfileBackground_Selected.svg);
  --gx-image_chatclose: url(assets/resources/ChatClose.svg);
  --gx-image_icontrash: url(assets/resources/iconTrash.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 {
  --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:is([data-gx-ds-opt-color-scheme=light i], :not([data-gx-ds-opt-color-scheme])) {
  --gx-image_genexusunanimo_show_more: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.show_more.svg);
  --gx-image_genexusunanimo_info_ico_purple: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.info_ico_purple.svg);
  --gx-image_genexusunanimo_success_ico_green: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.success_ico_green.svg);
  --gx-image_genexusunanimo_warning_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.warning_ico.svg);
  --gx-image_genexusunanimo_error_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.error_ico.svg);
  --gx-image_genexusunanimo_arrow_asc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_asc.svg);
  --gx-image_genexusunanimo_arrow_left: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_left.svg);
  --gx-image_genexusunanimo_arrow_right: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_right.svg);
  --gx-image_genexusunanimo_filter_outlined_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.filter_outlined_light.svg);
  --gx-image_genexusunanimo_filter_applied: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.filter_applied.svg);
  --gx-image_genexusunanimo_resize_column_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.resize_column_light.svg);
  --gx-image_genexusunanimo_arrow_asc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_asc_light.svg);
  --gx-image_genexusunanimo_arrow_desc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_desc_light.svg);
  --gx-image_genexusunanimo_refresh: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.refresh.svg);
  --gx-image_genexusunanimo_settings: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.settings.svg);
  --gx-image_genexusunanimo_arrow_first: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_first.svg);
  --gx-image_genexusunanimo_arrow_last: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_last.svg);
  --gx-image_genexusunanimo_close_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.close_ico.svg);
  --gx-image_genexusunanimo_arrow_desc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_desc.svg);
  --gx-image_genexusunanimo_password_show: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.password_show.svg);
  --gx-image_genexusunanimo_password_hidden: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.password_hidden.svg);
  --gx-image_genexusunanimo_edit_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.edit_light.svg);
  --gx-image_genexusunanimo_delete_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.delete_light.svg);
  --gx-image_genexusunanimo_download_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.download_ico.svg);
  --gx-image_genexusunanimo_upload_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.upload_ico.svg);
  --gx-image_genexusunanimo_calendar_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.calendar_ico.svg);
  --gx-image_genexusunanimo_prompt_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.prompt_light.svg);
  --gx-image_genexusunanimo_close_ico_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.close_ico_light.svg);
  --gx-image_genexusunanimo_search: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.search.svg);
  --gx-image_genexusunanimo_filter_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.filter_light.svg);
  --gx-image_genexusunanimo_arrow_left_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_left_light.svg);
  --gx-image_genexusunanimo_arrow_right_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_right_light.svg);
}
:root[data-gx-ds-opt-color-scheme=dark i] {
  --gx-image_genexusunanimo_show_more: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.show_more.svg);
  --gx-image_genexusunanimo_info_ico_purple: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.info_ico_purple.svg);
  --gx-image_genexusunanimo_success_ico_green: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.success_ico_green.svg);
  --gx-image_genexusunanimo_warning_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.warning_ico.svg);
  --gx-image_genexusunanimo_error_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.error_ico.svg);
  --gx-image_genexusunanimo_arrow_asc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_asc.svg);
  --gx-image_genexusunanimo_arrow_left: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_left.svg);
  --gx-image_genexusunanimo_arrow_right: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_right.svg);
  --gx-image_genexusunanimo_filter_outlined_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.filter_outlined_light.svg);
  --gx-image_genexusunanimo_filter_applied: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.filter_applied.svg);
  --gx-image_genexusunanimo_resize_column_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.resize_column_light.svg);
  --gx-image_genexusunanimo_arrow_asc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_asc_light.svg);
  --gx-image_genexusunanimo_arrow_desc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_desc_light.svg);
  --gx-image_genexusunanimo_refresh: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.refresh.svg);
  --gx-image_genexusunanimo_settings: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.settings.svg);
  --gx-image_genexusunanimo_arrow_first: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_first.svg);
  --gx-image_genexusunanimo_arrow_last: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_last.svg);
  --gx-image_genexusunanimo_close_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.close_ico.svg);
  --gx-image_genexusunanimo_arrow_desc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_desc.svg);
  --gx-image_genexusunanimo_password_show: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.password_show.svg);
  --gx-image_genexusunanimo_password_hidden: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.password_hidden.svg);
  --gx-image_genexusunanimo_edit_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.edit_light.svg);
  --gx-image_genexusunanimo_delete_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.delete_light.svg);
  --gx-image_genexusunanimo_download_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.download_ico.svg);
  --gx-image_genexusunanimo_upload_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.upload_ico.svg);
  --gx-image_genexusunanimo_calendar_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.calendar_ico.svg);
  --gx-image_genexusunanimo_prompt_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.prompt_light.svg);
  --gx-image_genexusunanimo_close_ico_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.close_ico_light.svg);
  --gx-image_genexusunanimo_search: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.search.svg);
  --gx-image_genexusunanimo_filter_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.filter_light.svg);
  --gx-image_genexusunanimo_arrow_left_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_left_light.svg);
  --gx-image_genexusunanimo_arrow_right_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_right_light.svg);
  --gx-image_genexusunanimo_minus_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.minus_light.svg);
  --gx-image_genexusunanimo_plus_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.plus_light.svg);
}
:root {
  --gx-image_genexusunanimo_sign_out: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.sign_out.svg);
  --gx-image_genexusunanimo_plus: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.plus.svg);
  --gx-image_genexusunanimo_minus: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.minus.svg);
  --gx-image_genexusunanimo_dot_gray: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.dot_gray.svg);
  --gx-image_genexusunanimo_filter: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.filter.svg);
  --gx-image_genexusunanimo_profile: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.profile.svg);
  --gx-image_genexusunanimo_chat_ico: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.chat_ico.svg);
  --gx-image_genexusunanimo_prompt_ico: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.prompt_ico.svg);
  --gx-image_genexusunanimo_send: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.send.svg);
  --gx-image_genexusunanimo_resize_ico: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.resize_ico.png);
  --gx-image_genexusunanimo_projects: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.projects.svg);
  --gx-image_genexusunanimo_video: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.video.svg);
  --gx-image_genexusunanimo_featured_green: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.featured_green.svg);
  --gx-image_genexusunanimo_close_ico_disabled: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.close_ico_disabled.svg);
  --gx-image_genexusunanimo_dot_red: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.dot_red.svg);
  --gx-image_genexusunanimo_dot_green: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.dot_green.svg);
  --gx-image_genexusunanimo_dot_yellow: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.dot_yellow.svg);
  --gx-image_genexusunanimo_dot_purple: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.dot_purple.svg);
  --gx-image_genexusunanimo_minus_light: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.minus_light.svg);
  --gx-image_genexusunanimo_plus_light: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.plus_light.svg);
  --gx-image_genexusunanimo_genexus_logo: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.genexus_logo.svg);
  --gx-image_genexusunanimo_list_view_white: url(assets/resources/GeneXusUnanimo.Unanimo/GeneXusUnanimo.list_view_white.svg);
}
@media (prefers-color-scheme: light) {
  :root:not([data-gx-ds-opt-color-scheme]) {
    --gx-image_genexusunanimo_show_more: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.show_more.svg);
    --gx-image_genexusunanimo_info_ico_purple: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.info_ico_purple.svg);
    --gx-image_genexusunanimo_success_ico_green: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.success_ico_green.svg);
    --gx-image_genexusunanimo_warning_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.warning_ico.svg);
    --gx-image_genexusunanimo_error_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.error_ico.svg);
    --gx-image_genexusunanimo_arrow_asc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_asc.svg);
    --gx-image_genexusunanimo_arrow_left: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_left.svg);
    --gx-image_genexusunanimo_arrow_right: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_right.svg);
    --gx-image_genexusunanimo_filter_outlined_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.filter_outlined_light.svg);
    --gx-image_genexusunanimo_filter_applied: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.filter_applied.svg);
    --gx-image_genexusunanimo_resize_column_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.resize_column_light.svg);
    --gx-image_genexusunanimo_arrow_asc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_asc_light.svg);
    --gx-image_genexusunanimo_arrow_desc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_desc_light.svg);
    --gx-image_genexusunanimo_refresh: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.refresh.svg);
    --gx-image_genexusunanimo_settings: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.settings.svg);
    --gx-image_genexusunanimo_arrow_first: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_first.svg);
    --gx-image_genexusunanimo_arrow_last: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_last.svg);
    --gx-image_genexusunanimo_close_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.close_ico.svg);
    --gx-image_genexusunanimo_arrow_desc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_desc.svg);
    --gx-image_genexusunanimo_password_show: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.password_show.svg);
    --gx-image_genexusunanimo_password_hidden: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.password_hidden.svg);
    --gx-image_genexusunanimo_edit_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.edit_light.svg);
    --gx-image_genexusunanimo_delete_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.delete_light.svg);
    --gx-image_genexusunanimo_download_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.download_ico.svg);
    --gx-image_genexusunanimo_upload_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.upload_ico.svg);
    --gx-image_genexusunanimo_calendar_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.calendar_ico.svg);
    --gx-image_genexusunanimo_prompt_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.prompt_light.svg);
    --gx-image_genexusunanimo_close_ico_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.close_ico_light.svg);
    --gx-image_genexusunanimo_search: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.search.svg);
    --gx-image_genexusunanimo_filter_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.filter_light.svg);
    --gx-image_genexusunanimo_arrow_left_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_left_light.svg);
    --gx-image_genexusunanimo_arrow_right_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_light/GeneXusUnanimo.arrow_right_light.svg);
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-gx-ds-opt-color-scheme]) {
    --gx-image_genexusunanimo_show_more: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.show_more.svg);
    --gx-image_genexusunanimo_info_ico_purple: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.info_ico_purple.svg);
    --gx-image_genexusunanimo_success_ico_green: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.success_ico_green.svg);
    --gx-image_genexusunanimo_warning_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.warning_ico.svg);
    --gx-image_genexusunanimo_error_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.error_ico.svg);
    --gx-image_genexusunanimo_arrow_asc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_asc.svg);
    --gx-image_genexusunanimo_arrow_left: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_left.svg);
    --gx-image_genexusunanimo_arrow_right: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_right.svg);
    --gx-image_genexusunanimo_filter_outlined_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.filter_outlined_light.svg);
    --gx-image_genexusunanimo_filter_applied: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.filter_applied.svg);
    --gx-image_genexusunanimo_resize_column_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.resize_column_light.svg);
    --gx-image_genexusunanimo_arrow_asc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_asc_light.svg);
    --gx-image_genexusunanimo_arrow_desc_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_desc_light.svg);
    --gx-image_genexusunanimo_refresh: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.refresh.svg);
    --gx-image_genexusunanimo_settings: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.settings.svg);
    --gx-image_genexusunanimo_arrow_first: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_first.svg);
    --gx-image_genexusunanimo_arrow_last: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_last.svg);
    --gx-image_genexusunanimo_close_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.close_ico.svg);
    --gx-image_genexusunanimo_arrow_desc: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_desc.svg);
    --gx-image_genexusunanimo_password_show: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.password_show.svg);
    --gx-image_genexusunanimo_password_hidden: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.password_hidden.svg);
    --gx-image_genexusunanimo_edit_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.edit_light.svg);
    --gx-image_genexusunanimo_delete_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.delete_light.svg);
    --gx-image_genexusunanimo_download_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.download_ico.svg);
    --gx-image_genexusunanimo_upload_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.upload_ico.svg);
    --gx-image_genexusunanimo_calendar_ico: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.calendar_ico.svg);
    --gx-image_genexusunanimo_prompt_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.prompt_light.svg);
    --gx-image_genexusunanimo_close_ico_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.close_ico_light.svg);
    --gx-image_genexusunanimo_search: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.search.svg);
    --gx-image_genexusunanimo_filter_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.filter_light.svg);
    --gx-image_genexusunanimo_arrow_left_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_left_light.svg);
    --gx-image_genexusunanimo_arrow_right_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.arrow_right_light.svg);
    --gx-image_genexusunanimo_minus_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.minus_light.svg);
    --gx-image_genexusunanimo_plus_light: url(assets/resources/GeneXusUnanimo.Unanimo/color-scheme_dark/GeneXusUnanimo.plus_light.svg);
  }
}
@font-face {
  font-family: "SourceSansPro";
  src: url("./media/GeneXusUnanimo.Unanimo_SourceSansPro_woff2.woff2");
}
.Attribute {
  height: 28px;
  max-width: 100%;
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  padding-inline-start: var(--spacing_un-m);
  padding-inline-end: var(--spacing_un-m);
  border-width: 1px;
  border-style: solid;
  border-color: var(--colors_un-border-color__strong);
  color: var(--colors_un-text__on-surface--positive);
  background-color: var(--colors_attribute-bg);
  border-radius: var(--radius_un-radius--m);
}
.Attribute--vars {
  --height:28px;
}
.ROAttribute,
.AttributeSearch.gx-edit--readonly,
[readonly=true] > .AttributeSearch,
.AttributeSearch[readonly=true],
.ROAttribute.gx-edit--readonly,
[readonly=true] > .ROAttribute,
.ROAttribute[readonly=true],
.Attribute[readonly=true],
[readonly=true] > .Attribute,
.Attribute.gx-edit--readonly {
  height: 28px;
  max-width: 100%;
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  border-width: 1px;
  border-color: var(--colors_un-border-color__strong);
  border-radius: var(--radius_un-radius--m);
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  color: var(--colors_un-text__on-surface--positive);
  background-color: transparent;
  overflow-wrap: anywhere;
  border-style: none;
}
.ROAttribute--vars {
  --height:28px;
}
.AttributeFocusedClass,
[area=field].AttributeSearch:focus-within,
[area=field] .AttributeSearch:focus-within,
[area=field].Attribute:focus-within,
[area=field] .Attribute:focus-within,
[area=field].ROAttribute:focus-within,
[area=field] .ROAttribute:focus-within {
  border-color: var(--colors_un-border-color__secondary--active);
  box-shadow: 0px 0px 0px 1px var(--colors_un-accent__secondary);
}
.AttributeSearch {
  height: 28px;
  max-width: 100%;
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  padding-inline-end: var(--spacing_un-m);
  border-width: 1px;
  border-style: solid;
  background-color: var(--colors_attribute-bg);
  padding-inline-start: var(--spacing_un-xl);
  border-color: var(--colors_un-border-color__strong);
  color: var(--colors_un-text__on-surface--positive);
  border-radius: var(--radius_un-radius--m);
  background-image: var(--gx-image_genexusunanimo_search);
  background-repeat: no-repeat;
  background-position: 0px 1px;
}
.AttributeSearch--vars {
  --height:28px;
}
.Button {
  white-space: normal;
  height: 28px;
  padding-inline-start: var(--spacing_un-l);
  padding-inline-end: var(--spacing_un-l);
  border-radius: var(--radius_un-radius--s);
  min-width: 80px;
  background-color: var(--colors_un-accent__primary);
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  color: var(--colors_un-text__on-primary);
  text-transform: uppercase;
  border: none;
}
.Button--vars {
  --height:28px;
}
.button-primary {
  background-color: var(--colors_un-accent__primary);
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  color: var(--colors_un-text__on-primary);
  text-transform: uppercase;
  border: none;
}
.button-primary--hover,
gx-button.Button:hover,
gx-button.button-primary:hover {
  background-color: var(--colors_un-accent__primary--hover);
}
.button-primary--active,
gx-button[data-has-action].Button.gx-highlighted,
gx-button[data-has-action].button-primary.gx-highlighted {
  background-color: var(--colors_un-accent__primary--active);
  box-shadow: none;
  outline: none;
}
.button-primary--focused,
gx-button.Button:focus-within,
gx-button.button-primary:focus-within {
  background-color: var(--colors_un-accent__primary);
  outline-width: var(--borders_un-width--s);
  outline-style: solid;
  outline-color: var(--colors_un-border-color__secondary--active);
  outline-offset: -2px;
}
.button-primary--disabled {
  background-color: var(--colors_un-color__gray--500);
  color: var(--colors_un-text__disabled);
  cursor: auto;
}
.button-secondary {
  background-color: transparent;
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  color: var(--colors_un-text__primary);
  text-transform: uppercase;
  border: none;
}
.button-secondary--hover,
gx-button.button-secondary:hover {
  background-color: var(--colors_un-accent__primary-dim--hover);
}
.button-secondary--focused,
gx-button.button-secondary:focus-within {
  border: none;
  background-color: transparent;
  outline-width: var(--borders_un-width--s);
  outline-style: solid;
  outline-color: var(--colors_un-border-color__secondary--active);
  outline-offset: -2px;
  color: var(--colors_un-accent__primary);
}
.button-secondary-focused-highlighted {
  outline: none;
  background-color: transparent;
}
.button-secondary--active,
gx-button[data-has-action].button-secondary.gx-highlighted {
  color: var(--colors_un-text__secondary--active);
  outline: none;
  background-color: transparent;
  box-shadow: none;
}
.button-secondary--disabled {
  color: var(--colors_un-text__on-disabled);
  background-color: transparent;
  cursor: auto;
}
.button-tertiary {
  background-color: transparent;
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  color: var(--colors_un-accent__primary);
  text-transform: uppercase;
  border-style: solid;
  border-width: var(--borders_un-width--xs);
  border-color: var(--colors_un-border-color__primary);
}
.button-tertiary--hover,
gx-button.button-tertiary:hover {
  background-color: var(--colors_un-color__purple--10);
}
.button-tertiary--focused,
gx-button.button-tertiary:focus-within {
  outline: none;
  outline-width: var(--borders_un-width--s);
  outline-style: solid;
  outline-color: var(--colors_un-border-color__secondary--active);
  outline-offset: -2px;
}
.button-tertiary--active,
gx-button[data-has-action].button-tertiary.gx-highlighted {
  border-color: var(--colors_un-border-color__primary--active);
  color: var(--colors_un-accent__primary--active);
  box-shadow: none;
  outline: none;
}
.button-tertiary--disabled {
  color: var(--colors_un-text__on-disabled);
  border-color: var(--colors_un-border-color__disabled);
  border-style: solid;
  border-width: var(--borders_un-width--xs);
  background-color: transparent;
  cursor: auto;
}
.button-primary-destructive {
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  text-transform: uppercase;
  border: none;
  background-color: var(--colors_un-accent__destructive);
  color: var(--colors_un-text__on-destructive);
}
.button-primary-destructive--hover,
gx-button.button-primary-destructive:hover {
  background-color: #d32f2b;
}
.button-primary-destructive--focused,
gx-button.button-primary-destructive:focus-within {
  background-color: var(--colors_un-accent__destructive);
  outline-width: var(--borders_un-width--s);
  outline-style: solid;
  outline-color: var(--colors_un-border-color__secondary--active);
  outline-offset: -2px;
}
.button-primary-destructive--active,
gx-button[data-has-action].button-primary-destructive.gx-highlighted {
  background-color: #a02622;
}
.button-secondary-destructive {
  background-color: transparent;
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  text-transform: uppercase;
  border: none;
  color: var(--colors_un-text__destructive);
}
.button-secondary-destructive--hover,
gx-button.button-tertiary-destructive:hover,
gx-button.button-secondary-destructive:hover {
  background-color: rgba(255, 102, 89, 0.2509803922);
}
.button-secondary-destructive--active,
gx-button[data-has-action].button-tertiary-destructive.gx-highlighted,
gx-button[data-has-action].button-secondary-destructive.gx-highlighted {
  background-color: transparent;
  color: #a02622;
}
.button-secondary-destructive--focused,
gx-button.button-tertiary-destructive:focus-within,
gx-button.button-secondary-destructive:focus-within {
  background-color: transparent;
  color: var(--colors_un-text__destructive);
  outline-width: var(--borders_un-width--s);
  outline-style: solid;
  outline-color: var(--colors_un-border-color__secondary--active);
  outline-offset: -2px;
}
.button-tertiary-destructive {
  background-color: transparent;
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  text-transform: uppercase;
  border-style: solid;
  border-width: var(--borders_un-width--xs);
  color: var(--colors_un-text__destructive);
  border-color: var(--colors_un-border-color__destructive);
}
.button-rounded {
  background-color: var(--colors_un-accent__primary);
  font-size: 0px;
  color: var(--colors_un-text__on-primary);
  border: none;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding-block-start: 2px;
  padding-inline-start: 8px;
  min-width: auto;
}
.button-rounded--vars {
  --height:40px;
  --width:40px;
}
.button-rounded--hover {
  background-color: var(--colors_un-accent__primary--hover);
}
.button-rounded--focused {
  background-color: var(--colors_un-accent__primary);
  outline: none;
  border-color: var(--colors_un-border-color__secondary--active);
  border-width: var(--borders_un-width--s);
  border-style: solid;
  padding-inline-start: 6px;
}
.button-rounded--active {
  background-color: var(--colors_un-accent__primary--active);
  box-shadow: none;
  outline: none;
  border: none;
  padding-inline-start: 8px;
}
.button-rounded--disabled {
  background-color: var(--colors_un-text__on-disabled);
  color: var(--colors_un-text__disabled);
  cursor: auto;
}
.button-auxiliary {
  background-color: transparent;
  font-size: 0px;
  color: var(--colors_un-text__on-primary);
  border: none;
  border-radius: var(--radius_un-radius--s);
  height: 28px;
  width: 28px;
  min-width: 28px;
}
.button-auxiliary--vars {
  --height:28px;
  --width:28px;
}
.button-auxiliary--hover,
gx-button.button-auxiliary:hover {
  background-color: var(--colors_un-accent__primary-dim--hover);
}
.button-auxiliary--focused,
gx-button.button-auxiliary:focus-within {
  border: none;
  background-color: transparent;
  outline-width: var(--borders_un-width--s);
  outline-style: solid;
  outline-color: var(--colors_un-border-color__secondary--active);
  outline-offset: -2px;
  color: var(--colors_un-accent__primary);
}
.button-auxiliary--active,
gx-button[data-has-action].button-auxiliary.gx-highlighted {
  color: var(--colors_un-text__secondary--active);
  outline: none;
  background-color: transparent;
  box-shadow: none;
}
.button-auxiliary--disabled {
  color: var(--colors_un-text__disabled);
  background-color: transparent;
  cursor: auto;
}
.button-icon {
  line-height: 25px;
  cursor: pointer;
}
.Button.button-primary.button-icon {
  padding-inline-start: 12px;
}
.Button.button-secondary.button-icon {
  padding-inline-start: 10px;
}
.Button.button-tertiary.button-icon {
  padding-inline-start: 10px;
}
.Button.button-primary.button-icon.icon-only,
.Button.button-secondary.button-icon.icon-only,
.Button.button-tertiary.button-icon.icon-only {
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  width: 28px;
  min-width: 28px;
  overflow: hidden;
  font-size: 0px;
}
.attribute-label,
.Readonlybadge-disabled--label,
.badge-disabled--label,
.Readonlybadge-info--label,
.badge-info--label,
.Readonlybadge-danger--label,
.badge-danger--label,
.Readonlybadge-warning--label,
.badge-warning--label,
.Readonlybadge-success--label,
.badge-success--label,
.badge--label,
.Attribute--label,
.ROAttribute--label,
.AttributeSearch--label {
  color: var(--colors_un-text__on-surface--positive);
  font-size: var(--fontsizes_un-s);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  padding-block-start: var(--spacing_un-s);
}
.heading-01 {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--bold);
  font-size: var(--fontsizes_un-xxl);
  color: var(--colors_un-h1__font-color--positive);
  letter-spacing: 0.25px;
  line-height: var(--fonts_un-line-height--l);
}
.heading-02 {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--bold);
  color: var(--colors_un-h1__font-color--positive);
  font-size: var(--fontsizes_un-xl);
  letter-spacing: 0.6px;
  line-height: 18px;
}
.heading-03 {
  font-weight: var(--fonts_un-font__weight--bold);
  color: var(--colors_un-h1__font-color--positive);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-l);
  letter-spacing: 0.48px;
  line-height: 16px;
}
.heading-04 {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--bold);
  color: var(--colors_un-h1__font-color--positive);
  font-size: var(--fontsizes_un-s);
  letter-spacing: 0.38px;
  line-height: 13px;
}
.TextBlock,
.Textblock {
  color: var(--colors_un-text__on-surface--positive);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
}
.badge {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
}
body[dir=rtl] [class*=badge-] {
  background-position: center right 5px;
}
.badge-success {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
  background-color: var(--colors_un-color__green--100);
  border-color: var(--colors_un-border-color__success);
  background-image: var(--gx-image_genexusunanimo_dot_green);
  background-position-y: center;
}
.Readonlybadge-success {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
  background-color: var(--colors_un-color__green--100);
  border-color: var(--colors_un-border-color__success);
  background-image: var(--gx-image_genexusunanimo_dot_green);
  background-position-y: center;
}
.badge-warning {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
  background-color: var(--colors_un-color__orange--100);
  border-color: var(--colors_un-border-color__warning);
  background-image: var(--gx-image_genexusunanimo_dot_yellow);
  background-position-y: center;
}
.Readonlybadge-warning {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
  background-color: var(--colors_un-color__orange--100);
  border-color: var(--colors_un-border-color__warning);
  background-image: var(--gx-image_genexusunanimo_dot_yellow);
  background-position-y: center;
}
.badge-danger {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
  background-color: var(--colors_un-color__red--100);
  border-color: var(--colors_un-border-color__error);
  background-image: var(--gx-image_genexusunanimo_dot_red);
  background-position-y: center;
}
.Readonlybadge-danger {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  color: black;
  white-space: nowrap;
  background-color: var(--colors_un-color__red--100);
  border-color: var(--colors_un-border-color__error);
  background-image: var(--gx-image_genexusunanimo_dot_red);
  background-position-y: center;
}
.badge-info {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  white-space: nowrap;
  background-color: var(--colors_un-accent__primary-dim--hover);
  border-color: var(--colors_un-border-color__primary);
  background-image: var(--gx-image_genexusunanimo_dot_purple);
  color: var(--colors_un-text__on-surface--positive);
  background-position-y: center;
}
.Readonlybadge-info {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  white-space: nowrap;
  background-color: var(--colors_un-accent__primary-dim--hover);
  border-color: var(--colors_un-border-color__primary);
  background-image: var(--gx-image_genexusunanimo_dot_purple);
  color: var(--colors_un-text__on-surface--positive);
  background-position-y: center;
}
.badge-disabled {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  white-space: nowrap;
  background-color: var(--colors_un-color__gray--400);
  border-color: var(--colors_un-color__gray--500);
  background-image: var(--gx-image_genexusunanimo_dot_gray);
  color: var(--colors_un-text__on-surface--positive);
  background-position-y: center;
}
.Readonlybadge-disabled {
  border-radius: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 7px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 8px;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_un-font__family);
  font-size: 13px;
  white-space: nowrap;
  background-color: var(--colors_un-color__gray--400);
  border-color: var(--colors_un-color__gray--500);
  background-image: var(--gx-image_genexusunanimo_dot_gray);
  color: var(--colors_un-text__on-surface--positive);
  background-position-y: center;
}
.Grid {
  background-color: var(--colors_form-container-bg);
  font-family: var(--fonts_un-font__family);
  font-size: var(--fontsizes_un-s);
  color: var(--colors_un-text__on-surface--positive);
  border-bottom-width: var(--borders_un-width--xs);
  border-bottom-style: solid;
  border-bottom-color: var(--colors_un-border-color__mild);
  padding-block: 7px;
  padding-inline-start: var(--spacing_un-m);
  padding-inline-end: var(--spacing_un-m);
  cursor: pointer;
}
.grid-row {
  text-align: start;
  padding-inline-start: var(--spacing_un-m);
  padding-inline-end: var(--spacing_un-m);
  border-bottom-width: var(--borders_un-width--xs);
  border-bottom-style: solid;
  border-bottom-color: var(--colors_un-border-color__mild);
}
.grid-row-highlight {
  text-align: start;
  padding-inline-start: var(--spacing_un-m);
  padding-inline-end: var(--spacing_un-m);
  border-bottom-width: var(--borders_un-width--xs);
  border-bottom-style: solid;
  border-bottom-color: var(--colors_un-border-color__mild);
  cursor: pointer;
}
.grid__group-separator {
  background-color: var(--colors_un-color__purple--10);
  font-family: var(--fonts_un-font__family);
  padding-inline: var(--spacing_un-m);
  height: 32px;
  align-items: center;
}
.grid__group-separator--vars {
  --height:32px;
}
.gx-row-selected {
  background-color: var(--colors_row-active);
  -webkit-box-shadow: -3px 0px 0px 0px var(--colors_un-accent__primary);
  box-shadow: -3px 0px 0px 0px var(--colors_un-accent__primary);
}
.gx-grid__row-delete,
.gx-grid__row-add {
  content: var(--gx-image_genexusunanimo_minus_light);
  width: 18px;
  padding-top: 5px;
}
.gx-grid__row-add {
  content: var(--gx-image_genexusunanimo_plus_light);
}
.RowDeleted {
  text-decoration: underline;
}
.column,
.column--column-header {
  width: 100%;
  padding-inline-start: var(--spacing_un-m);
  padding-inline-end: var(--spacing_un-m);
  border-bottom-width: 1px;
  border-bottom-color: var(--colors_un-border-color__mild);
  border-bottom-style: solid;
}
.column--vars {
  --width:100%;
}
.column,
.column--column-header,
.column-optional {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--colors_un-text__on-surface--positive);
}
.sort-ico--asc {
  content: var(--gx-image_genexusunanimo_arrow_asc_light);
}
.sort-ico--desc {
  content: var(--gx-image_genexusunanimo_arrow_desc_light);
}
.card {
  background-color: var(--colors_form-container-bg);
  border-radius: var(--radius_un-radius--l);
  box-shadow: var(--shadows_xxs);
}
.card-body {
  padding: var(--spacing_un-l);
}
.card-heading {
  box-shadow: 0px 1px 1px var(--colors_un-color__gray--300);
  padding: var(--spacing_un-l);
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--bold);
  font-size: var(--fontsizes_un-s);
  letter-spacing: var(--spacing_letter-spacing-s);
  color: var(--colors_un-text__on-surface--positive);
}
.card-footer {
  box-shadow: 0px -1px 1px var(--colors_un-color__gray--300);
  padding: var(--spacing_un-l);
}
.card__title {
  font-weight: var(--fonts_un-font__weight--bold);
}
.tab-item {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  font-size: var(--fontsizes_un-s);
  letter-spacing: 0.4px;
  text-decoration: none;
  color: var(--colors_un-text__on-surface--positive);
  padding: 5px;
  ThemeTabPageSelectedClass: tab-item--selected;
}
.tab-item--hover {
  border-bottom-color: var(--colors_un-border-color__primary--hover);
}
.tab-item--selected {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--semibold);
  font-size: var(--fontsizes_un-s);
  letter-spacing: 0.4px;
  border-bottom-color: var(--colors_un-accent__primary--active);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  text-decoration: none;
  color: var(--colors_un-text__on-surface--positive);
}
.HeaderContainer {
  background-color: var(--colors_header-bg);
  height: 60px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--colors_header-separator-bg);
  margin: 0 -15px;
  margin-bottom: var(--spacing_un-xxl);
}
.HeaderContainer--vars {
  --height:60px;
}
.header__title {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--bold);
  font-size: var(--fontsizes_un-xxl);
  letter-spacing: 0.25px;
  line-height: var(--fonts_un-line-height--l);
  color: var(--colors_un-text__on-secondary);
}
.header__logo {
  max-width: 100px;
}
.sidebar__toggle-ico {
  margin-top: 1px;
  display: none;
  margin-inline-end: var(--spacing_un-m);
}
.sidebar__toggle-ico:hover {
  cursor: pointer;
}
.stack-top-m {
  margin-top: var(--spacing_un-m);
}
.stack-top-l {
  margin-top: var(--spacing_un-l);
}
.stack-top-xl {
  margin-top: var(--spacing_un-xl);
}
.stack-top-xxl {
  margin-top: var(--spacing_un-xxl);
}
.stack-top-xxxl {
  margin-top: var(--spacing_un-xxxl);
}
.stack-top-xxxxl {
  margin-top: var(--spacing_un-xxxxl);
}
.stack-bottom-m {
  margin-bottom: var(--spacing_un-m);
}
.stack-bottom-l {
  margin-bottom: var(--spacing_un-l);
}
.stack-bottom-xl {
  margin-bottom: var(--spacing_un-xl);
}
.stack-bottom-xxl {
  margin-bottom: var(--spacing_un-xxl);
}
.stack-bottom-xxxl {
  margin-bottom: var(--spacing_un-xxxl);
}
.stack-bottom-xxxxl {
  margin-bottom: var(--spacing_un-xxxxl);
}
.inline-left-l {
  margin-inline-start: var(--spacing_un-m);
}
.inline-left-xl {
  margin-inline-start: var(--spacing_un-l);
}
.inline-left-xxl {
  margin-inline-start: var(--spacing_un-xl);
}
.inline-left-xxxl {
  margin-inline-start: var(--spacing_un-xxl);
}
.inline-right-l {
  margin-inline-end: var(--spacing_un-m);
}
.inline-right-xl {
  margin-inline-end: var(--spacing_un-l);
}
.inline-right-xxl {
  margin-inline-end: var(--spacing_un-xl);
}
.inline-right-xxxl {
  margin-inline-end: var(--spacing_un-xxl);
}
.inset-s {
  padding: var(--spacing_un-m);
}
.inset-m {
  padding: var(--spacing_un-l);
}
.inset-l {
  padding: var(--spacing_un-xxl);
}
.w-100 {
  width: 100%;
}
.w-100--vars {
  --width:100%;
}
.h-100 {
  height: 100%;
}
.h-100--vars {
  --height:100%;
}
.bg-white {
  background: var(--colors_un-surface--positive);
}
.text-transparent {
  color: transparent;
}
.text-black {
  color: rgb(0, 0, 0);
}
.text-white {
  color: rgb(255, 255, 255);
}
.text-gray-500 {
  color: rgb(107, 114, 128);
}
.light {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--light);
}
.normal {
  font-family: var(--fonts_un-font__family);
}
.bold {
  font-family: var(--fonts_un-font__family);
  font-weight: var(--fonts_un-font__weight--bold);
}
.mt-0 {
  margin-block-start: 0px;
}
.mr-0 {
  margin-inline-end: 0px;
}
.mb-0 {
  margin-block-end: 0px;
}
.ml-0 {
  margin-inline-start: 0px;
}
@media screen and (max-width: 767px) {
  .column-optional {
    display: none;
  }
  .header__title {
    font-size: var(--fontsizes_un-l);
  }
  .header__logo {
    max-width: 60px;
  }
  .sidebar__toggle-ico {
    display: block;
  }
  .HeaderContainer {
    margin-bottom: var(--spacing_un-l);
  }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .column-optional--md {
    display: none;
  }
}
:root {
  --colors_surface-primary: #C7C5C5;
  --colors_surface-secondary: #242424;
  --colors_surface-secondary-light: white;
  --colors_surface-background: #FFF;
  --colors_text-primary: #191819;
  --colors_text-secondary: #558030;
  --colors_text-bold: #558030;
  --colors_text-brand: #6b6969;
  --colors_colors_un-text__primary: #558030;
  --colors_colors_un-accent__primary: #558030;
  --colors_un-border-color__mild: #e0e0e0;
  --colors_light_neutral_grey_00: #FFF;
  --colors_light_neutral_grey_01: #F1F1F1;
  --colors_light_neutral_grey_02: #D2D2D2;
  --colors_light_neutral_grey_03: #B7B7B7;
  --colors_light_neutral_grey_04: #6A6868;
  --colors_light_neutral_grey_99: #000;
  --colors_light_on_surface: #191819;
  --colors_light_primary: #558030;
  --colors_light_secondary: #ABC098;
  --colors_light_surface: #FFF;
  --fonts_font-primary: Josefin sans;
  --fonts_font-primary-bold: JosefinSans-Bold;
  --fonts_font-secondary: Lato-Regular;
  --fonts_font-secondary-bold: Lato-Black;
  --fontsizes_l: 26px;
  --fontsizes_ml: 18px;
  --fontsizes_m: 18px;
  --mediaqueries_xs: screen and (max-width: 767px);
  --mediaqueries_small: screen and (min-width: 768px) and (max-width: 991px);
  --mediaqueries_medium: screen and (min-width: 992px) and (max-width: 1199px);
  --mediaqueries_large: screen and (min-width: 1200px);
}
@font-face {
  font-family: "JosefinSans-Bold";
  src: url("./media/JosefinSans-Bold_ttf.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Lato-Black";
  src: url("./media/Lato-Black_ttf.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Lato-Regular";
  src: url("./media/Lato-Regular_ttf.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("./media/Montserrat-SemiBold_ttf.ttf");
  font-display: swap;
}
.web-layout {
  max-width: 1200px;
}
.Application {
  --primary-color:var(--colors_light_primary);
  --accent-color:var(--colors_light_secondary);
}
.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);
}
.Hovered_Class,
gx-button.chat::part(send-button):hover,
.gx-image-container.chat::part(send-button):hover,
gx-button.BtnSearch:hover,
.gx-image-container.BtnSearch:hover,
gx-button.BtnOptionSelected:hover,
.gx-image-container.BtnOptionSelected:hover,
gx-button.BtnOptionUnSelected:hover,
.gx-image-container.BtnOptionUnSelected:hover,
gx-button.BtnOption:hover,
.gx-image-container.BtnOption:hover,
gx-button.Button_Cancel_Margin_T0_L44_B0_R44:hover,
.gx-image-container.Button_Cancel_Margin_T0_L44_B0_R44:hover,
gx-button.Button_Delete1_Margin_T0_L44_B0_R44:hover,
.gx-image-container.Button_Delete1_Margin_T0_L44_B0_R44:hover,
gx-button.Primary_Button_Margin_T0_L34_B0_R25:hover,
.gx-image-container.Primary_Button_Margin_T0_L34_B0_R25:hover,
gx-button.Button_Keep_Shopping_Margin_T0_L11_B0_R8:hover,
.gx-image-container.Button_Keep_Shopping_Margin_T0_L11_B0_R8:hover,
gx-button.Button_Open_Cart_Margin_T0_L11_B0_R8:hover,
.gx-image-container.Button_Open_Cart_Margin_T0_L11_B0_R8:hover,
gx-button.Button_Keep_Shopping_Margin_T0_L64_B0_R57:hover,
.gx-image-container.Button_Keep_Shopping_Margin_T0_L64_B0_R57:hover,
gx-button.Button_Open_Cart_Margin_T0_L64_B0_R57:hover,
.gx-image-container.Button_Open_Cart_Margin_T0_L64_B0_R57:hover,
gx-button.Button_Keep_Shopping_Margin_T14_L0_B0_R0:hover,
.gx-image-container.Button_Keep_Shopping_Margin_T14_L0_B0_R0:hover,
gx-button.Secondary_Button_Margin_T14_L0_B0_R0:hover,
.gx-image-container.Secondary_Button_Margin_T14_L0_B0_R0:hover,
gx-button.Button_Keep_Shopping_Margin_T0_L50_B0_R49:hover,
.gx-image-container.Button_Keep_Shopping_Margin_T0_L50_B0_R49:hover,
gx-button.Button_Checkout_Margin_T0_L50_B0_R49:hover,
.gx-image-container.Button_Checkout_Margin_T0_L50_B0_R49:hover,
gx-button.Button_Add_to_Cart_Margin_T0_L17_B0_R0:hover,
.gx-image-container.Button_Add_to_Cart_Margin_T0_L17_B0_R0:hover,
[area=field].N05_Captions_Caption_Primary_Margin_T0_L45_B0_R0:hover,
[area=field] .N05_Captions_Caption_Primary_Margin_T0_L45_B0_R0:hover,
gx-button.Button_My_Favorites_Margin_T0_L0_B0_R10:hover,
.gx-image-container.Button_My_Favorites_Margin_T0_L0_B0_R10:hover,
gx-button.Button_Delete1:hover,
.gx-image-container.Button_Delete1:hover,
gx-button.Button_Cancel:hover,
.gx-image-container.Button_Cancel:hover,
gx-button.Button_Close:hover,
.gx-image-container.Button_Close:hover,
gx-button.Button_Open_Cart:hover,
.gx-image-container.Button_Open_Cart:hover,
gx-button.Secondary_Button:hover,
.gx-image-container.Secondary_Button:hover,
gx-button.Primary_Button:hover,
.gx-image-container.Primary_Button:hover,
gx-button.Button_Checkout:hover,
.gx-image-container.Button_Checkout:hover,
gx-button.Button_Keep_Shopping:hover,
.gx-image-container.Button_Keep_Shopping:hover,
gx-button.Button_Mark_As_Favorite:hover,
.gx-image-container.Button_Mark_As_Favorite:hover,
gx-button.Button_Category_1_4:hover,
.gx-image-container.Button_Category_1_4:hover,
gx-button.Button_Category_2_4:hover,
.gx-image-container.Button_Category_2_4:hover,
gx-button.N01_Titles_H3_Button:hover,
.gx-image-container.N01_Titles_H3_Button:hover,
gx-button.Button_Category_1_3:hover,
.gx-image-container.Button_Category_1_3:hover,
gx-button.Button_Category_2_3:hover,
.gx-image-container.Button_Category_2_3:hover,
gx-button.Button_Category_1_2:hover,
.gx-image-container.Button_Category_1_2:hover,
gx-button.N01_Titles_H3_Negative_Button:hover,
.gx-image-container.N01_Titles_H3_Negative_Button:hover,
gx-button.Button_Category_2_2:hover,
.gx-image-container.Button_Category_2_2:hover,
gx-button.N01_Titles_H4_Button:hover,
.gx-image-container.N01_Titles_H4_Button:hover,
gx-button.Button_Add_to_Cart:hover,
.gx-image-container.Button_Add_to_Cart:hover,
gx-button.Button_Category_1_1:hover,
.gx-image-container.Button_Category_1_1:hover,
gx-button.Button_Category_2_1:hover,
.gx-image-container.Button_Category_2_1:hover,
gx-button.Button_Category_1:hover,
.gx-image-container.Button_Category_1:hover,
gx-button.Button_Category_2:hover,
.gx-image-container.Button_Category_2:hover,
gx-button.Button_Category:hover,
.gx-image-container.Button_Category:hover,
gx-button.Button_Go_To_Collection:hover,
.gx-image-container.Button_Go_To_Collection:hover,
.gx-image-container.Product_Image2:hover,
gx-button.Button_Delete:hover,
.gx-image-container.Button_Delete:hover,
gx-button.Button_More1:hover,
.gx-image-container.Button_More1:hover,
gx-button.Button_Less1:hover,
.gx-image-container.Button_Less1:hover,
gx-button.Button_Less:hover,
.gx-image-container.Button_Less:hover,
gx-button.Button_More:hover,
.gx-image-container.Button_More:hover,
gx-button.Button_Next:hover,
.gx-image-container.Button_Next:hover,
.gx-image-container.Shopping_Cart:hover,
.gx-image-container.Icons_Close:hover,
.gx-image-container.Logo:hover,
gx-button.Button_My_Favorites:hover,
.gx-image-container.Button_My_Favorites:hover,
gx-button.Button_my_cart:hover,
.gx-image-container.Button_my_cart:hover,
gx-button.Button_My_Profile:hover,
.gx-image-container.Button_My_Profile:hover,
.gx-image-container.Product_Image-Android:hover,
.gx-image-container.Product_Image:hover,
.gx-image-container.Icons_Heart_Selected:hover,
gx-button.Button_See_More:hover,
.gx-image-container.Button_See_More:hover,
gx-button.Buttons_ButtonsSecondary:hover,
.gx-image-container.Buttons_ButtonsSecondary:hover,
gx-button.N04_Buttons_Buttons_Primary_Button:hover,
.gx-image-container.N04_Buttons_Buttons_Primary_Button:hover,
gx-button.Buttons_ButtonsPrimary:hover,
.gx-image-container.Buttons_ButtonsPrimary:hover,
gx-button.Button_See_All:hover,
.gx-image-container.Button_See_All:hover,
gx-button.N05_Captions_Caption_Primary_Button:hover,
.gx-image-container.N05_Captions_Caption_Primary_Button:hover,
gx-button.Buttons_ButtonsTertiary:hover,
.gx-image-container.Buttons_ButtonsTertiary:hover,
gx-button.N04_Buttons_Buttons_Primary_Negative_Button:hover,
.gx-image-container.N04_Buttons_Buttons_Primary_Negative_Button:hover,
gx-button.ExternalDesignButton:hover,
.gx-image-container.ExternalDesignButton:hover {
  opacity: 0.75;
}
.Empty_Grid_Image_Class {
  border-radius: 0px;
  height: 120px;
  width: 120px;
}
.Empty_Grid_Image_Class--vars {
  --height:120px;
  --width:120px;
  --image-scale-type:contain;
}
.Empty_Grid_Text_Class {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  text-transform: none;
  padding-top: 20px;
}
.Empty_Grid_Text_Class--vars {
  --width:100%;
}
.ExternalDesignTable {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
}
.ExternalDesignTable--horizontal-line::after {
  content: none;
}
.ExternalDesignTable_Banner {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
}
.ExternalDesignTable_Banner--horizontal-line::after {
  content: none;
}
.ExternalDesignTable_Rounded {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 25px;
  --gx-overflow-style: hidden;
}
.ExternalDesignTable_Rounded--horizontal-line::after {
  content: none;
}
.ExternalDesignTextBlock {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  font-size: var(--fontsizes_m);
  width: 100%;
}
.ExternalDesignTextBlock--vars {
  --width:100%;
}
.ExternalDesignAttribute {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  font-size: var(--fontsizes_m);
  width: 100%;
}
.ExternalDesignAttribute--vars {
  --width:100%;
}
.N05_Captions_Caption_Primary {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_text-bold);
  font-family: var(--fonts_font-secondary-bold);
  text-transform: unset;
}
.N05_Captions_Caption_Primary--vars {
  --width:100%;
}
.ExternalDesignTabPageSelected {
  color: var(--colors_surface-secondary-light);
}
.Tabbar {
  grid-template-rows: auto minmax(auto, max-content);
  --gx-tabs-position--order: 1;
}
.Tabbar::part(nav-tabs) {
  box-shadow: 0 calc(var(--elevation) * -0.125rem) calc(var(--elevation) * 0.25rem) rgba(0, 0, 0, calc(var(--elevation) * 0.075));
}
.Tabbar::part(nav-tabs-table-filler) {
  border-block-start-color: var(--tab-strip-separator-color);
  border-block-end-color: rgba(0, 0, 0, 0);
}
.Tabbar > gx-tab-caption {
  border-block-start-color: var(--tab-strip-separator-color);
  border-block-end-color: transparent;
}
.Tabbar--vars {
  --tab-strip-elevation:0;
  --tab-strip-background-color:var(--colors_surface-secondary);
  --tab-strip-indicator-color:white;
}
.N05_Captions_Caption_Secondary {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-secondary);
  font-family: var(--fonts_font-secondary-bold);
  font-size: 16px;
  text-transform: unset;
}
.N05_Captions_Caption_Secondary--vars {
  --width:100%;
}
.N01_Titles_H4 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  text-transform: none;
}
.N01_Titles_H4--vars {
  --width:100%;
}
.N01_Titles_H2 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  text-transform: unset;
}
.N01_Titles_H2--vars {
  --width:100%;
}
.N01_Titles_H2-Total {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  text-transform: unset;
}
.N01_Titles_H2-Total--vars {
  --width:100%;
}
.N01_Titles_H3 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  font-size: var(--fontsizes_m);
  text-transform: unset;
}
.N01_Titles_H3--vars {
  --width:100%;
}
.Header__Title {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  font-size: var(--fontsizes_m);
  text-transform: unset;
}
.Header__Title--vars {
  --width:100%;
}
.N01_Titles_H3_Negative {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
}
.N01_Titles_H3_Negative--vars {
  --width:100%;
}
.N03_Body_Body_Regular {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-brand);
  font-family: var(--fonts_font-secondary);
  font-size: 16px;
  text-transform: unset;
}
.N03_Body_Body_Regular--vars {
  --width:100%;
}
.N04_Buttons_Buttons_Primary_Negative {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_text-secondary);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
}
.N04_Buttons_Buttons_Primary_Negative--vars {
  --width:100%;
}
.N04_Buttons_Buttons_Primary_Negative-Tablet {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_text-secondary);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
}
.N04_Buttons_Buttons_Primary_Negative-Tablet--vars {
  --width:100%;
}
.N04_Buttons_Buttons_Primary {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
}
.N04_Buttons_Buttons_Primary--vars {
  --width:100%;
}
.N03_Body_Body_Highlighted {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_primary);
  font-family: var(--fonts_font-secondary-bold);
  font-size: 17px;
  text-transform: unset;
}
.N03_Body_Body_Highlighted--vars {
  --width:100%;
}
.N01_Titles_H1 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  font-size: 28px;
  text-transform: unset;
}
.N01_Titles_H1--vars {
  --width:100%;
}
.N01_Titles_H1-Banner {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  font-size: 28px;
  text-transform: unset;
}
.N01_Titles_H1-Banner--vars {
  --width:100%;
}
.ExternalDesignAttributeWithType {
  font-size: var(--fontsizes_m);
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(0, 170, 255, 0);
  color: #0099FF;
}
.ExternalDesignAttributeWithType--vars {
  --width:100%;
}
.ExternalDesignGridRow,
.Grid_Vertical_Gallery_Margin_T0_L0_B0_R18--even-row,
.Grid_Vertical_Gallery_Margin_T0_L0_B0_R18--odd-row,
.Grid_Vertical_Category_2_Margin_T18_L0_B0_R0--even-row,
.Grid_Vertical_Category_2_Margin_T18_L0_B0_R0--odd-row,
.Grid_Vertical_Category_1_Margin_T14_L0_B0_R0--even-row,
.Grid_Vertical_Category_1_Margin_T14_L0_B0_R0--odd-row,
.ExternalDesignGridForMenu--even-row,
.ExternalDesignGridForMenu--odd-row,
.ExternalDesignGrid--even-row,
.ExternalDesignGrid--odd-row {
  background-color: rgba(255, 255, 255, 0);
}
.ExternalDesignGrid {
  background-color: rgba(255, 255, 255, 0);
}
.ExternalDesignGrid--horizontal-line::after {
  content: none;
}
.ExternalDesignImage {
  border-radius: 0px;
}
.ExternalDesignImage--vars {
  --image-scale-type:cover;
}
.ExternalDesignImage-Fit {
  border-radius: 0px;
}
.ExternalDesignImage-Fit--vars {
  --image-scale-type:contain;
}
.Search__Icon_Close {
  border-radius: 0px;
}
.Search__Icon_Close--vars {
  --image-scale-type:contain;
}
.ExternalDesignButton {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
}
.ExternalDesignForm {
  background-color: var(--colors_surface-background);
}
.ExternalDesignForm-Transparent {
  background-color: rgba(255, 255, 255, 0);
  --gx-overflow-style: hidden;
}
.ExternalDesignGridForMenu {
  background-color: rgba(255, 255, 255, 0);
}
.ExternalDesignGridForMenu--horizontal-line::after {
  content: none;
}
.ExternalDesignHorizontalLine {
  height: 0px;
}
.ExternalDesignHorizontalLine--vars {
  --height:0px;
}
.GroupCategories_GroupCategoriesSelected {
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_on_surface);
  border-radius: 24px;
  height: 48px;
}
.GroupCategories_GroupCategoriesSelected--horizontal-line::after {
  content: none;
}
.GroupCategories_GroupCategoriesSelected--vars {
  --height:48px;
}
.Footer {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-secondary);
}
.Footer--horizontal-line::after {
  content: none;
}
.Header_HeaderWeb {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Header_HeaderWeb--horizontal-line::after {
  content: none;
}
.Header_HeaderWeb--vars {
  --width:100%;
}
.Search {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_surface-primary);
  border-radius: 29px;
  border-width: 1px;
}
.Search--horizontal-line::after {
  content: none;
}
.Search-Web {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 1px;
  border-color: var(--colors_surface-secondary);
  border-radius: 22px;
  height: 44px;
}
.Search-Web--horizontal-line::after {
  content: none;
}
.Search-Web--vars {
  --height:44px;
}
.N04_Buttons_Buttons_Primary_Negative_Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
}
.Buttons_ButtonsTertiary {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: #000000;
  border-radius: 21px;
  font-size: var(--fontsizes_m);
}
.Header_HeaderMobile {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 53px;
  width: 100%;
}
.Header_HeaderMobile--horizontal-line::after {
  content: none;
}
.Header_HeaderMobile--vars {
  --height:53px;
  --width:100%;
}
.GroupCategories_GroupCategoriesUnselected {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 24px;
  height: 48px;
}
.GroupCategories_GroupCategoriesUnselected--horizontal-line::after {
  content: none;
}
.GroupCategories_GroupCategoriesUnselected--vars {
  --height:48px;
}
.N05_Captions_Caption_Primary_Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_primary);
  font-family: var(--fonts_font-secondary-bold);
}
.Button_See_All {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_primary);
  font-family: var(--fonts_font-secondary-bold);
  font-size: var(--fontsizes_m);
}
.Cards_CardProductPreview {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 60px;
  height: 338px;
  width: 100%;
  --gx-overflow-style: hidden;
}
.Cards_CardProductPreview--horizontal-line::after {
  content: none;
}
.Cards_CardProductPreview--vars {
  --height:338px;
  --width:100%;
}
.Buttons_ButtonsPrimary {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
}
.N04_Buttons_Buttons_Primary_Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
}
.Buttons_ButtonsSecondary {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  border-color: #000000;
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_m);
}
.Cart_Cart_Product_Preview {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 36px;
}
.Cart_Cart_Product_Preview--horizontal-line::after {
  content: none;
}
.Header_HeaderTablet {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Header_HeaderTablet--horizontal-line::after {
  content: none;
}
.Header_HeaderTablet--vars {
  --width:100%;
}
.Favorites_Empty_State {
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_neutral_grey_01);
  border-radius: 22px;
  width: 100%;
}
.Favorites_Empty_State--horizontal-line::after {
  content: none;
}
.Favorites_Empty_State--vars {
  --width:100%;
}
.Banner_Content {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 0px 100px;
  width: 100%;
}
.Banner_Content--horizontal-line::after {
  content: none;
}
.Banner_Content--vars {
  --width:100%;
}
.Product_Preview_Large {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 60px;
  width: 100%;
  height: 400px;
}
.Product_Preview_Large--horizontal-line::after {
  content: none;
}
.Product_Preview_Large--vars {
  --width:100%;
  --height:400px;
}
.Product_Preview_Large-Image {
  width: 400px;
  height: 400px;
  border-radius: 24px;
}
.Product_Preview_Large-Image--vars {
  --image-scale-type:cover;
  --width:400px;
  --height:400px;
}
Product_Preview_Large-Canvas {
  height: 100%;
}
.Logo_Negative {
  border-radius: 0px;
  height: 25px;
  width: 216px;
}
.Logo_Negative--vars {
  --image-scale-type:contain;
  --height:25px;
  --width:216px;
}
.N03_Body_Body_Regular_TextBlock {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-secondary);
  font-size: 16px;
  text-transform: unset;
}
.N03_Body_Body_Regular_TextBlock--vars {
  --width:100%;
}
.Static_Copyright {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  font-family: var(--fonts_font-secondary);
  font-size: 16px;
  text-transform: unset;
  color: var(--colors_light_neutral_grey_00);
}
.Static_Copyright--vars {
  --width:100%;
}
.Product_PreviewLarge {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 400px;
}
.Product_PreviewLarge--horizontal-line::after {
  content: none;
}
.Product_PreviewLarge--vars {
  --height:400px;
}
.Product_Price {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 33px;
  width: 100%;
}
.Product_Price--horizontal-line::after {
  content: none;
}
.Product_Price--vars {
  --height:33px;
  --width:100%;
}
.Button_See_More {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: #000000;
  border-radius: 15px;
  font-size: var(--fontsizes_m);
}
.Product_Title {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 34px;
  width: 100%;
}
.Product_Title--horizontal-line::after {
  content: none;
}
.Product_Title--vars {
  --height:34px;
  --width:100%;
}
.Icons_Heart_Selected {
  border-radius: 0px;
  height: 22px;
  width: 21px;
}
.Icons_Heart_Selected--vars {
  --image-scale-type:cover;
  --height:22px;
  --width:21px;
}
.Mask_Product_Image {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 216px;
  height: 216px;
}
.Mask_Product_Image--horizontal-line::after {
  content: none;
}
.Mask_Product_Image--vars {
  --width:216px;
  --height:216px;
}
.Product_Image {
  width: 216px;
  height: 216px;
  border-radius: 24px;
}
.Product_Image--vars {
  --image-scale-type:cover;
  --width:216px;
  --height:216px;
}
.Product_Image-Android {
  height: 162px;
  border-radius: 24px;
}
.Product_Image-Android--vars {
  --image-scale-type:cover;
  --height:162px;
}
.Content {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 55px;
  width: 100%;
}
.Content--horizontal-line::after {
  content: none;
}
.Content--vars {
  --height:55px;
  --width:100%;
}
.Menu {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 52px;
  width: 292px;
}
.Menu--horizontal-line::after {
  content: none;
}
.Menu--vars {
  --height:52px;
  --width:292px;
}
.Button_My_Profile {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_iconsprofilebackground);
}
.Button_my_cart {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_shopping_cart_iconsshoppingcartunselected);
}
.Button_My_Favorites {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
}
.Separator {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_neutral_grey_03);
  height: 35px;
  width: 2px;
}
.Separator--horizontal-line::after {
  content: none;
}
.Separator--vars {
  --height:35px;
  --width:2px;
}
.Search1 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_surface-primary);
  border-radius: 29px;
  border-width: 1px;
  height: 52px;
  width: 100%;
}
.Search1--horizontal-line::after {
  content: none;
}
.Search1--vars {
  --height:52px;
  --width:100%;
}
.Logo {
  border-radius: 0px;
  height: 49px;
  width: 216px;
}
.Logo--vars {
  --height:49px;
  --width:216px;
  --image-scale-type:contain;
}
.Search_Control {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 53px;
  width: 100%;
}
.Search_Control--horizontal-line::after {
  content: none;
}
.Search_Control--vars {
  --height:53px;
  --width:100%;
}
.Icons_Close {
  border-radius: 0px;
  height: 52px;
  width: 52px;
}
.Icons_Close--vars {
  --image-scale-type:cover;
  --height:52px;
  --width:52px;
}
.Input_Search {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-brand);
  font-family: var(--fonts_font-secondary);
  font-size: 16px;
  text-transform: unset;
}
.Input_Search--vars {
  --width:100%;
  --placeholder-text-color:var(--colors_light_neutral_grey_04);
}
.Input_Search-Web {
  color: var(--colors_text-secondary);
}
.Input_Search-Web--vars {
  --placeholder-text-color:var(--colors_text-brand);
}
.Icons_Search {
  border-radius: 0px;
  height: 52px;
  width: 52px;
}
.Icons_Search--vars {
  --image-scale-type:cover;
  --height:52px;
  --width:52px;
}
.Background {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.Background--horizontal-line::after {
  content: none;
}
.Product_Preview_Card_Content {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.Product_Preview_Card_Content--horizontal-line::after {
  content: none;
}
.Product_Information {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Product_Information--horizontal-line::after {
  content: none;
}
.Product_Information--vars {
  --width:100%;
}
.Product_Price1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 27px;
}
.Product_Price1--horizontal-line::after {
  content: none;
}
.Product_Price1--vars {
  --height:27px;
}
.Product_Title1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 27px;
  width: 100%;
}
.Product_Title1--horizontal-line::after {
  content: none;
}
.Product_Title1--vars {
  --height:27px;
  --width:100%;
}
.Mark_Favorite {
  border-radius: 0px;
  height: 22px;
  width: 21px;
}
.Mark_Favorite--vars {
  --image-scale-type:cover;
  --height:22px;
  --width:21px;
}
.Mask_Product_Image1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
}
.Mask_Product_Image1--horizontal-line::after {
  content: none;
}
.Shopping_Cart {
  border-radius: 0px;
  height: 36px;
  width: 36px;
}
.Shopping_Cart--vars {
  --image-scale-type:cover;
  --height:36px;
  --width:36px;
}
.Icons_Star {
  border-radius: 0px;
}
.Icons_Star--vars {
  --image-scale-type:fil;
}
.Ranking {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  font-family: var(--fonts_font-secondary-bold);
  font-size: 16px;
  text-transform: unset;
  color: var(--colors_light_neutral_grey_04);
}
.Ranking--vars {
  --width:100%;
}
.Icons_Arrow_Back {
  border-radius: 0px;
  height: 26px;
  width: 22px;
}
.Icons_Arrow_Back--vars {
  --height:26px;
  --width:22px;
  --image-scale-type:contain;
}
.Button_Next {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_arrowbackground_iconsarrowbackgroundlarge);
}
.Mark_as_Favorite_Product_View {
  border-radius: 0px;
  height: 36px;
  width: 36px;
}
.Mark_as_Favorite_Product_View--vars {
  --image-scale-type:cover;
  --height:36px;
  --width:36px;
}
.Button_More {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_more_iconsmorelarge);
  color: #FFFFFF;
}
.Button_Less {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  font-family: var(--fonts_font-secondary-bold);
  background-image: var(--gx-image_icons_less_lesslarge_iconslesslargedisabled);
  color: var(--colors_light_on_surface);
}
.Button_Less1 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_less_lesssmall_iconslesssmalldisabled);
}
.Button_More1 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_more_iconsmoresmall);
}
.Cart_Card_Content {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 133px;
}
.Cart_Card_Content--horizontal-line::after {
  content: none;
}
.Cart_Card_Content--vars {
  --height:133px;
}
.Product_Image1 {
  height: 110px;
  width: 110px;
  border-radius: 24px;
}
.Product_Image1--vars {
  --image-scale-type:cover;
  --height:110px;
  --width:110px;
}
.Product_Image-Tablet {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 20px;
}
.Product_Image-Tablet--horizontal-line::after {
  content: none;
}
.Product_ImageLarge {
  height: 148px;
  width: 148px;
  border-radius: 24px;
}
.Product_ImageLarge--vars {
  --image-scale-type:cover;
  --height:148px;
  --width:148px;
}
.Mask_Product_Image2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  --gx-overflow-style: hidden;
}
.Mask_Product_Image2--horizontal-line::after {
  content: none;
}
.Product_Image4 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 24px;
  --gx-overflow-style: hidden;
}
.Product_Image4--horizontal-line::after {
  content: none;
}
.Row_2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 29px;
  width: 100%;
}
.Row_2--horizontal-line::after {
  content: none;
}
.Row_2--vars {
  --height:29px;
  --width:100%;
}
.Control_Counter {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 29px;
  width: 84px;
}
.Control_Counter--horizontal-line::after {
  content: none;
}
.Control_Counter--vars {
  --height:29px;
  --width:84px;
}
.Row_1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 61px;
  width: 100%;
}
.Row_1--horizontal-line::after {
  content: none;
}
.Row_1--vars {
  --height:61px;
  --width:100%;
}
.Button_Delete {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
}
.Content1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 49px;
  width: 100%;
}
.Content1--horizontal-line::after {
  content: none;
}
.Content1--vars {
  --height:49px;
  --width:100%;
}
.Menu1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 37px;
}
.Menu1--horizontal-line::after {
  content: none;
}
.Menu1--vars {
  --height:37px;
}
.My_Profile {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 36px;
  width: 136px;
}
.My_Profile--horizontal-line::after {
  content: none;
}
.My_Profile--vars {
  --height:36px;
  --width:136px;
}
.Product_Image2 {
  border-radius: 17px;
  height: 90px;
  width: 90px;
}
.Product_Image2--vars {
  --image-scale-type:cover;
  --height:90px;
  --width:90px;
}
.Image_fill {
  border-radius: 17px;
  height: 72px;
  width: 74px;
}
.Image_fill--vars {
  --image-scale-type:cover;
  --height:72px;
  --width:74px;
}
.Empty_State_Illustration {
  border-radius: 0px;
  height: 106px;
  width: 96px;
}
.Empty_State_Illustration--vars {
  --image-scale-type:cover;
  --height:106px;
  --width:96px;
}
.Banner_Title {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  text-transform: none;
  color: var(--colors_light_primary);
}
.Banner_Title--vars {
  --width:100%;
}
.Image {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 0px 100px;
  width: 100%;
  --gx-overflow-style: hidden;
}
.Image--horizontal-line::after {
  content: none;
}
.Image--vars {
  --width:100%;
}
.Banner_Image-Web {
  border-radius: 0px;
}
.Banner_Image-Web--vars {
  --image-scale-type:cover;
}
.Button_Go_To_Collection {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_arrowbackground_iconsarrowbackgroundlarge);
  position: absolute;
  top: 86px;
  right: 80px;
}
.Banner_Title1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  position: absolute;
  top: 86px;
  left: 84px;
  width: 520px;
}
.Banner_Title1--horizontal-line::after {
  content: none;
}
.Banner_Title1--vars {
  --width:520px;
}
.Actions {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Actions--horizontal-line::after {
  content: none;
}
.Actions--vars {
  --width:100%;
}
.Home {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.Home--horizontal-line::after {
  content: none;
}
.Grid_Product_Row,
.Grid_Product_Margin_T0_L11_B0_R11--even-row,
.Grid_Product_Margin_T0_L11_B0_R11--odd-row,
.Grid_Product--even-row,
.Grid_Product--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 227px;
  margin-right: 11px;
  width: 171px;
}
.Grid_Product_Row--vars {
  --height:227px;
  --width:171px;
}
.Grid_Product {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Product--horizontal-line::after {
  content: none;
}
.Grid_Product_Item {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 227px;
}
.Grid_Product_Item--horizontal-line::after {
  content: none;
}
.Grid_Product_Item--vars {
  --height:227px;
}
.Categories {
  border-style: solid;
  background-color: var(--colors_surface-secondary-light);
  border-color: var(--colors_light_neutral_grey_03);
  border-radius: 29px;
  border-width: 1px;
  width: 100%;
}
.Categories--horizontal-line::after {
  content: none;
}
.Categories--vars {
  --width:100%;
}
.Button_Category {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  border-radius: 24px;
  font-size: var(--fontsizes_ml);
  padding-left: 3px;
  padding-right: 3px;
}
.Button_Category_2 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  border-radius: 24px;
  font-size: var(--fontsizes_ml);
  padding-left: 3px;
  padding-right: 3px;
  background-color: var(--colors_surface-secondary);
}
.Button_Category_1 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  font-family: var(--fonts_font-primary-bold);
  border-radius: 24px;
  font-size: var(--fontsizes_ml);
  padding-left: 3px;
  padding-right: 3px;
  color: var(--colors_text-primary);
}
.Home_Tablet {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.Home_Tablet--horizontal-line::after {
  content: none;
}
.Grid_Product_Row1,
.Grid_Product1_Margin_T0_L8_B0_R5--even-row,
.Grid_Product1_Margin_T0_L8_B0_R5--odd-row,
.Grid_Product1--even-row,
.Grid_Product1--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 325px;
  margin-top: 53px;
  width: 252px;
}
.Grid_Product_Row1--vars {
  --height:325px;
  --width:252px;
}
.Grid_Product_HL {
  height: 53px;
}
.Grid_Product_HL--vars {
  --height:53px;
}
.Grid_Product1 {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Product1--horizontal-line::after {
  content: none;
}
.Filters {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Filters--horizontal-line::after {
  content: none;
}
.Filters--vars {
  --width:100%;
}
.Button_Category_2_1 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  border-radius: 24px;
  font-size: var(--fontsizes_m);
  height: 48px;
}
.Button_Category_2_1--vars {
  --height:48px;
}
.Button_Category_1_1 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_on_surface);
  border-radius: 24px;
  font-size: var(--fontsizes_m);
  height: 48px;
}
.Button_Category_1_1--vars {
  --height:48px;
}
.Home_Tablet_Banner {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  background-image: var(--gx-image_img1c6848fbbd4f33fc02edd3ab9635fcacf9e46a41);
  border-radius: 45px;
  height: 312px;
  width: 100%;
}
.Home_Tablet_Banner--horizontal-line::after {
  content: none;
}
.Home_Tablet_Banner--vars {
  --height:312px;
  --width:100%;
}
.Icons_ArrowBackground_Large {
  border-radius: 0px;
  height: 36px;
  width: 36px;
}
.Icons_ArrowBackground_Large--vars {
  --image-scale-type:cover;
  --height:36px;
  --width:36px;
}
.Footer1 {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-secondary);
  height: 156px;
  width: 100%;
}
.Footer1--horizontal-line::after {
  content: none;
}
.Footer1--vars {
  --height:156px;
  --width:100%;
}
.Section_Category_2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Section_Category_2--horizontal-line::after {
  content: none;
}
.Section_Category_2--vars {
  --width:100%;
}
.Section_Category_2_Header {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Section_Category_2_Header--horizontal-line::after {
  content: none;
}
.Section_Category_2_Header--vars {
  --width:100%;
}
.N01_Titles_H2_TextBlock {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  inline-size: unset;
}
.N01_Titles_H2_TextBlock--vars {
  --width:100%;
}
.N01_Titles_Primary {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  inline-size: unset;
}
.N01_Titles_Primary--vars {
  --width:100%;
}
.N01_Titles_H2-Other {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  inline-size: unset;
}
.N01_Titles_H2-Other--vars {
  --width:100%;
}
.Section_Category_1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Section_Category_1--horizontal-line::after {
  content: none;
}
.Section_Category_1--vars {
  --width:100%;
}
.Section_Category_1_Header {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Section_Category_1_Header--horizontal-line::after {
  content: none;
}
.Section_Category_1_Header--vars {
  --width:100%;
}
.Product_Detail {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: #FFFFFF;
}
.Product_Detail--horizontal-line::after {
  content: none;
}
.BottomControls {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 139px;
}
.BottomControls--horizontal-line::after {
  content: none;
}
.BottomControls--vars {
  --height:139px;
}
.Selection_Section {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 52px;
  width: 100%;
}
.Selection_Section--horizontal-line::after {
  content: none;
}
.Selection_Section--vars {
  --height:52px;
  --width:100%;
}
.Button_Add_to_Cart {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
}
.Control_Counter_Large {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 38px;
}
.Control_Counter_Large--horizontal-line::after {
  content: none;
}
.Control_Counter_Large--vars {
  --height:38px;
}
.N01_Titles_H4_Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
}
.Button_Category_2_2 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  border-radius: 24px;
  height: 49px;
}
.Button_Category_2_2--vars {
  --height:49px;
}
.N01_Titles_H3_Negative_Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
}
.Button_Category_1_2 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_on_surface);
  border-radius: 24px;
  font-size: var(--fontsizes_m);
  height: 48px;
}
.Button_Category_1_2--vars {
  --height:48px;
}
.Product_Detail1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Product_Detail1--horizontal-line::after {
  content: none;
}
.Product_Detail1--vars {
  --width:100%;
}
.Irrigation {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 23px;
}
.Irrigation--horizontal-line::after {
  content: none;
}
.Irrigation--vars {
  --height:23px;
}
.N03_Body_Body_Highlighted_TextBlock {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_primary);
  font-family: var(--fonts_font-secondary-bold);
  font-size: 17px;
  text-transform: unset;
}
.N03_Body_Body_Highlighted_TextBlock--vars {
  --width:100%;
}
.Icons_Irrigation {
  border-radius: 0px;
  height: 18px;
  width: 14px;
}
.Icons_Irrigation--vars {
  --image-scale-type:cover;
  --height:18px;
  --width:14px;
}
.Product_Name {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 35px;
  width: 100%;
}
.Product_Name--horizontal-line::after {
  content: none;
}
.Product_Name--vars {
  --height:35px;
  --width:100%;
}
.Product_Ranking {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 29px;
}
.Product_Ranking--horizontal-line::after {
  content: none;
}
.Product_Ranking--vars {
  --height:29px;
}
.Header {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_surface);
  height: 50px;
  width: 100%;
}
.Header--horizontal-line::after {
  content: none;
}
.Header--vars {
  --height:50px;
  --width:100%;
}
.Content2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 36px;
  width: 100%;
}
.Content2--horizontal-line::after {
  content: none;
}
.Content2--vars {
  --height:36px;
  --width:100%;
}
.Back {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 25px;
}
.Back--horizontal-line::after {
  content: none;
}
.Back--vars {
  --height:25px;
}
.Product_Detail_Tablet {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: #FFFFFF;
}
.Product_Detail_Tablet--horizontal-line::after {
  content: none;
}
.Other_Products_Section {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 380px;
  width: 100%;
}
.Other_Products_Section--horizontal-line::after {
  content: none;
}
.Other_Products_Section--vars {
  --height:380px;
  --width:100%;
}
.Bottom_Controls {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 130px;
  width: 100%;
}
.Bottom_Controls--horizontal-line::after {
  content: none;
}
.Bottom_Controls--vars {
  --height:130px;
  --width:100%;
}
.Control_Counter_Large1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 38px;
  width: 114px;
}
.Control_Counter_Large1--horizontal-line::after {
  content: none;
}
.Control_Counter_Large1--vars {
  --height:38px;
  --width:114px;
}
.Categories1 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_light_neutral_grey_03);
  border-radius: 24px;
  border-width: 1px;
  height: 49px;
  width: 100%;
}
.Categories1--horizontal-line::after {
  content: none;
}
.Categories1--vars {
  --height:49px;
  --width:100%;
}
.Button_Category_2_3 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  border-radius: 24px;
  height: 40px;
}
.Button_Category_2_3--vars {
  --height:40px;
}
.Button_Category_1_3 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_on_surface);
  border-radius: 19px;
  font-size: var(--fontsizes_m);
  height: 40px;
}
.Button_Category_1_3--vars {
  --height:40px;
}
.Product_Name1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Product_Name1--horizontal-line::after {
  content: none;
}
.Product_Name1--vars {
  --width:100%;
}
.Product_Ranking1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 19px;
}
.Product_Ranking1--horizontal-line::after {
  content: none;
}
.Product_Ranking1--vars {
  --height:19px;
}
.Product_Preview_Large1 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 60px;
  width: 100%;
  height: 100%;
}
.Product_Preview_Large1--horizontal-line::after {
  content: none;
}
.Product_Preview_Large1--vars {
  --width:100%;
  --height:100%;
}
.Other_Products_Section1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 382px;
  width: 100%;
}
.Other_Products_Section1--horizontal-line::after {
  content: none;
}
.Other_Products_Section1--vars {
  --height:382px;
  --width:100%;
}
.N01_Titles_H3_TextBlock {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
}
.N01_Titles_H3_TextBlock--vars {
  --width:100%;
}
.N01_Titles_H3_TextBlock-Alt {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
}
.N01_Titles_H3_TextBlock-Alt--vars {
  --width:100%;
}
.Product_View {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 493px;
  width: 100%;
}
.Product_View--horizontal-line::after {
  content: none;
}
.Product_View--vars {
  --height:493px;
  --width:100%;
}
.Product_Selection {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 122px;
}
.Product_Selection--horizontal-line::after {
  content: none;
}
.Product_Selection--vars {
  --height:122px;
}
.ProductAddToCart {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 52px;
}
.ProductAddToCart--horizontal-line::after {
  content: none;
}
.ProductAddToCart--vars {
  --height:52px;
}
.Control_Counter_Large2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 38px;
  width: 119px;
}
.Control_Counter_Large2--horizontal-line::after {
  content: none;
}
.Control_Counter_Large2--vars {
  --height:38px;
  --width:119px;
}
.Product_Variants {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 53px;
}
.Product_Variants--horizontal-line::after {
  content: none;
}
.Product_Variants--vars {
  --height:53px;
}
.N01_Titles_H3_Button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
}
.Button_Category_2_4 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  border: 1px solid rgb(151, 151, 151);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
  height: 52px;
}
.Button_Category_2_4--vars {
  --height:52px;
}
.Button_Category_1_4 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_on_surface);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
  height: 53px;
}
.Button_Category_1_4--vars {
  --height:53px;
}
.Product_Ranking2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 21px;
  width: 57px;
}
.Product_Ranking2--horizontal-line::after {
  content: none;
}
.Product_Ranking2--vars {
  --height:21px;
  --width:57px;
}
.Product_Image_Preview {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 100px 100px 45px 45px;
  --gx-overflow-style: hidden;
}
.Product_Image_Preview--horizontal-line::after {
  content: none;
}
.Button_Mark_As_Favorite {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
}
.Product_Image3 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
}
.Product_Image3--horizontal-line::after {
  content: none;
}
.Fill {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 65px;
  width: 100%;
}
.Fill--horizontal-line::after {
  content: none;
}
.Fill--vars {
  --height:65px;
  --width:100%;
}
.My_Cart {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.My_Cart--horizontal-line::after {
  content: none;
}
.Button_Keep_Shopping {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  font-family: var(--fonts_font-primary-bold);
  border-color: #000000;
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_ml);
  color: var(--colors_text-primary);
  border-color: var(--colors_text-primary);
}
.Button_Checkout {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_ml);
}
.Pricing {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 276px;
}
.Pricing--horizontal-line::after {
  content: none;
}
.Pricing--vars {
  --width:276px;
}
.Total {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 43px;
  width: 276px;
}
.Total--horizontal-line::after {
  content: none;
}
.Total--vars {
  --height:43px;
  --width:276px;
}
.Price_Large {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 43px;
  width: 83px;
}
.Price_Large--horizontal-line::after {
  content: none;
}
.Price_Large--vars {
  --height:43px;
  --width:83px;
}
.Tax {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 43px;
  width: 276px;
}
.Tax--horizontal-line::after {
  content: none;
}
.Tax--vars {
  --height:43px;
  --width:276px;
}
.Price_Large1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 20px;
  width: 71px;
}
.Price_Large1--horizontal-line::after {
  content: none;
}
.Price_Large1--vars {
  --height:20px;
  --width:71px;
}
.Grid_Cart_Products_Row,
.Grid_Cart_Products_Margin_T0_L8_B0_R7--even-row,
.Grid_Cart_Products_Margin_T0_L8_B0_R7--odd-row,
.Grid_Cart_Products--even-row,
.Grid_Cart_Products--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 133px;
  margin-top: 14px;
  width: 360px;
}
.Grid_Cart_Products_Row--vars {
  --height:133px;
  --width:360px;
}
.Grid_Cart_Products_HL {
  height: 14px;
}
.Grid_Cart_Products_HL--vars {
  --height:14px;
}
.Grid_Cart_Products {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Cart_Products--horizontal-line::after {
  content: none;
}
.Grid_Product_Item1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 133px;
}
.Grid_Product_Item1--horizontal-line::after {
  content: none;
}
.Grid_Product_Item1--vars {
  --height:133px;
}
.My_Cart_Tablet {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: #F1F1F1;
}
.My_Cart_Tablet--horizontal-line::after {
  content: none;
}
.Header1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 50px;
  width: 100%;
}
.Header1--horizontal-line::after {
  content: none;
}
.Header1--vars {
  --height:50px;
  --width:100%;
}
.Order_Detail {
  border-style: solid;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.6980392157);
  border-radius: 45px;
  height: 564px;
  width: 100%;
}
.Order_Detail--horizontal-line::after {
  content: none;
}
.Order_Detail--vars {
  --height:564px;
  --width:100%;
}
.Order_Detail_Content {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 359px;
}
.Order_Detail_Content--horizontal-line::after {
  content: none;
}
.Order_Detail_Content--vars {
  --width:359px;
}
.Primary_Button {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
}
.Secondary_Button {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  border-color: #000000;
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_m);
}
.Pricing1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 104px;
  width: 100%;
}
.Pricing1--horizontal-line::after {
  content: none;
}
.Pricing1--vars {
  --height:104px;
  --width:100%;
}
.Total1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 50px;
  width: 100%;
}
.Total1--horizontal-line::after {
  content: none;
}
.Total1--vars {
  --height:50px;
  --width:100%;
}
.N01_Titles_H1_TextBlock {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  font-size: 28px;
  text-transform: unset;
}
.N01_Titles_H1_TextBlock--vars {
  --width:100%;
}
.Tax1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 50px;
  width: 100%;
}
.Tax1--horizontal-line::after {
  content: none;
}
.Tax1--vars {
  --height:50px;
  --width:100%;
}
.Grid_Row,
.Grid--even-row,
.Grid--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 22px;
  margin-top: 29px;
  width: 359px;
}
.Grid_Row--vars {
  --height:22px;
  --width:359px;
}
.Grid_HL {
  height: 29px;
}
.Grid_HL--vars {
  --height:29px;
}
.Grid {
  background-color: rgba(255, 255, 255, 0);
}
.Grid--horizontal-line::after {
  content: none;
}
.GridFlexBtns {
  background-color: rgba(255, 255, 255, 0);
}
.GridFlexBtns--horizontal-line::after {
  content: none;
}
.GridFlexRow,
.GridFlexBtns--odd-row,
.GridFlexBtns--even-row {
  background-color: rgba(255, 255, 255, 0);
}
.GridFlexHL {
  height: 0px;
}
.GridFlexHL--vars {
  --height:0px;
}
.Item_3 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 22px;
  width: 100%;
}
.Item_3--horizontal-line::after {
  content: none;
}
.Item_3--vars {
  --height:22px;
  --width:100%;
}
.Products_Preview {
  border-style: solid;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.6980392157);
  border-radius: 45px;
  width: 100%;
}
.Products_Preview--horizontal-line::after {
  content: none;
}
.Products_Preview--vars {
  --width:100%;
}
.Grid_Products_Preview_Row,
.Grid_Products_Preview_Margin_T45_L0_B47_R0--even-row,
.Grid_Products_Preview_Margin_T45_L0_B47_R0--odd-row,
.Grid_Products_Preview--even-row,
.Grid_Products_Preview--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 133px;
  margin-top: 35px;
  width: 614px;
}
.Grid_Products_Preview_Row--vars {
  --height:133px;
  --width:614px;
}
.Grid_Products_Preview_HL {
  height: 35px;
}
.Grid_Products_Preview_HL--vars {
  --height:35px;
}
.Grid_Products_Preview {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Products_Preview--horizontal-line::after {
  content: none;
}
.My_Cart_Section {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.My_Cart_Section--horizontal-line::after {
  content: none;
}
.My_Cart_Section--vars {
  --width:100%;
}
.Pricing2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 359px;
}
.Pricing2--horizontal-line::after {
  content: none;
}
.Pricing2--vars {
  --width:359px;
}
.Grid_Row1,
.Grid1-Web--even-row,
.Grid1-Web--odd-row,
.Grid1_Margin_T0_L5_B29_R0--even-row,
.Grid1_Margin_T0_L5_B29_R0--odd-row,
.Grid1--even-row,
.Grid1--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 22px;
  margin-top: 29px;
}
.Grid_Row1--vars {
  --height:22px;
}
.Grid1 {
  background-color: rgba(255, 255, 255, 0);
}
.Grid1--horizontal-line::after {
  content: none;
}
.Fill1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 562px;
  width: 33px;
}
.Fill1--horizontal-line::after {
  content: none;
}
.Fill1--vars {
  --height:562px;
  --width:33px;
}
.Products_Preview1 {
  border-style: solid;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.6980392157);
  border-radius: 45px;
  width: 462px;
}
.Products_Preview1--horizontal-line::after {
  content: none;
}
.Products_Preview1--vars {
  --width:462px;
}
.Background1 {
  width: 100%;
  border-radius: 12px;
  background-color: white;
  border-width: 1px;
  border-style: solid;
  border-color: var(--colors_surface-secondary);
  padding-right: 5px;
}
.Background1--horizontal-line::after {
  content: none;
}
.Background1--vars {
  --width:100%;
}
.Order_Detail1 {
  background-color: rgba(255, 255, 255, 0.6980392157);
  border-radius: 12px;
  width: 100%;
  background-color: white;
  border-width: 1px;
  border-style: solid;
  border-color: var(--colors_surface-secondary);
}
.Order_Detail1--horizontal-line::after {
  content: none;
}
.Order_Detail1--vars {
  --width:100%;
}
.Grid_Products_Preview_Row1,
.Grid_Products_Preview1_Margin_T45_L0_B47_R0--even-row,
.Grid_Products_Preview1_Margin_T45_L0_B47_R0--odd-row,
.Grid_Products_Preview_Margin_T10_L0_B47_R0_Angular--even-row,
.Grid_Products_Preview_Margin_T10_L0_B47_R0_Angular--odd-row,
.Grid_Products_Preview1--even-row,
.Grid_Products_Preview1--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 133px;
  margin-top: 35px;
}
.Grid_Products_Preview_Row1--vars {
  --height:133px;
}
.Grid_Products_Preview1 {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Products_Preview1--horizontal-line::after {
  content: none;
}
.Added_Item {
  border-style: solid;
  border-width: 0px;
  border-radius: 24px;
  background-color: white;
}
.Added_Item--horizontal-line::after {
  content: none;
}
.Modal {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 20px;
  --gx-overflow-style: hidden;
}
.Modal--horizontal-line::after {
  content: none;
}
.Modal-Tablet {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  margin: 32px;
}
.Modal-Tablet--horizontal-line::after {
  content: none;
}
.Modal_Content {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Modal_Content--horizontal-line::after {
  content: none;
}
.Modal_Content--vars {
  --width:100%;
}
.Button_Open_Cart {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_ml);
}
.Modal_Header {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_on_surface);
  height: 84px;
  width: 100%;
}
.Modal_Header--horizontal-line::after {
  content: none;
}
.Modal_Header--vars {
  --height:84px;
  --width:100%;
}
.Button_Close {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icons_success_iconssuccessnegative);
}
.Added_Item_Web {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: white;
}
.Added_Item_Web--horizontal-line::after {
  content: none;
}
.Added_Item_Tablet {
  border-style: solid;
  border-width: 0px;
  border-radius: 24px;
  background-color: white;
}
.Added_Item_Tablet--horizontal-line::after {
  content: none;
}
.Modal1 {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_surface);
  height: 604px;
  width: 508px;
}
.Modal1--horizontal-line::after {
  content: none;
}
.Modal1--vars {
  --height:604px;
  --width:508px;
}
.Modal_Background {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_surface);
  height: 604px;
  width: 100%;
}
.Modal_Background--horizontal-line::after {
  content: none;
}
.Modal_Background--vars {
  --height:604px;
  --width:100%;
}
.Modal_Header1 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Modal_Header1--horizontal-line::after {
  content: none;
}
.Modal_Header1--vars {
  --width:100%;
}
.Icons_Success_IconSuccessPositive {
  border-radius: 0px;
  height: 30px;
  width: 30px;
}
.Icons_Success_IconSuccessPositive--vars {
  --image-scale-type:cover;
  --height:30px;
  --width:30px;
}
.Modal_Title {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
  font-size: 22px;
}
.Modal_Title--vars {
  --width:100%;
}
.Cart_Preview {
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_surface);
  border-radius: 41px;
  height: 625px;
  width: 430px;
}
.Cart_Preview--horizontal-line::after {
  content: none;
}
.Cart_Preview--vars {
  --elevation:3;
  --height:625px;
  --width:430px;
}
.Grid_Cart_Products_Preview_Row,
.Grid_Cart_Products_Preview_Margin_T0_L26_B0_R25--even-row,
.Grid_Cart_Products_Preview_Margin_T0_L26_B0_R25--odd-row,
.Grid_Cart_Products_Preview--even-row,
.Grid_Cart_Products_Preview--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 133px;
  margin-top: 7px;
  width: 379px;
}
.Grid_Cart_Products_Preview_Row--vars {
  --height:133px;
  --width:379px;
}
.Grid_Cart_Products_Preview_HL {
  height: 7px;
}
.Grid_Cart_Products_Preview_HL--vars {
  --height:7px;
}
.Grid_Cart_Products_Preview {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Cart_Products_Preview--horizontal-line::after {
  content: none;
}
.Grid_Product_Item2 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 36px;
  width: 100%;
}
.Grid_Product_Item2--horizontal-line::after {
  content: none;
}
.Grid_Product_Item2--vars {
  --width:100%;
}
.Cart_Preview_Header {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 52px;
  width: 100%;
}
.Cart_Preview_Header--horizontal-line::after {
  content: none;
}
.Cart_Preview_Header--vars {
  --height:52px;
  --width:100%;
}
.Category_Page {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.Category_Page--horizontal-line::after {
  content: none;
}
.Grid_Category_Row,
.Grid_Category_Margin_T0_L11_B0_R11--even-row,
.Grid_Category_Margin_T0_L11_B0_R11--odd-row,
.Grid_Category--even-row,
.Grid_Category--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 227px;
  margin-right: 11px;
  width: 171px;
}
.Grid_Category_Row--vars {
  --height:227px;
  --width:171px;
}
.Grid_Category {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Category--horizontal-line::after {
  content: none;
}
.Category_Page_Web {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: #FFFFFF;
}
.Category_Page_Web--horizontal-line::after {
  content: none;
}
.Section_Category {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Section_Category--horizontal-line::after {
  content: none;
}
.Section_Category--vars {
  --width:100%;
}
.Category_Page_Tablet {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: #FFFFFF;
}
.Category_Page_Tablet--horizontal-line::after {
  content: none;
}
.Grid_Category_Row1,
.Grid_Category1_Margin_T0_L8_B0_R6--even-row,
.Grid_Category1_Margin_T0_L8_B0_R6--odd-row,
.Grid_Category1--even-row,
.Grid_Category1--odd-row {
  background-color: rgba(255, 255, 255, 0);
  height: 325px;
  margin-top: 53px;
  width: 252px;
}
.Grid_Category_Row1--vars {
  --height:325px;
  --width:252px;
}
.Grid_Category_HL {
  height: 53px;
}
.Grid_Category_HL--vars {
  --height:53px;
}
.Grid_Category1 {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Category1--horizontal-line::after {
  content: none;
}
.Search_Result_Web {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: #FFFFFF;
}
.Search_Result_Web--horizontal-line::after {
  content: none;
}
.Section_Search_Result {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
}
.Section_Search_Result--horizontal-line::after {
  content: none;
}
.Section_Search_Result--vars {
  --width:100%;
}
.Modal_Content1 {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 433px;
  width: 651px;
  background-color: #ffffff;
}
.Modal_Content1--horizontal-line::after {
  content: none;
}
.Modal_Content1--vars {
  --height:433px;
  --width:651px;
}
.Button_Cancel {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  border-color: #000000;
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_m);
}
.Button_Delete1 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
}
.Static_Modal_Title {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  inline-size: unset;
  font-size: 22px;
}
.Static_Modal_Title--vars {
  --width:100%;
}
.Icons_Delete_Green {
  border-radius: 0px;
  height: 35px;
  width: 35px;
}
.Icons_Delete_Green--vars {
  --image-scale-type:cover;
  --height:35px;
  --width:35px;
}
.Modal_Content2 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 497px;
  width: 359px;
}
.Modal_Content2--horizontal-line::after {
  content: none;
}
.Modal_Content2--vars {
  --height:497px;
  --width:359px;
}
.N05_Captions_Caption_Secondary_Margin_T0_L0_B0_R6 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-secondary);
  font-family: var(--fonts_font-secondary-bold);
  font-size: 16px;
  text-transform: unset;
  margin-right: 6px;
}
.N05_Captions_Caption_Secondary_Margin_T0_L0_B0_R6--vars {
  --width:100%;
}
.Mask_Product_Image_Margin_T0_L19_B0_R21 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 216px;
  height: 216px;
  margin-left: 19px;
  margin-right: 21px;
}
.Mask_Product_Image_Margin_T0_L19_B0_R21--horizontal-line::after {
  content: none;
}
.Mask_Product_Image_Margin_T0_L19_B0_R21--vars {
  --width:216px;
  --height:216px;
}
.Product_Title_Margin_T0_L0_B0_R6 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 34px;
  width: 100%;
  margin-right: 6px;
}
.Product_Title_Margin_T0_L0_B0_R6--horizontal-line::after {
  content: none;
}
.Product_Title_Margin_T0_L0_B0_R6--vars {
  --height:34px;
  --width:100%;
}
.N01_Titles_H4_Margin_T0_L0_B0_R5 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  text-transform: none;
  margin-right: 5px;
}
.N01_Titles_H4_Margin_T0_L0_B0_R5--vars {
  --width:100%;
}
.Product_Price_Margin_T0_L5_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 33px;
  width: 100%;
  margin-left: 5px;
}
.Product_Price_Margin_T0_L5_B0_R0--horizontal-line::after {
  content: none;
}
.Product_Price_Margin_T0_L5_B0_R0--vars {
  --height:33px;
  --width:100%;
}
.Content_Margin_T0_L43_B0_R10 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 55px;
  width: 100%;
  margin-left: 32px;
  margin-right: 32px;
  --gx-overflow-style: hidden;
}
.Content_Margin_T0_L43_B0_R10--horizontal-line::after {
  content: none;
}
.Content_Margin_T0_L43_B0_R10--vars {
  --height:55px;
  --width:100%;
}
.Search1_Margin_T0_L35_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_surface-primary);
  border-radius: 29px;
  border-width: 1px;
  height: 52px;
  width: 100%;
  margin-left: 35px;
}
.Search1_Margin_T0_L35_B0_R0--horizontal-line::after {
  content: none;
}
.Search1_Margin_T0_L35_B0_R0--vars {
  --height:52px;
  --width:100%;
}
.N04_Buttons_Buttons_Primary_Margin_T0_L179_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
  margin-left: 179px;
}
.N04_Buttons_Buttons_Primary_Margin_T0_L179_B0_R0--vars {
  --width:100%;
}
.Mask_Product_Image1_Margin_T0_L0_B5_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  margin-bottom: 5px;
  border-radius: 24px;
  --gx-overflow-style: hidden;
}
.Mask_Product_Image1_Margin_T0_L0_B5_R0--horizontal-line::after {
  content: none;
}
.Product_Information_Margin_T6_L0_B0_R5 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-right: 5px;
  margin-top: 6px;
}
.Product_Information_Margin_T6_L0_B0_R5--horizontal-line::after {
  content: none;
}
.Product_Information_Margin_T6_L0_B0_R5--vars {
  --width:100%;
}
.N01_Titles_H2_Margin_T0_L0_B0_R4 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  text-transform: unset;
}
.N01_Titles_H2_Margin_T0_L0_B0_R4--vars {
  --width:100%;
}
.Row_2_Margin_T0_L0_B0_R10 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 29px;
  width: 100%;
  margin-right: 10px;
}
.Row_2_Margin_T0_L0_B0_R10--horizontal-line::after {
  content: none;
}
.Row_2_Margin_T0_L0_B0_R10--vars {
  --height:29px;
  --width:100%;
}
.Content1_Margin_T0_L41_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 49px;
  width: 100%;
  margin-left: 41px;
}
.Content1_Margin_T0_L41_B0_R0--horizontal-line::after {
  content: none;
}
.Content1_Margin_T0_L41_B0_R0--vars {
  --height:49px;
  --width:100%;
}
.Menu1_Margin_T9_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 37px;
  margin-top: 9px;
}
.Menu1_Margin_T9_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Menu1_Margin_T9_L0_B0_R0--vars {
  --height:37px;
}
.Button_My_Favorites_Margin_T0_L0_B0_R10 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  margin-right: 10px;
}
.N04_Buttons_Buttons_Primary_Margin_T0_L5_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
  margin-left: 5px;
}
.N04_Buttons_Buttons_Primary_Margin_T0_L5_B0_R0--vars {
  --width:100%;
}
.N01_Titles_H3_Margin_T0_L50_B0_R49 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_neutral_grey_04);
  font-family: var(--fonts_font-primary-bold);
  font-size: var(--fontsizes_m);
  text-transform: unset;
  margin-left: 50px;
  margin-right: 49px;
}
.N01_Titles_H3_Margin_T0_L50_B0_R49--vars {
  --width:100%;
}
.Banner_Title_Margin_T0_L131_B0_R130 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  font-size: 17px;
  text-transform: none;
  color: var(--colors_light_primary);
  margin-left: 131px;
  margin-right: 130px;
}
.Banner_Title_Margin_T0_L131_B0_R130--vars {
  --width:100%;
}
.Actions_Margin_T0_L50_B0_R45 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 50px;
  margin-right: 45px;
}
.Actions_Margin_T0_L50_B0_R45--horizontal-line::after {
  content: none;
}
.Actions_Margin_T0_L50_B0_R45--vars {
  --width:100%;
}
.Header_HeaderMobile_Margin_T0_L15_B0_R14 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 53px;
  width: 100%;
  margin-left: 15px;
  margin-right: 14px;
}
.Header_HeaderMobile_Margin_T0_L15_B0_R14--horizontal-line::after {
  content: none;
}
.Header_HeaderMobile_Margin_T0_L15_B0_R14--vars {
  --height:53px;
  --width:100%;
}
.Categories_Margin_T0_L15_B0_R15 {
  border-style: solid;
  background-color: var(--colors_surface-secondary-light);
  border-color: var(--colors_light_neutral_grey_03);
  border-radius: 29px;
  border-width: 1px;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
.Categories_Margin_T0_L15_B0_R15--horizontal-line::after {
  content: none;
}
.Categories_Margin_T0_L15_B0_R15--vars {
  --width:100%;
}
.Search1_Margin_T0_L15_B0_R15 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_surface-primary);
  border-radius: 29px;
  border-width: 1px;
  height: 52px;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
.Search1_Margin_T0_L15_B0_R15--horizontal-line::after {
  content: none;
}
.Search1_Margin_T0_L15_B0_R15--vars {
  --height:52px;
  --width:100%;
}
.Grid_Product_Margin_T0_L11_B0_R11 {
  background-color: rgba(255, 255, 255, 0);
  margin-left: 11px;
  margin-right: 11px;
}
.Grid_Product_Margin_T0_L11_B0_R11--horizontal-line::after {
  content: none;
}
.Header_HeaderMobile_Margin_T0_L27_B0_R27 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 53px;
  width: 100%;
  margin-left: 27px;
  margin-right: 27px;
}
.Header_HeaderMobile_Margin_T0_L27_B0_R27--horizontal-line::after {
  content: none;
}
.Header_HeaderMobile_Margin_T0_L27_B0_R27--vars {
  --height:53px;
  --width:100%;
}
.Home_Tablet_Banner_Margin_T0_L27_B0_R27 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  background-image: var(--gx-image_img1c6848fbbd4f33fc02edd3ab9635fcacf9e46a41);
  border-radius: 45px;
  height: 312px;
  width: 100%;
  margin-left: 27px;
  margin-right: 27px;
}
.Home_Tablet_Banner_Margin_T0_L27_B0_R27--horizontal-line::after {
  content: none;
}
.Home_Tablet_Banner_Margin_T0_L27_B0_R27--vars {
  --height:312px;
  --width:100%;
}
.Filters_Margin_T0_L27_B0_R27 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 27px;
  margin-right: 27px;
}
.Filters_Margin_T0_L27_B0_R27--horizontal-line::after {
  content: none;
}
.Filters_Margin_T0_L27_B0_R27--vars {
  --width:100%;
}
.Categories_Margin_T0_L12_B0_R0 {
  border-style: solid;
  background-color: var(--colors_surface-secondary-light);
  border-color: var(--colors_light_neutral_grey_03);
  border-radius: 29px;
  border-width: 1px;
  width: 100%;
  margin-left: 12px;
}
.Categories_Margin_T0_L12_B0_R0--horizontal-line::after {
  content: none;
}
.Categories_Margin_T0_L12_B0_R0--vars {
  --width:100%;
}
.Search1_Margin_T0_L0_B0_R10 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_surface-primary);
  border-radius: 29px;
  border-width: 1px;
  height: 52px;
  width: 100%;
  margin-right: 10px;
}
.Search1_Margin_T0_L0_B0_R10--horizontal-line::after {
  content: none;
}
.Search1_Margin_T0_L0_B0_R10--vars {
  --height:52px;
  --width:100%;
}
.Grid_Product1_Margin_T0_L8_B0_R5 {
  background-color: rgba(255, 255, 255, 0);
  margin-left: 8px;
  margin-right: 5px;
}
.Grid_Product1_Margin_T0_L8_B0_R5--horizontal-line::after {
  content: none;
}
.Section_Category_1_Margin_T0_L9_B0_R9 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 9px;
  margin-right: 9px;
}
.Section_Category_1_Margin_T0_L9_B0_R9--horizontal-line::after {
  content: none;
}
.Section_Category_1_Margin_T0_L9_B0_R9--vars {
  --width:100%;
}
.Section_Category_1_Header_Margin_T0_L24_B13_R31 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-bottom: 13px;
  margin-left: 24px;
  margin-right: 31px;
}
.Section_Category_1_Header_Margin_T0_L24_B13_R31--horizontal-line::after {
  content: none;
}
.Section_Category_1_Header_Margin_T0_L24_B13_R31--vars {
  --width:100%;
}
.N05_Captions_Caption_Primary_Margin_T0_L58_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_text-bold);
  font-family: var(--fonts_font-secondary-bold);
  text-transform: unset;
  margin-left: 58px;
}
.N05_Captions_Caption_Primary_Margin_T0_L58_B0_R0--vars {
  --width:100%;
}
.Grid_Vertical_Category_1_Margin_T14_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  margin-top: 14px;
  height: 380px;
}
.Grid_Vertical_Category_1_Margin_T14_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Grid_Vertical_Category_1_Margin_T14_L0_B0_R0--vars {
  --height:380px;
}
.Section_Category_2_Margin_T0_L10_B0_R8 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 9px;
  margin-right: 9px;
}
.Section_Category_2_Margin_T0_L10_B0_R8--horizontal-line::after {
  content: none;
}
.Section_Category_2_Margin_T0_L10_B0_R8--vars {
  --width:100%;
}
.Section_Category_2_Header_Margin_T0_L26_B17_R16 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-bottom: 17px;
  margin-left: 26px;
  margin-right: 16px;
}
.Section_Category_2_Header_Margin_T0_L26_B17_R16--horizontal-line::after {
  content: none;
}
.Section_Category_2_Header_Margin_T0_L26_B17_R16--vars {
  --width:100%;
}
.N05_Captions_Caption_Primary_Margin_T0_L45_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  font-size: var(--fontsizes_m);
  width: 100%;
  color: var(--colors_text-bold);
  font-family: var(--fonts_font-secondary-bold);
  text-transform: unset;
  margin-left: 45px;
}
.N05_Captions_Caption_Primary_Margin_T0_L45_B0_R0--vars {
  --width:100%;
}
.Grid_Vertical_Category_2_Margin_T18_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  margin-top: 18px;
  height: 380px;
}
.Grid_Vertical_Category_2_Margin_T18_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Grid_Vertical_Category_2_Margin_T18_L0_B0_R0--vars {
  --height:380px;
}
.Content2_Margin_T0_L15_B0_R14 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 36px;
  width: 100%;
  margin-left: 15px;
  margin-right: 14px;
}
.Content2_Margin_T0_L15_B0_R14--horizontal-line::after {
  content: none;
}
.Content2_Margin_T0_L15_B0_R14--vars {
  --height:36px;
  --width:100%;
}
.Cards_CardProductPreview_Image {
  border-radius: 60px;
}
.Cards_CardProductPreview_Image--vars {
  --image-scale-type:cover;
}
.Cards_CardProductPreview_Margin_T0_L15_B0_R15 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  margin-left: 15px;
  margin-right: 15px;
}
.Cards_CardProductPreview_Margin_T0_L15_B0_R15--horizontal-line::after {
  content: none;
}
.Product_Detail1_Margin_T0_L15_B0_R15 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
.Product_Detail1_Margin_T0_L15_B0_R15--horizontal-line::after {
  content: none;
}
.Product_Detail1_Margin_T0_L15_B0_R15--vars {
  --width:100%;
}
.Product_Name_Margin_T0_L0_B0_R16 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 35px;
  width: 100%;
  margin-right: 16px;
}
.Product_Name_Margin_T0_L0_B0_R16--horizontal-line::after {
  content: none;
}
.Product_Name_Margin_T0_L0_B0_R16--vars {
  --height:35px;
  --width:100%;
}
.Product_Ranking_Margin_T6_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 29px;
  margin-top: 6px;
}
.Product_Ranking_Margin_T6_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Product_Ranking_Margin_T6_L0_B0_R0--vars {
  --height:29px;
}
.WrapContainer_Product_Information_Margin_T10_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  margin-top: 10px;
}
.WrapContainer_Product_Information_Margin_T10_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Irrigation_Margin_T149_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 23px;
  margin-top: 149px;
}
.Irrigation_Margin_T149_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Irrigation_Margin_T149_L0_B0_R0--vars {
  --height:23px;
}
.WrapContainer_Irrigation_Value_Margin_T0_L7_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  margin-left: 7px;
}
.WrapContainer_Irrigation_Value_Margin_T0_L7_B0_R0--horizontal-line::after {
  content: none;
}
.N03_Body_Body_Highlighted_Margin_T0_L108_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_light_primary);
  font-family: var(--fonts_font-secondary-bold);
  font-size: 17px;
  text-transform: unset;
  margin-left: 108px;
}
.N03_Body_Body_Highlighted_Margin_T0_L108_B0_R0--vars {
  --width:100%;
}
.Product_Preview_Large1_Margin_T7_L27_B18_R27 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 60px;
  width: 100%;
  height: 100%;
  margin-bottom: 18px;
  margin-left: 27px;
  margin-right: 27px;
  margin-top: 7px;
}
.Product_Preview_Large1_Margin_T7_L27_B18_R27--horizontal-line::after {
  content: none;
}
.Product_Preview_Large1_Margin_T7_L27_B18_R27--vars {
  --width:100%;
  --height:100%;
}
.Product_Detail1_Margin_T0_L27_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 27px;
}
.Product_Detail1_Margin_T0_L27_B0_R0--horizontal-line::after {
  content: none;
}
.Product_Detail1_Margin_T0_L27_B0_R0--vars {
  --width:100%;
}
.Product_Name1_Margin_T0_L0_B0_R6 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-right: 6px;
}
.Product_Name1_Margin_T0_L0_B0_R6--horizontal-line::after {
  content: none;
}
.Product_Name1_Margin_T0_L0_B0_R6--vars {
  --width:100%;
}
.Irrigation_Margin_T9_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 23px;
  margin-top: 9px;
}
.Irrigation_Margin_T9_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Irrigation_Margin_T9_L0_B0_R0--vars {
  --height:23px;
}
.Bottom_Controls_Margin_T0_L27_B0_R27 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 130px;
  width: 100%;
  margin-left: 27px;
  margin-right: 27px;
}
.Bottom_Controls_Margin_T0_L27_B0_R27--horizontal-line::after {
  content: none;
}
.Bottom_Controls_Margin_T0_L27_B0_R27--vars {
  --height:130px;
  --width:100%;
}
.Categories1_Margin_T0_L19_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-color: var(--colors_light_neutral_grey_03);
  border-radius: 24px;
  border-width: 1px;
  height: 49px;
  width: 100%;
  margin-left: 19px;
}
.Categories1_Margin_T0_L19_B0_R0--horizontal-line::after {
  content: none;
}
.Categories1_Margin_T0_L19_B0_R0--vars {
  --height:49px;
  --width:100%;
}
.Other_Products_Section_Margin_T0_L8_B0_R5 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 380px;
  width: 100%;
  margin-left: 8px;
  margin-right: 5px;
}
.Other_Products_Section_Margin_T0_L8_B0_R5--horizontal-line::after {
  content: none;
}
.Other_Products_Section_Margin_T0_L8_B0_R5--vars {
  --height:380px;
  --width:100%;
}
.Product_View_Margin_T0_L29_B0_R29 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 493px;
  width: 100%;
  margin-left: 29px;
  margin-right: 29px;
}
.Product_View_Margin_T0_L29_B0_R29--horizontal-line::after {
  content: none;
}
.Product_View_Margin_T0_L29_B0_R29--vars {
  --height:493px;
  --width:100%;
}
.Grid_Vertical_Gallery_Margin_T0_L0_B0_R18 {
  background-color: rgba(255, 255, 255, 0);
  margin-right: 18px;
}
.Grid_Vertical_Gallery_Margin_T0_L0_B0_R18--horizontal-line::after {
  content: none;
}
.WrapContainer_Product_Name_Margin_T0_L0_B0_R12 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  margin-right: 12px;
}
.WrapContainer_Product_Name_Margin_T0_L0_B0_R12--horizontal-line::after {
  content: none;
}
.N03_Body_Body_Regular_Margin_T8_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-brand);
  font-family: var(--fonts_font-secondary);
  font-size: 16px;
  text-transform: unset;
  margin-top: 8px;
}
.N03_Body_Body_Regular_Margin_T8_L0_B0_R0--vars {
  --width:100%;
}
.Product_Selection_Margin_T32_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 122px;
}
.Product_Selection_Margin_T32_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Product_Selection_Margin_T32_L0_B0_R0--vars {
  --height:122px;
}
.Product_Variants_Margin_T0_L0_B8_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 53px;
  margin-bottom: 8px;
}
.Product_Variants_Margin_T0_L0_B8_R0--horizontal-line::after {
  content: none;
}
.Product_Variants_Margin_T0_L0_B8_R0--vars {
  --height:53px;
}
.Button_Add_to_Cart_Margin_T0_L17_B0_R0 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
  margin-left: 17px;
}
.Other_Products_Section1_Margin_T0_L10_B0_R8 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 382px;
  width: 100%;
  margin-left: 10px;
  margin-right: 8px;
}
.Other_Products_Section1_Margin_T0_L10_B0_R8--horizontal-line::after {
  content: none;
}
.Other_Products_Section1_Margin_T0_L10_B0_R8--vars {
  --height:382px;
  --width:100%;
}
.Content2_Margin_T0_L23_B0_R14 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 36px;
  width: 100%;
  margin-left: 23px;
  margin-right: 14px;
}
.Content2_Margin_T0_L23_B0_R14--horizontal-line::after {
  content: none;
}
.Content2_Margin_T0_L23_B0_R14--vars {
  --height:36px;
  --width:100%;
}
.Grid_Cart_Products_Margin_T0_L8_B0_R7 {
  background-color: rgba(255, 255, 255, 0);
}
.Grid_Cart_Products_Margin_T0_L8_B0_R7--horizontal-line::after {
  content: none;
}
.Button_Checkout_Margin_T0_L50_B0_R49 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_ml);
  margin-left: 50px;
  margin-right: 49px;
}
.Button_Keep_Shopping_Margin_T0_L50_B0_R49 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  font-family: var(--fonts_font-primary-bold);
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_ml);
  color: var(--colors_text-primary);
  border-color: var(--colors_text-primary);
  margin-left: 50px;
  margin-right: 49px;
}
.Header1_Margin_T0_L8_B0_R8 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 50px;
  width: 100%;
  margin-left: 8px;
  margin-right: 8px;
}
.Header1_Margin_T0_L8_B0_R8--horizontal-line::after {
  content: none;
}
.Header1_Margin_T0_L8_B0_R8--vars {
  --height:50px;
  --width:100%;
}
.Content2_Margin_T0_L31_B0_R14 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 36px;
  width: 100%;
  margin-left: 31px;
  margin-right: 14px;
}
.Content2_Margin_T0_L31_B0_R14--horizontal-line::after {
  content: none;
}
.Content2_Margin_T0_L31_B0_R14--vars {
  --height:36px;
  --width:100%;
}
.Products_Preview_Margin_T0_L43_B0_R42 {
  border-style: solid;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.6980392157);
  border-radius: 45px;
  width: 100%;
  margin-left: 43px;
  margin-right: 42px;
}
.Products_Preview_Margin_T0_L43_B0_R42--horizontal-line::after {
  content: none;
}
.Products_Preview_Margin_T0_L43_B0_R42--vars {
  --width:100%;
}
.Grid_Products_Preview_Margin_T45_L0_B47_R0 {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 47px;
  margin-top: 45px;
}
.Grid_Products_Preview_Margin_T45_L0_B47_R0--horizontal-line::after {
  content: none;
}
.Grid_Products_Preview_Margin_T10_L0_B47_R0_Angular {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 47px;
  margin-top: 10px;
}
.Grid_Products_Preview_Margin_T10_L0_B47_R0_Angular--horizontal-line::after {
  content: none;
}
.Order_Detail_Margin_T0_L43_B0_R42 {
  border-style: solid;
  border-width: 0px;
  background-color: rgba(255, 255, 255, 0.6980392157);
  border-radius: 45px;
  width: 100%;
  margin-left: 43px;
  margin-right: 42px;
  height: auto;
}
.Order_Detail_Margin_T0_L43_B0_R42--horizontal-line::after {
  content: none;
}
.Order_Detail_Margin_T0_L43_B0_R42--vars {
  --width:100%;
  --height:auto;
}
.Secondary_Button_Margin_T14_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  border-color: #000000;
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_m);
  margin-top: 14px;
}
.My_Cart_Section_Margin_T0_L34_B0_R33 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 34px;
  margin-right: 33px;
}
.My_Cart_Section_Margin_T0_L34_B0_R33--horizontal-line::after {
  content: none;
}
.My_Cart_Section_Margin_T0_L34_B0_R33--vars {
  --width:100%;
}
.Grid_Products_Preview1_Margin_T45_L0_B47_R0 {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 47px;
  margin-top: 45px;
}
.Grid_Products_Preview1_Margin_T45_L0_B47_R0--horizontal-line::after {
  content: none;
}
.Grid1_Margin_T0_L5_B29_R0 {
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 29px;
  margin-left: 5px;
}
.Grid1_Margin_T0_L5_B29_R0--horizontal-line::after {
  content: none;
}
.Grid1-Web {
  background-color: rgba(255, 255, 255, 0);
  margin-right: 7px;
}
.Grid1-Web--horizontal-line::after {
  content: none;
}
.Tax1_Margin_T31_L0_B0_R7 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 50px;
  width: 100%;
  margin-right: 7px;
  margin-top: 31px;
}
.Tax1_Margin_T31_L0_B0_R7--horizontal-line::after {
  content: none;
}
.Tax1_Margin_T31_L0_B0_R7--vars {
  --height:50px;
  --width:100%;
}
.Total1_Margin_T0_L0_B0_R7 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 50px;
  width: 100%;
  margin-right: 7px;
}
.Total1_Margin_T0_L0_B0_R7--horizontal-line::after {
  content: none;
}
.Total1_Margin_T0_L0_B0_R7--vars {
  --height:50px;
  --width:100%;
}
.Button_Keep_Shopping_Margin_T14_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  font-family: var(--fonts_font-primary-bold);
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_ml);
  color: var(--colors_text-primary);
  border-color: var(--colors_text-primary);
  margin-top: 14px;
}
.Grid_Product_Item1_Margin_T0_L8_B0_R7 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 133px;
  margin-left: 8px;
  margin-right: 7px;
}
.Grid_Product_Item1_Margin_T0_L8_B0_R7--horizontal-line::after {
  content: none;
}
.Grid_Product_Item1_Margin_T0_L8_B0_R7--vars {
  --height:133px;
}
.Button_Open_Cart_Margin_T0_L64_B0_R57 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_ml);
  margin-left: 64px;
  margin-right: 57px;
}
.Button_Keep_Shopping_Margin_T0_L64_B0_R57 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  font-family: var(--fonts_font-primary-bold);
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_ml);
  color: var(--colors_text-primary);
  border-color: var(--colors_text-primary);
  margin-left: 64px;
  margin-right: 57px;
}
.Modal_Content_Margin_T0_L40_B0_R42 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 40px;
  margin-right: 42px;
}
.Modal_Content_Margin_T0_L40_B0_R42--horizontal-line::after {
  content: none;
}
.Modal_Content_Margin_T0_L40_B0_R42--vars {
  --width:100%;
}
.Modal_Title_Margin_T14_L0_B0_R0 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  text-transform: unset;
  font-size: 22px;
  margin-top: 14px;
}
.Modal_Title_Margin_T14_L0_B0_R0--vars {
  --width:100%;
}
.Grid_Product_Item1_Margin_T0_L35_B0_R31 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 133px;
  margin-left: 35px;
  margin-right: 31px;
}
.Grid_Product_Item1_Margin_T0_L35_B0_R31--horizontal-line::after {
  content: none;
}
.Grid_Product_Item1_Margin_T0_L35_B0_R31--vars {
  --height:133px;
}
.Button_Open_Cart_Margin_T0_L11_B0_R8 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_ml);
  margin-left: 11px;
  margin-right: 8px;
}
.Button_Keep_Shopping_Margin_T0_L11_B0_R8 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  font-family: var(--fonts_font-primary-bold);
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_ml);
  color: var(--colors_text-primary);
  border-color: var(--colors_text-primary);
  margin-left: 11px;
  margin-right: 8px;
}
.Cart_Preview_Header_Margin_T0_L45_B0_R25 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 52px;
  width: 100%;
  margin-left: 45px;
  margin-right: 25px;
}
.Cart_Preview_Header_Margin_T0_L45_B0_R25--horizontal-line::after {
  content: none;
}
.Cart_Preview_Header_Margin_T0_L45_B0_R25--vars {
  --height:52px;
  --width:100%;
}
.Grid_Cart_Products_Preview_Margin_T0_L26_B0_R25 {
  background-color: rgba(255, 255, 255, 0);
  margin-left: 26px;
  margin-right: 25px;
}
.Grid_Cart_Products_Preview_Margin_T0_L26_B0_R25--horizontal-line::after {
  content: none;
}
.Primary_Button_Margin_T0_L34_B0_R25 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
  margin-left: 34px;
  margin-right: 25px;
}
.Header_Margin_T16_L0_B0_R0 {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_light_surface);
  height: 50px;
  width: 100%;
  margin-top: 16px;
}
.Header_Margin_T16_L0_B0_R0--horizontal-line::after {
  content: none;
}
.Header_Margin_T16_L0_B0_R0--vars {
  --height:50px;
  --width:100%;
}
.Content2_Margin_T0_L24_B0_R14 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  height: 36px;
  width: 100%;
  margin-left: 24px;
  margin-right: 14px;
}
.Content2_Margin_T0_L24_B0_R14--horizontal-line::after {
  content: none;
}
.Content2_Margin_T0_L24_B0_R14--vars {
  --height:36px;
  --width:100%;
}
.Grid_Category_Margin_T0_L11_B0_R11 {
  background-color: rgba(255, 255, 255, 0);
  margin-left: 11px;
  margin-right: 11px;
}
.Grid_Category_Margin_T0_L11_B0_R11--horizontal-line::after {
  content: none;
}
.Grid_Category1_Margin_T0_L8_B0_R6 {
  background-color: rgba(255, 255, 255, 0);
  margin-left: 8px;
  margin-right: 6px;
}
.Grid_Category1_Margin_T0_L8_B0_R6--horizontal-line::after {
  content: none;
}
.Section_Category_Margin_T0_L9_B0_R9 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 9px;
  margin-right: 9px;
}
.Section_Category_Margin_T0_L9_B0_R9--horizontal-line::after {
  content: none;
}
.Section_Category_Margin_T0_L9_B0_R9--vars {
  --width:100%;
}
.Section_Search_Result_Margin_T0_L9_B0_R9 {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  width: 100%;
  margin-left: 9px;
  margin-right: 9px;
}
.Section_Search_Result_Margin_T0_L9_B0_R9--horizontal-line::after {
  content: none;
}
.Section_Search_Result_Margin_T0_L9_B0_R9--vars {
  --width:100%;
}
.Static_Modal_Title_Margin_T0_L71_B0_R70 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  inline-size: unset;
  font-size: 22px;
  margin-left: 71px;
  margin-right: 70px;
}
.Static_Modal_Title_Margin_T0_L71_B0_R70--vars {
  --width:100%;
}
.Button_Delete1_Margin_T0_L44_B0_R44 {
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  color: var(--colors_light_neutral_grey_00);
  font-family: var(--fonts_font-primary-bold);
  background-color: var(--colors_light_primary);
  border-radius: 26px;
  font-size: var(--fontsizes_m);
  margin-left: 44px;
  margin-right: 44px;
}
.Button_Cancel_Margin_T0_L44_B0_R44 {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  text-transform: none;
  color: var(--colors_light_on_surface);
  font-family: var(--fonts_font-primary-bold);
  border-color: #000000;
  border-radius: 26px;
  border-width: 1px;
  font-size: var(--fontsizes_m);
  margin-left: 44px;
  margin-right: 44px;
}
.Static_Modal_Title_Margin_T0_L114_B0_R111 {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000000;
  width: 100%;
  font-family: var(--fonts_font-primary-bold);
  inline-size: unset;
  font-size: 22px;
  margin-left: 114px;
  margin-right: 111px;
}
.Static_Modal_Title_Margin_T0_L114_B0_R111--vars {
  --width:100%;
}
.BadgeIcon {
  width: 24px;
  height: 24px;
  border-width: 1px;
  border-color: #191819;
  border-style: solid;
  background-color: white;
  font-family: var(--fonts_font-primary);
  font-weight: Bold;
  font-size: 16px;
  text-align: center;
  border-radius: 12px;
}
.BadgeIcon--vars {
  --width:24px;
  --height:24px;
}
.BadgeIcon-Web {
  border-color: #191819;
  border-style: solid;
  font-family: var(--fonts_font-primary);
  font-weight: Bold;
  font-size: 16px;
  text-align: center;
  border-radius: 12px;
  margin: 0;
  margin-left: -25px;
  color: #568030;
  background-color: #D0DBC5;
  border-width: 0px;
  padding-right: 6px;
  width: 22px;
  height: 22px;
}
.BadgeIcon-Web--vars {
  --width:22px;
  --height:22px;
}
.AppHeader__Logo-Mobile {
  margin-left: 15px;
  margin-right: 15px;
}
.AppHeader__Logo-Tablet {
  margin-left: 27px;
  margin-right: 27px;
}
.AppHeader__Text-Tablet {
  width: 100%;
  margin-left: 39px;
  margin-right: 22px;
}
.AppHeader__Text-Tablet--vars {
  --width:100%;
}
.AppHeader__Text-Mobile {
  width: 100%;
  margin-left: 23px;
  margin-right: 14px;
}
.AppHeader__Text-Mobile--vars {
  --width:100%;
}
.AppHeader__Main * {
  overflow: hidden !important;
}
.TableMain {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
}
.TableMain--horizontal-line::after {
  content: none;
}
.TableMainCenter {
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  background-color: var(--colors_surface-background);
  margin-left: 16px;
  margin-right: 16px;
}
.TableMainCenter--horizontal-line::after {
  content: none;
}
.Table__Interior {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  margin-left: 16px;
  margin-right: 16px;
}
.Table__Interior--horizontal-line::after {
  content: none;
}
.Wrap_Banner_Title {
  margin-top: 48px;
  margin-left: 68px;
}
.Wrap_Banner_Arrow {
  margin-top: 48px;
  margin-left: 690px;
}
.Banner__Icon {
  border-radius: 0px;
}
.Banner__Icon--vars {
  --image-scale-type:none;
}
gx-canvas.Banner_Content gx-canvas-cell:first-child {
  position: absolute;
}
gx-canvas.Banner_Content gx-canvas-cell {
  position: initial;
}
.Wrap_Banner_Icon-Web {
  border-radius: 0px;
}
.Wrap_Banner_Icon-Web--vars {
  --image-scale-type:cover;
}
.hidden {
  display: none !important;
}
.Product_Image_Preview-Web {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 100px 100px 45px 45px;
  --gx-overflow-style: hidden;
}
.Product_Image_Preview-Web--horizontal-line::after {
  content: none;
}
.Product_Image-Web {
  border-radius: 0px;
}
.Product_Image-Web--vars {
  --image-scale-type:cover;
}
.N01_Titles_H2_Search-Web {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  width: 100%;
  color: var(--colors_text-primary);
  font-family: var(--fonts_font-primary-bold);
  font-size: 26px;
  text-transform: unset;
}
.N01_Titles_H2_Search-Web--vars {
  --width:100%;
}
.CategoryBanner-Web {
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 0px;
  border-radius: 12px;
  height: 153px !important;
  --gx-overflow-style: hidden;
}
.CategoryBanner-Web--horizontal-line::after {
  content: none;
}
.CategoryBanner-Web--vars {
  --height:153px !important;
}
.TableAssistant {
  background-color: #F3F6F0;
  border-radius: 16px;
}
.TxtAssistant {
  font-size: 17px;
  font-family: var(--fonts_font-primary-bold);
  color: #6B6969;
}
.ImgAssistant {
  border-radius: 0px;
}
.ImgAssistant--vars {
  --image-scale-type:contain;
}
.TableSearchBack {
  border-radius: 24px;
  background-color: #F3F6F0;
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 40px;
}
.TableSearch {
  border-radius: 29px;
  background-color: #FFFFFF;
  border-color: #C8C6C6;
  border-style: solid;
  border-width: 1px;
}
.BtnOption {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  text-transform: none;
  font-size: 14px;
  font-family: var(--fonts_font-primary);
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  margin-right: 8px;
  padding: 8px;
  letter-spacing: 0.33px;
}
.BtnOptionUnSelected {
  text-transform: none;
  font-size: 14px;
  font-family: var(--fonts_font-primary);
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  margin-right: 8px;
  padding: 8px;
  letter-spacing: 0.33px;
  background-color: #FFFFFF;
  color: #888888;
  border-color: #C8C6C6;
}
.BtnOptionSelected {
  text-transform: none;
  font-size: 14px;
  font-family: var(--fonts_font-primary);
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  margin-right: 8px;
  padding: 8px;
  letter-spacing: 0.33px;
  background-color: #568030;
  color: #FFFFFF;
  border-color: #568030;
}
.BtnSearch {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icon_search_unselected);
  margin-right: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
}
.InputSearch {
  font-family: var(--fonts_font-primary);
  font-size: 16px;
  color: #6B6969;
}
.IconPlant {
  border-radius: 0px;
  margin-left: 16px;
  margin-right: 12px;
}
.IconPlant--vars {
  --image-scale-type:contain;
}
[valign=top] > .gx-grid-empty > .gx-empty-indicator {
  flex-direction: column !important;
}
.gx-empty-indicator > .gx-empty-item {
  position: relative !important;
}
.TxtResult {
  font-family: var(--fonts_font-secondary);
  font-size: 16px;
  color: #6B6969;
  inline-size: unset;
}
.BtnQuickSearch {
  font-family: var(--fonts_font-secondary);
  color: #616161;
  background-color: #D6E5C8;
  border-radius: 30px;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  margin-bottom: 8px;
}
.BtnQuickSearch::part(main-img) {
  margin-left: 5px;
}
.TextBlock {
  color: #6B6969;
}
.card {
  padding: 0px;
  background-color: #F4F7F4;
  border-radius: 12px;
  border-color: rgba(1, 85, 71, 0.1411764706);
  box-shadow: var(--shadows_s);
}
.ImageEmptyChat {
  padding-bottom: 16px;
}
.chat {
  min-height: 500px;
  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: #121212;
  font-family: var(--fonts_font-secondary);
  font-size: var(--fontsizes_un-s);
  font-weight: var(--fonts_un-font__weight--regular);
  line-height: 18px;
  letter-spacing: var(--spacing_letter-spacing-xs);
  text-align: left;
}
.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: 20px;
  margin-inline-end: var(--spacing_un-l);
}
.chat::part(message user) {
  padding-left: 0px;
}
.chat::part(message user)::before {
  -webkit-mask-image: var(--gx-image_chatusericon);
  mask-image: var(--gx-image_chatusericon);
  background-color: #FFFFFF;
}
.chat::part(message user)::after {
  background-color: #568030;
}
.chat::part(message assistant) {
  background-color: rgba(255, 255, 255, 0);
  padding-left: 0px;
}
.chat::part(message assistant)::before {
  -webkit-mask-image: var(--gx-image_chatsystemicon);
  mask-image: var(--gx-image_chatsystemicon);
  background-color: #568030;
}
.chat::part(message assistant)::after {
  background-color: #F6FFEE;
  border: 1px solid #568030;
}
.chat::part(message error) {
  padding-left: 0px;
}
.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_font-secondary);
  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_font-secondary);
  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-s);
  -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;
  position: relative;
  left: -72px;
  width: 0px;
}
.chat::part(send-input) {
  grid-area: send-input;
  padding-inline-start: 16px;
  padding-inline-end: 60px;
  border-radius: 29px;
  background-color: #FFFFFF;
  border-color: #C8C6C6;
  border-style: solid;
  border-width: 1px;
  font-family: var(--fonts_font-secondary);
  font-size: var(--fontsizes_un-s);
  font-weight: var(--fonts_un-font__weight--regular);
  height: 64px;
  line-height: 28px;
  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) {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  border-style: solid;
  border-width: 0px;
  text-transform: none;
  background-image: var(--gx-image_icon_search_unselected);
  margin-right: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  width: 38px;
  height: auto;
  -webkit-mask-image: none;
  mask-image: none;
  align-self: auto;
}
.chat::part(send-button):disabled {
  background-image: none;
  background-color: rgba(255, 255, 255, 0);
}
.chat::part(stop-response-button) {
  display: flex;
  gap: var(--spacing_un-s);
  color: var(--colors_text-secondary);
  font-family: var(--fonts_font-secondary);
  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_text-secondary);
}
.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;
}
.card-heading {
  border-bottom: solid var(--borders_un-width--xs) #E0E0E0;
  box-shadow: 0px 1px 1px #E0E0E0;
  padding: var(--spacing_un-l);
  letter-spacing: var(--spacing_letter-spacing-s);
  color: var(--colors_title__on-surface--highlighted);
}
.card-body {
  padding: 15px;
}
.card-close-button {
  background-color: unset;
}

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