@genexus/mercury 0.9.9 → 0.9.10

package/dist/bundles/css/base/base.css

@@ -1 +1 @@
-@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Thin.woff2");font-weight:100;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ThinItalic.woff2");font-weight:100;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLight.woff2");font-weight:200;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLightItalic.woff2");font-weight:200;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BoldItalic.woff2");font-weight:700;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBold.woff2");font-weight:800;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBoldItalic.woff2");font-weight:800;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Black.woff2");font-weight:900;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BlackItalic.woff2");font-weight:900;font-style:italic}:root.light{color-scheme:light;--mer-color__primary-blue--200: #005ac1;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-blue--5: #f3f6fd;--mer-color__tinted-blue--8: #eff5fd;--mer-color__tinted-blue--10: #ecf3fd;--mer-color__tinted-blue--20: #deebfe;--mer-color__tinted-blue--30: #cfe3fe;--mer-color__tinted-blue--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary-blue--200: #5ba7ff;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #e1ecf9;--mer-color__neutral-gray--200: #d2ddeb;--mer-color__neutral-gray--300: #c0ccd9;--mer-color__neutral-gray--400: #9da9b6;--mer-color__neutral-gray--450: #828b96;--mer-color__neutral-gray--500: #56677a;--mer-color__neutral-gray--550: #485665;--mer-color__neutral-gray--600: #394552;--mer-color__neutral-gray--650: #2d3a48;--mer-color__neutral-gray--700: #242d3c;--mer-color__neutral-gray--800: #181f2a;--mer-color__neutral-gray--900: #11151c;--mer-color__neutral-gray--1000: #1f2225;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-blue--5: #1d2838;--mer-color__tinted-blue--8: #1f2c3f;--mer-color__tinted-blue--10: #1f2e43;--mer-color__tinted-blue--20: #293d5c;--mer-color__tinted-blue--30: #2e4e72;--mer-color__tinted-blue--50: #3c689c;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #f9bd56;--mer-color__message-yellow--200: #f9bd56;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__font-size: var(--mer-font__size--3xs);--mer-body__font-family: var(--mer-font-family--body);--mer-body__font-weight: var(--mer-font__weight--regular);--mer-body__line-height: var(--mer-line-height--spaced);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--mer-heading__color: var(--mer-color__neutral-gray--100);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-border-color__primary);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-color__neutral-gray--500);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__font-family: var(--mer-font-family--body);--control__font-weight--regular: var(--mer-font__weight--regular);--control__font-weight--semi-bold: var(--mer-font__weight--semi-bold);--control__font-size--small: var(--mer-font__size--3xs);--control__font-size--regular: var(--mer-font__size--xs);--control__line-height: var(--mer-line-height--spaced);--control__padding-block: var(--mer-spacing--2xs);--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--ch-placeholder-color);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__font-size: var(--mer-font__size--2xs);--label__font-weight: var(--mer-font__weight--semi-bold);--label__line-height: var(--mer-line-height--regular);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary-blue--200);--mer-accent__primary--hover: var(--mer-color__primary-blue--400);--mer-accent__primary--active: var(--mer-color__primary-blue--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__dim: var(--mer-color__neutral-gray--550);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-blue--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-blue--10);--item__border-color--selected: var(--mer-color__tinted-blue--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);--item__border-color--selected-hover: var(--mer-color__tinted-blue--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__font-size: var(--item__font-size--regular);--item__font-size--small: var(--mer-font__size--3xs);--item__font-size--regular: var(--mer-font__size--xs);--item__font-weight: var(--mer-font__weight--regular);--item-header__font-weight: var(--mer-font__weight--semi-bold);--item__gap--regular: var(--mer-spacing--xs);--item__line-height: var(--mer-line-height--tight);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-blue--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-blue--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-blue--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__font-size: var(--mer-font__size--3xs);--tab-caption__font-weight: var(--mer-font__weight--semi-bold);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-red--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--light: 300;--mer-font__weight--regular: 400;--mer-font__weight--medium: 500;--mer-font__weight--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--mer-font__size--4xs: 11px;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);line-height:var(--mer-body__line-height);font-family:var(--mer-body__font-family);font-size:var(--mer-body__font-size);font-weight:var(--mer-body__font-weight)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}
+@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Thin.woff2");font-weight:100;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ThinItalic.woff2");font-weight:100;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLight.woff2");font-weight:200;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraLightItalic.woff2");font-weight:200;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BoldItalic.woff2");font-weight:700;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBold.woff2");font-weight:800;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-ExtraBoldItalic.woff2");font-weight:800;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Black.woff2");font-weight:900;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BlackItalic.woff2");font-weight:900;font-style:italic}:root.light{color-scheme:light;--mer-color__primary-blue--200: #005ac1;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-blue--5: #f3f6fd;--mer-color__tinted-blue--8: #eff5fd;--mer-color__tinted-blue--10: #ecf3fd;--mer-color__tinted-blue--20: #deebfe;--mer-color__tinted-blue--30: #cfe3fe;--mer-color__tinted-blue--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary-blue--200: #bfd732;--mer-color__primary-blue--300: #b4cc28;--mer-color__primary-blue--400: #96aa22;--mer-color__primary-blue--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-blue--5: #202118;--mer-color__tinted-blue--8: #242619;--mer-color__tinted-blue--10: #282a1a;--mer-color__tinted-blue--20: #383d1c;--mer-color__tinted-blue--30: #49501f;--mer-color__tinted-blue--50: #6a7624;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__font-size: var(--mer-font__size--3xs);--mer-body__font-family: var(--mer-font-family--body);--mer-body__font-weight: var(--mer-font__weight--regular);--mer-body__line-height: var(--mer-line-height--spaced);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--mer-heading__color: var(--mer-color__neutral-gray--100);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-border-color__primary);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-color__neutral-gray--500);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__font-family: var(--mer-font-family--body);--control__font-weight--regular: var(--mer-font__weight--regular);--control__font-weight--semi-bold: var(--mer-font__weight--semi-bold);--control__font-size--small: var(--mer-font__size--3xs);--control__font-size--regular: var(--mer-font__size--xs);--control__line-height: var(--mer-line-height--spaced);--control__padding-block: var(--mer-spacing--2xs);--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--ch-placeholder-color);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__font-size: var(--mer-font__size--2xs);--label__font-weight: var(--mer-font__weight--semi-bold);--label__line-height: var(--mer-line-height--regular);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary-blue--200);--mer-accent__primary--hover: var(--mer-color__primary-blue--400);--mer-accent__primary--active: var(--mer-color__primary-blue--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__dim: var(--mer-color__neutral-gray--550);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-blue--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-blue--10);--item__border-color--selected: var(--mer-color__tinted-blue--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);--item__border-color--selected-hover: var(--mer-color__tinted-blue--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__font-size: var(--item__font-size--regular);--item__font-size--small: var(--mer-font__size--3xs);--item__font-size--regular: var(--mer-font__size--xs);--item__font-weight: var(--mer-font__weight--regular);--item-header__font-weight: var(--mer-font__weight--semi-bold);--item__gap--regular: var(--mer-spacing--xs);--item__line-height: var(--mer-line-height--tight);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-blue--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-blue--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-blue--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__font-size: var(--mer-font__size--3xs);--tab-caption__font-weight: var(--mer-font__weight--semi-bold);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-red--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--light: 300;--mer-font__weight--regular: 400;--mer-font__weight--medium: 500;--mer-font__weight--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--mer-font__size--4xs: 11px;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);line-height:var(--mer-body__line-height);font-family:var(--mer-body__font-family);font-size:var(--mer-body__font-size);font-weight:var(--mer-body__font-weight)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}

package/dist/bundles/scss/base/base.scss

@@ -6,6 +6,7 @@
 
   $light-theme: true,
   $dark-theme: true,
+  $globant-colors: true,
 
   $font-face: true,
   $font-face-path: $font-face-path,

package/dist/mercury.scss

@@ -969,102 +969,210 @@
   --mer-border__radius--xl: 30px;
 }
 
-@mixin foundation-colors--light() {
-  // primary
-  --mer-color__primary-blue--200: #005ac1;
-  --mer-color__primary-blue--300: #5498e8;
-  --mer-color__primary-blue--400: #437dc0;
-  --mer-color__primary-blue--600: #335884;
-
-  // neutral
-  --mer-color__neutral-gray--100: #4a5870;
-  --mer-color__neutral-gray--200: #49566d;
-  --mer-color__neutral-gray--300: #56677a;
-  --mer-color__neutral-gray--400: #56677a;
-  --mer-color__neutral-gray--450: #56677a;
-  --mer-color__neutral-gray--500: #828b96;
-  --mer-color__neutral-gray--550: #9da9b6;
-  --mer-color__neutral-gray--600: #aeb9c6;
-  --mer-color__neutral-gray--650: #c6d1dd;
-  --mer-color__neutral-gray--700: #e1ecf9;
-  --mer-color__neutral-gray--800: #fafbfd;
-  --mer-color__neutral-gray--900: #f0f4fa;
-  --mer-color__neutral-gray--1000: #ffffff;
-
-  // tinted
-  --mer-color__tinted-yellow--5: #faf9f6;
-  --mer-color__tinted-yellow--60: #fafbfd;
-  --mer-color__tinted-red--5: #faf5f7;
-  --mer-color__tinted-red--60: #fbb2b7;
-  --mer-color__tinted-green--5: #f2f7f8;
-  --mer-color__tinted-green--60: #94cac4;
-  --mer-color__tinted-blue--5: #f3f6fd;
-  --mer-color__tinted-blue--8: #eff5fd;
-  --mer-color__tinted-blue--10: #ecf3fd;
-  --mer-color__tinted-blue--20: #deebfe;
-  --mer-color__tinted-blue--30: #cfe3fe;
-  --mer-color__tinted-blue--50: #b1d2fe;
-
-  // message
-  --mer-color__message-green--100: #208e80;
-  --mer-color__message-green--200: #208e80;
-  --mer-color__message-yellow--100: #dfa135;
-  --mer-color__message-yellow--200: #dfa135;
-  --mer-color__message-red--100: #da1a27;
-  --mer-color__message-red--200: #da1a27;
-  --mer-color__message-red--300: #4d0000;
-  --mer-color__message-red--400: #800000;
-  --mer-color__message-red--500: #ff9999;
-  --mer-color__message-red--600: #ff9999;
-}
-
-@mixin foundation-colors--dark() {
-  // primary
-  --mer-color__primary-blue--200: #5ba7ff;
-  --mer-color__primary-blue--300: #5498e8;
-  --mer-color__primary-blue--400: #437dc0;
-  --mer-color__primary-blue--600: #335884;
-
-  // neutral
-  --mer-color__neutral-gray--100: #e1ecf9;
-  --mer-color__neutral-gray--200: #d2ddeb;
-  --mer-color__neutral-gray--300: #c0ccd9;
-  --mer-color__neutral-gray--400: #9da9b6;
-  --mer-color__neutral-gray--450: #828b96;
-  --mer-color__neutral-gray--500: #56677a;
-  --mer-color__neutral-gray--550: #485665;
-  --mer-color__neutral-gray--600: #394552;
-  --mer-color__neutral-gray--650: #2d3a48;
-  --mer-color__neutral-gray--700: #242d3c;
-  --mer-color__neutral-gray--800: #181f2a;
-  --mer-color__neutral-gray--900: #11151c;
-  --mer-color__neutral-gray--1000: #1f2225;
-
-  // tinted
-  --mer-color__tinted-yellow--5: #282a2d;
-  --mer-color__tinted-yellow--60: #ad8a53;
-  --mer-color__tinted-red--5: #29252f;
-  --mer-color__tinted-red--60: #aa5962;
-  --mer-color__tinted-green--5: #1c2830;
-  --mer-color__tinted-green--60: #317571;
-  --mer-color__tinted-blue--5: #1d2838;
-  --mer-color__tinted-blue--8: #1f2c3f;
-  --mer-color__tinted-blue--10: #1f2e43;
-  --mer-color__tinted-blue--20: #293d5c;
-  --mer-color__tinted-blue--30: #2e4e72;
-  --mer-color__tinted-blue--50: #3c689c;
-
-  // message
-  --mer-color__message-green--100: #3fa89b;
-  --mer-color__message-green--200: #3fa89b;
-  --mer-color__message-yellow--100: #f9bd56;
-  --mer-color__message-yellow--200: #f9bd56;
-  --mer-color__message-red--100: #e35861;
-  --mer-color__message-red--200: #d54b54;
-  --mer-color__message-red--300: #ff6161;
-  --mer-color__message-red--400: #ff9999;
-  --mer-color__message-red--500: #800000;
-  --mer-color__message-red--600: #4d0000;
+@mixin foundation-colors--light($globant-colors: false) {
+  @if $globant-colors {
+    // Globant Colors
+
+    // TODO: update with Globant colors when available
+    // primary
+    --mer-color__primary-blue--200: #005ac1;
+    --mer-color__primary-blue--300: #5498e8;
+    --mer-color__primary-blue--400: #437dc0;
+    --mer-color__primary-blue--600: #335884;
+
+    // neutral
+    --mer-color__neutral-gray--100: #4a5870;
+    --mer-color__neutral-gray--200: #49566d;
+    --mer-color__neutral-gray--300: #56677a;
+    --mer-color__neutral-gray--400: #56677a;
+    --mer-color__neutral-gray--450: #56677a;
+    --mer-color__neutral-gray--500: #828b96;
+    --mer-color__neutral-gray--550: #9da9b6;
+    --mer-color__neutral-gray--600: #aeb9c6;
+    --mer-color__neutral-gray--650: #c6d1dd;
+    --mer-color__neutral-gray--700: #e1ecf9;
+    --mer-color__neutral-gray--800: #fafbfd;
+    --mer-color__neutral-gray--900: #f0f4fa;
+    --mer-color__neutral-gray--1000: #ffffff;
+
+    // tinted
+    --mer-color__tinted-yellow--5: #faf9f6;
+    --mer-color__tinted-yellow--60: #fafbfd;
+    --mer-color__tinted-red--5: #faf5f7;
+    --mer-color__tinted-red--60: #fbb2b7;
+    --mer-color__tinted-green--5: #f2f7f8;
+    --mer-color__tinted-green--60: #94cac4;
+    --mer-color__tinted-blue--5: #f3f6fd;
+    --mer-color__tinted-blue--8: #eff5fd;
+    --mer-color__tinted-blue--10: #ecf3fd;
+    --mer-color__tinted-blue--20: #deebfe;
+    --mer-color__tinted-blue--30: #cfe3fe;
+    --mer-color__tinted-blue--50: #b1d2fe;
+
+    // message
+    --mer-color__message-green--100: #208e80;
+    --mer-color__message-green--200: #208e80;
+    --mer-color__message-yellow--100: #dfa135;
+    --mer-color__message-yellow--200: #dfa135;
+    --mer-color__message-red--100: #da1a27;
+    --mer-color__message-red--200: #da1a27;
+    --mer-color__message-red--300: #4d0000;
+    --mer-color__message-red--400: #800000;
+    --mer-color__message-red--500: #ff9999;
+    --mer-color__message-red--600: #ff9999;
+  } @else {
+    // Mercury Colors
+
+    // primary
+    --mer-color__primary-blue--200: #005ac1;
+    --mer-color__primary-blue--300: #5498e8;
+    --mer-color__primary-blue--400: #437dc0;
+    --mer-color__primary-blue--600: #335884;
+
+    // neutral
+    --mer-color__neutral-gray--100: #4a5870;
+    --mer-color__neutral-gray--200: #49566d;
+    --mer-color__neutral-gray--300: #56677a;
+    --mer-color__neutral-gray--400: #56677a;
+    --mer-color__neutral-gray--450: #56677a;
+    --mer-color__neutral-gray--500: #828b96;
+    --mer-color__neutral-gray--550: #9da9b6;
+    --mer-color__neutral-gray--600: #aeb9c6;
+    --mer-color__neutral-gray--650: #c6d1dd;
+    --mer-color__neutral-gray--700: #e1ecf9;
+    --mer-color__neutral-gray--800: #fafbfd;
+    --mer-color__neutral-gray--900: #f0f4fa;
+    --mer-color__neutral-gray--1000: #ffffff;
+
+    // tinted
+    --mer-color__tinted-yellow--5: #faf9f6;
+    --mer-color__tinted-yellow--60: #fafbfd;
+    --mer-color__tinted-red--5: #faf5f7;
+    --mer-color__tinted-red--60: #fbb2b7;
+    --mer-color__tinted-green--5: #f2f7f8;
+    --mer-color__tinted-green--60: #94cac4;
+    --mer-color__tinted-blue--5: #f3f6fd;
+    --mer-color__tinted-blue--8: #eff5fd;
+    --mer-color__tinted-blue--10: #ecf3fd;
+    --mer-color__tinted-blue--20: #deebfe;
+    --mer-color__tinted-blue--30: #cfe3fe;
+    --mer-color__tinted-blue--50: #b1d2fe;
+
+    // message
+    --mer-color__message-green--100: #208e80;
+    --mer-color__message-green--200: #208e80;
+    --mer-color__message-yellow--100: #dfa135;
+    --mer-color__message-yellow--200: #dfa135;
+    --mer-color__message-red--100: #da1a27;
+    --mer-color__message-red--200: #da1a27;
+    --mer-color__message-red--300: #4d0000;
+    --mer-color__message-red--400: #800000;
+    --mer-color__message-red--500: #ff9999;
+    --mer-color__message-red--600: #ff9999;
+  }
+}
+
+@mixin foundation-colors--dark($globant-colors: false) {
+  @if $globant-colors {
+    // Globant Colors
+
+    // primary
+    --mer-color__primary-blue--200: #bfd732;
+    --mer-color__primary-blue--300: #b4cc28;
+    --mer-color__primary-blue--400: #96aa22;
+    --mer-color__primary-blue--600: #697718;
+
+    // neutral
+    --mer-color__neutral-gray--100: #ededed;
+    --mer-color__neutral-gray--200: #dfdfdf;
+    --mer-color__neutral-gray--300: #cdcdcd;
+    --mer-color__neutral-gray--400: #a9a9a9;
+    --mer-color__neutral-gray--450: #8c8c8c;
+    --mer-color__neutral-gray--500: #686868;
+    --mer-color__neutral-gray--550: #575757;
+    --mer-color__neutral-gray--600: #464646;
+    --mer-color__neutral-gray--650: #3b3b3b;
+    --mer-color__neutral-gray--700: #303030;
+    --mer-color__neutral-gray--800: #212121;
+    --mer-color__neutral-gray--900: #171717;
+    --mer-color__neutral-gray--1000: #000000;
+
+    // tinted
+    //TODO: update 'tinted-blue' with tinted-primary' in globant and mercury.
+    --mer-color__tinted-yellow--5: #282a2d;
+    --mer-color__tinted-yellow--60: #ad8a53;
+    --mer-color__tinted-red--5: #29252f;
+    --mer-color__tinted-red--60: #aa5962;
+    --mer-color__tinted-green--5: #1c2830;
+    --mer-color__tinted-green--60: #317571;
+    --mer-color__tinted-blue--5: #202118;
+    --mer-color__tinted-blue--8: #242619;
+    --mer-color__tinted-blue--10: #282a1a;
+    --mer-color__tinted-blue--20: #383d1c;
+    --mer-color__tinted-blue--30: #49501f;
+    --mer-color__tinted-blue--50: #6a7624;
+
+    // message
+    --mer-color__message-green--100: #208e80;
+    --mer-color__message-green--200: #208e80;
+    --mer-color__message-yellow--100: #dfa135;
+    --mer-color__message-yellow--200: #dfa135;
+    --mer-color__message-red--100: #da1a27;
+    --mer-color__message-red--200: #da1a27;
+    --mer-color__message-red--300: #4d0000;
+    --mer-color__message-red--400: #800000;
+    --mer-color__message-red--500: #ff9999;
+    --mer-color__message-red--600: #ff9999;
+  } @else {
+    // Mercury Colors
+
+    // primary
+    --mer-color__primary-blue--200: #5ba7ff;
+    --mer-color__primary-blue--300: #5498e8;
+    --mer-color__primary-blue--400: #437dc0;
+    --mer-color__primary-blue--600: #335884;
+
+    // neutral
+    --mer-color__neutral-gray--100: #e1ecf9;
+    --mer-color__neutral-gray--200: #d2ddeb;
+    --mer-color__neutral-gray--300: #c0ccd9;
+    --mer-color__neutral-gray--400: #9da9b6;
+    --mer-color__neutral-gray--450: #828b96;
+    --mer-color__neutral-gray--500: #56677a;
+    --mer-color__neutral-gray--550: #485665;
+    --mer-color__neutral-gray--600: #394552;
+    --mer-color__neutral-gray--650: #2d3a48;
+    --mer-color__neutral-gray--700: #242d3c;
+    --mer-color__neutral-gray--800: #181f2a;
+    --mer-color__neutral-gray--900: #11151c;
+    --mer-color__neutral-gray--1000: #1f2225;
+
+    // tinted
+    --mer-color__tinted-yellow--5: #282a2d;
+    --mer-color__tinted-yellow--60: #ad8a53;
+    --mer-color__tinted-red--5: #29252f;
+    --mer-color__tinted-red--60: #aa5962;
+    --mer-color__tinted-green--5: #1c2830;
+    --mer-color__tinted-green--60: #317571;
+    --mer-color__tinted-blue--5: #1d2838;
+    --mer-color__tinted-blue--8: #1f2c3f;
+    --mer-color__tinted-blue--10: #1f2e43;
+    --mer-color__tinted-blue--20: #293d5c;
+    --mer-color__tinted-blue--30: #2e4e72;
+    --mer-color__tinted-blue--50: #3c689c;
+
+    // message
+    --mer-color__message-green--100: #3fa89b;
+    --mer-color__message-green--200: #3fa89b;
+    --mer-color__message-yellow--100: #f9bd56;
+    --mer-color__message-yellow--200: #f9bd56;
+    --mer-color__message-red--100: #e35861;
+    --mer-color__message-red--200: #d54b54;
+    --mer-color__message-red--300: #ff6161;
+    --mer-color__message-red--400: #ff9999;
+    --mer-color__message-red--500: #800000;
+    --mer-color__message-red--600: #4d0000;
+  }
 }
 
 @mixin font() {
@@ -9925,6 +10033,7 @@
   $light-theme: true,
   $prefers-color-scheme-dark: false,
   $prefers-color-scheme-light: false,
+  $globant-colors: false,
 
   // Tokens
   $tokens: true,
@@ -18066,7 +18175,7 @@
       // Fixes issues in elements that force its color based on this property.
       // For example, the font color of the input with autocomplete (:-webkit-autofill)
       color-scheme: light;
-      @include foundation-colors--light();
+      @include foundation-colors--light($globant-colors: $globant-colors);
     }
   }
   @if $colors and $tokens and $prefers-color-scheme-light {
@@ -18075,7 +18184,7 @@
         // Fixes issues in elements that force its color based on this property.
         // For example, the font color of the input with autocomplete (:-webkit-autofill)
         color-scheme: light;
-        @include foundation-colors--light();
+        @include foundation-colors--light($globant-colors: $globant-colors);
       }
     }
   }
@@ -18086,7 +18195,7 @@
       // Fixes issues in elements that force its color based on this property.
       // For example, the font color of the input with autocomplete (:-webkit-autofill)
       color-scheme: dark;
-      @include foundation-colors--dark();
+      @include foundation-colors--dark($globant-colors: $globant-colors);
     }
   }
   @if $colors and $tokens and $prefers-color-scheme-dark {
@@ -18095,7 +18204,7 @@
         // Fixes issues in elements that force its color based on this property.
         // For example, the font color of the input with autocomplete (:-webkit-autofill)
         color-scheme: dark;
-        @include foundation-colors--dark();
+        @include foundation-colors--dark($globant-colors: $globant-colors);
       }
     }
   }
@@ -18367,6 +18476,7 @@
   $light-theme: false,
   $prefers-color-scheme-dark: false,
   $prefers-color-scheme-light: false,
+  $globant-colors: false,
 
   // Tokens
   $tokens: false,
@@ -18438,6 +18548,7 @@
     $light-theme: $light-theme,
     $prefers-color-scheme-dark: $prefers-color-scheme-dark,
     $prefers-color-scheme-light: $prefers-color-scheme-light,
+    $globant-colors: $globant-colors,
 
     // Tokens
     $tokens: $tokens,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "dist/mercury.scss",
   "module": "dist/assets-manager.js",