@genexus/mercury 0.6.4 → 0.6.6

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

@@ -1 +1 @@
-@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_Regular.woff2");font-weight:400;font-style:normal}@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_Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_ExtraBold.woff2");font-weight:800;font-style:normal}:root.light{color-scheme:light;--mer-color__primary-blue--200: #2070ce;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #11151c;--mer-color__neutral-gray--200: #181f2a;--mer-color__neutral-gray--300: #242d3c;--mer-color__neutral-gray--400: #2d3a48;--mer-color__neutral-gray--450: #394552;--mer-color__neutral-gray--500: #485665;--mer-color__neutral-gray--550: #56677a;--mer-color__neutral-gray--600: #9da9b6;--mer-color__neutral-gray--650: #c0ccd9;--mer-color__neutral-gray--700: #c0ccd9;--mer-color__neutral-gray--800: #d2ddeb;--mer-color__neutral-gray--900: #e1ecf9;--mer-color__neutral-gray--1000: #f8f8f8;--mer-color__neutral-gray--1100: #f1f1f1;--mer-color__neutral-gray--1200: #e4e4e4;--mer-color__neutral-gray--1300: #dedede;--mer-color__neutral-gray--1400: #ffffff;--mer-color__tinted-yellow--5: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #2070ce0d;--mer-color__tinted-blue--8: #2070ce14;--mer-color__tinted-blue--10: #2070ce1a;--mer-color__tinted-blue--20: #2070ce33;--mer-color__tinted-blue--30: #2070ce4d;--mer-color__tinted-blue--50: #2070ce80;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #ffc96b;--mer-color__message-yellow--200: #ffc96b;--mer-color__message-red--100: #fb7c84;--mer-color__message-red--200: #fb7c84;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--100);--mer-color__elevation--01: var(--mer-color__neutral-gray--200);--mer-color__elevation--02: #e4e4e4;--mer-color__elevation--03: #dedede;--mer-color__elevation--04: #ffffff}: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__neutral-gray--1100: #24272a;--mer-color__neutral-gray--1200: #2d3032;--mer-color__neutral-gray--1300: #3b3e40;--mer-color__neutral-gray--1400: #2d3134;--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: #e35861;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--900);--mer-color__elevation--01: var(--mer-color__neutral-gray--800);--mer-color__elevation--02: var(--mer-color__neutral-gray--700);--mer-color__elevation--03: var(--mer-color__neutral-gray--650);--mer-color__elevation--04: var(--mer-color__neutral-gray--600)}: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-color__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: var(--mer-color__neutral-gray--650);--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-color__elevation--04);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-color__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-color__primary-blue--200);--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-border-color__neutral);--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__height: 26px;--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--3xs);--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--md);--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-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__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-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-color__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-color__elevation--04);--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) var(--mer-spacing--xs);--tab-caption__gap: var(--mer-spacing--xs);--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-green--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-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);--mer-elevation__border-01: transparent;--mer-elevation__border-02: transparent;--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-elevation__bg-color--01: var(--mer-color__elevation--01);--mer-elevation__bg-color--02: var(--mer-color__elevation--02);--mer-elevation__bg-color--03: var(--mer-color__elevation--03);--mer-elevation__bg-color--04: var(--mer-color__elevation--04);--mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-elevation__box-shadow--01: none;--mer-elevation__box-shadow--02: none;--mer-elevation__box-shadow--03: none;--mer-elevation__box-shadow--04: none;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--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--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--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-color__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}
+@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_Regular.woff2");font-weight:400;font-style:normal}@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_Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter_ExtraBold.woff2");font-weight:800;font-style:normal}:root.light{color-scheme:light;--mer-color__primary-blue--200: #2070ce;--mer-color__primary-blue--300: #5498e8;--mer-color__primary-blue--400: #437dc0;--mer-color__primary-blue--600: #335884;--mer-color__neutral-gray--100: #11151c;--mer-color__neutral-gray--200: #181f2a;--mer-color__neutral-gray--300: #242d3c;--mer-color__neutral-gray--400: #2d3a48;--mer-color__neutral-gray--450: #394552;--mer-color__neutral-gray--500: #485665;--mer-color__neutral-gray--550: #56677a;--mer-color__neutral-gray--600: #9da9b6;--mer-color__neutral-gray--650: #c0ccd9;--mer-color__neutral-gray--700: #c0ccd9;--mer-color__neutral-gray--800: #d2ddeb;--mer-color__neutral-gray--900: #e1ecf9;--mer-color__neutral-gray--1000: #f8f8f8;--mer-color__neutral-gray--1100: #f1f1f1;--mer-color__neutral-gray--1200: #e4e4e4;--mer-color__neutral-gray--1300: #dedede;--mer-color__neutral-gray--1400: #ffffff;--mer-color__tinted-yellow--5: #ffc96b0d;--mer-color__tinted-yellow--60: #ffc96b99;--mer-color__tinted-red--5: #fb7c840d;--mer-color__tinted-red--60: #fb7c8499;--mer-color__tinted-green--5: #3fa89b0d;--mer-color__tinted-green--60: #3fa89b99;--mer-color__tinted-blue--5: #2070ce0d;--mer-color__tinted-blue--8: #2070ce14;--mer-color__tinted-blue--10: #2070ce1a;--mer-color__tinted-blue--20: #2070ce33;--mer-color__tinted-blue--30: #2070ce4d;--mer-color__tinted-blue--50: #2070ce80;--mer-color__message-green--100: #3fa89b;--mer-color__message-green--200: #3fa89b;--mer-color__message-yellow--100: #ffc96b;--mer-color__message-yellow--200: #ffc96b;--mer-color__message-red--100: #fb7c84;--mer-color__message-red--200: #fb7c84;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--100);--mer-color__elevation--01: var(--mer-color__neutral-gray--200);--mer-color__elevation--02: #e4e4e4;--mer-color__elevation--03: #dedede;--mer-color__elevation--04: #ffffff;--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.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__neutral-gray--1100: #24272a;--mer-color__neutral-gray--1200: #2d3032;--mer-color__neutral-gray--1300: #3b3e40;--mer-color__neutral-gray--1400: #2d3134;--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: #e35861;--mer-color__message-red--300: #dd8f94;--mer-color__surface: var(--mer-color__neutral-gray--900);--mer-color__elevation--01: var(--mer-color__neutral-gray--800);--mer-color__elevation--02: var(--mer-color__neutral-gray--700);--mer-color__elevation--03: var(--mer-color__neutral-gray--650);--mer-color__elevation--04: var(--mer-color__neutral-gray--600);--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-color__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: var(--mer-color__neutral-gray--650);--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-color__elevation--04);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-color__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-color__primary-blue--200);--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-border-color__neutral);--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__height: 26px;--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--3xs);--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--md);--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-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__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-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-color__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-color__elevation--04);--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) var(--mer-spacing--xs);--tab-caption__gap: var(--mer-spacing--xs);--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-green--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-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);--mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);--mer-elevation__border-01: transparent;--mer-elevation__border-02: transparent;--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-elevation__bg-color--01: var(--mer-color__elevation--01);--mer-elevation__bg-color--02: var(--mer-color__elevation--02);--mer-elevation__bg-color--03: var(--mer-color__elevation--03);--mer-elevation__bg-color--04: var(--mer-color__elevation--04);--mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);--mer-elevation__border-03: transparent;--mer-elevation__border-04: transparent;--mer-elevation__box-shadow--01: none;--mer-elevation__box-shadow--02: none;--mer-elevation__box-shadow--03: none;--mer-elevation__box-shadow--04: none;--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--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--semi-bold: 600;--mer-font__weight--bold: 700;--mer-font__weight--extra-bold: 800;--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-color__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/css/components/button.css

@@ -1 +1 @@
-.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;block-size:var(--control__height);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-primary{--button-primary__background-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__background-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__background-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var( --button-primary__background-color--hover );--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__background-color--active: var( --mer-accent__primary--active );--button-primary__border-color--active: var( --button-primary__background-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__background-color--disabled: var( --mer-accent__primary--disabled );--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__background-color--destructive: var( --mer-accent__primary--destructive );--button-primary__border-color--destructive: var( --button-primary__background-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__background-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__background-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__background-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__background-color--disabled);--control__border-color: var(--button-primary__background-color--disabled);color:var(--button-primary__color--disabled)}.button-primary--destructive:active,.button-primary--destructive:hover,.button-primary--destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__background-color--destructive);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}
+.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;block-size:var(--control__height);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-primary{--button-primary__background-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__background-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__background-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var( --button-primary__background-color--hover );--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__background-color--active: var( --mer-accent__primary--active );--button-primary__border-color--active: var( --button-primary__background-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__background-color--disabled: var( --mer-accent__primary--disabled );--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__background-color--destructive: var( --mer-accent__primary--destructive );--button-primary__border-color--destructive: var( --button-primary__background-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__background-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__background-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__background-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__background-color--disabled);--control__border-color: var(--button-primary__background-color--disabled);color:var(--button-primary__color--disabled)}.button-primary--destructive:active,.button-primary--destructive:hover,.button-primary--destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__background-color--destructive);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.button-icon-only{--control__padding-inline: 0;inline-size:var(--control__height);block-size:var(--control__height)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}

package/dist/bundles/css/components/slider.css

@@ -0,0 +1 @@
+.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary-blue--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:focus-visible::part(thumb focus){outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}

package/dist/bundles/css/utils/form--full.css

@@ -1 +1 @@
-.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;block-size:var(--control__height);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-primary{--button-primary__background-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__background-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__background-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var( --button-primary__background-color--hover );--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__background-color--active: var( --mer-accent__primary--active );--button-primary__border-color--active: var( --button-primary__background-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__background-color--disabled: var( --mer-accent__primary--disabled );--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__background-color--destructive: var( --mer-accent__primary--destructive );--button-primary__border-color--destructive: var( --button-primary__background-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__background-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__background-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__background-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__background-color--disabled);--control__border-color: var(--button-primary__background-color--disabled);color:var(--button-primary__color--disabled)}.button-primary--destructive:active,.button-primary--destructive:hover,.button-primary--destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__background-color--destructive);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline .label{margin-block-start:var(--field-inline-label__margin-block-start)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box-item__background-image-size: 100%;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--small);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--mer-spacing--2xs))}.form-input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--small);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(window){background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);border-radius:var(--items-container__border-radius);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.form-input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}
+.button-tertiary,.button-secondary,.button-primary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;block-size:var(--control__height);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);font-size:var(--control__font-size--regular);line-height:var(--control__line-height);padding-inline:var(--control__padding-inline);padding-inline:var(--control__padding-inline)}.button-primary{--button-primary__background-color: var(--mer-accent__primary);--button-primary__border-color: var(--button-primary__background-color);--button-primary__color: var(--mer-text__on-primary);--button-primary__background-color--hover: var(--mer-accent__primary--hover);--button-primary__border-color--hover: var( --button-primary__background-color--hover );--button-primary__color--hover: var(--mer-text__on-primary);--button-primary__background-color--active: var( --mer-accent__primary--active );--button-primary__border-color--active: var( --button-primary__background-color--active );--button-primary__color--active: var(--mer-text__on-primary--active);--button-primary__background-color--disabled: var( --mer-accent__primary--disabled );--button-primary__border-color--disabled: var( --mer-border-color__primary--disabled );--button-primary__color--disabled: var(--mer-text__on-disabled);--button-primary__background-color--destructive: var( --mer-accent__primary--destructive );--button-primary__border-color--destructive: var( --button-primary__background-color--destructive );--button-primary__color--destructive: var(--mer-text__on-primary);font-weight:var(--control__font-weight--semi-bold);--control__border-color: var(--button-primary__border-color);background-color:var(--button-primary__background-color);color:var(--button-primary__color)}.button-primary:hover{background-color:var(--button-primary__background-color--hover);--control__border-color: var(--button-primary__border-color--hover);color:var(--button-primary__color--hover)}.button-primary:active{background-color:var(--button-primary__background-color--active);--control__border-color: var(--button-primary__border-color--active);color:var(--button-primary__color--active)}.button-primary:disabled{background-color:var(--button-primary__background-color--disabled);--control__border-color: var(--button-primary__background-color--disabled);color:var(--button-primary__color--disabled)}.button-primary--destructive:active,.button-primary--destructive:hover,.button-primary--destructive{--control__border-color: var(--button-primary__border-color--destructive);background-color:var(--button-primary__background-color--destructive);color:var(--button-primary__color--destructive)}.button-secondary{--button-secondary__background-color: transparent;--button-secondary__border-color: var(--mer-border-color__neutral);--button-secondary__color: var(--mer-text__neutral);--button-secondary__background-color--hover: transparent;--button-secondary__border-color--hover: var( --mer-border-color__primary--hover );--button-secondary__color--hover: var(--mer-text__primary--hover);--button-secondary__background-color--active: transparent;--button-secondary__border-color--active: var( --mer-border-color__primary--active );--button-secondary__color--active: var(--mer-text__on-primary--active);--button-secondary__background-color--disabled: transparent;--button-secondary__border-color--disabled: var(--mer-text__on-disabled);--button-secondary__color--disabled: var(--mer-text__on-disabled);--control__border-color: var(--button-secondary__border-color);background-color:var(--button-secondary__background-color);color:var(--button-secondary__color)}.button-secondary:hover{background-color:var(--button-secondary__background-color--hover);--control__border-color: var(--button-secondary__border-color--hover);color:var(--button-secondary__color--hover)}.button-secondary:active{background-color:var(--button-secondary__background-color--active);--control__border-color: var(--button-secondary__border-color--active);color:var(--button-secondary__color--active)}.button-secondary:disabled,.button-secondary--disabled{background-color:var(--button-secondary__background-color--disabled);--control__border-color: var(--button-secondary__border-color--disabled);color:var(--button-secondary__color--disabled)}.button-tertiary{--button-tertiary__background-color: transparent;--button-tertiary__border-color: transparent;--button-tertiary__color: var(--mer-text__primary);--button-tertiary__background-color--hover: transparent;--button-tertiary__border-color--hover: transparent;--button-tertiary__color--hover: var(--mer-text__primary--hover);--button-tertiary__background-color--active: transparent;--button-tertiary__border-color--active: transparent;--button-tertiary__color--active: var(--mer-text__primary--active);--button-tertiary__background-color--disabled: transparent;--button-tertiary__border-color--disabled: transparent;--button-tertiary__color--disabled: var(--mer-text__on-disabled);font-weight:var(--control__font-weight--regular);--control__border-color: var(--button-tertiary__border-color);background-color:var(--button-tertiary__background-color);color:var(--button-tertiary__color)}.button-tertiary:hover{background-color:var(--button-tertiary__background-color--hover);--control__border-color: var(--button-tertiary__border-color--hover);color:var(--button-tertiary__color--hover)}.button-tertiary:active{background-color:var(--button-tertiary__background-color--active);--control__border-color: var(--button-tertiary__border-color--active);color:var(--button-tertiary__color--active)}.button-tertiary:disabled,.button-tertiary--disabled{background-color:var(--button-tertiary__background-color--disabled);--control__border-color: var(--button-tertiary__border-color--disabled);color:var(--button-tertiary__color--disabled)}.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline .label{margin-block-start:var(--field-inline-label__margin-block-start)}.button-icon-only{--control__padding-inline: 0;inline-size:var(--control__height);block-size:var(--control__height)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box-item__background-image-size: 100%;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--small);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--mer-spacing--2xs))}.form-input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);font-weight:var(--control__font-weight--regular);font-size:var(--control__font-size--small);line-height:var(--control__line-height);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.form-input:focus{border-color:var(--borders-un-border-color__focused)}.form-input:hover{--control__border-color: var(--control__border-color--hover)}.form-input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary-blue--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.combo-box[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(window){background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);border-radius:var(--items-container__border-radius);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size)}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.form-input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}.radio-group::part(radio__label){color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}.slider:focus-visible::part(thumb focus){outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}

package/dist/bundles/css/utils/form.css

@@ -1 +1 @@
-.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline .label{margin-block-start:var(--field-inline-label__margin-block-start)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}
+.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline .label{margin-block-start:var(--field-inline-label__margin-block-start)}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}

package/dist/bundles/css/utils/layout.css

@@ -1 +1 @@
-.field{display:grid}.field-group{--spacing-body-block-start: var(--mer-spacing--lg);--spacing-body-block-end: var(--mer-spacing--lg);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);display:grid;row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group-cols-2{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-group-cols-2 .label,.field-inline .label{margin-block-start:var(--field-inline-label__margin-block-start)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.label{color:var(--label__color);font-weight:var(--label__font-weight);font-size:var(--label__font-size);line-height:var(--label__line-height)}.label--disabled{--label__color: var(--label__color--disabled)}
+.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.control-footer{padding:var(--mer-spacing--xs) var(--mer-spacing--sm);gap:var(--mer-spacing--sm);align-items:center}.control-footer--border{border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}

package/dist/bundles/scss/components/slider.scss

@@ -0,0 +1,3 @@
+@import "../../../mercury.scss";
+
+@include mercury-only($components: true, $slider: true);

package/dist/bundles/scss/utils/form--full.scss

@@ -13,5 +13,6 @@
   $combo-box: true,
   $edit: true,
   $form-controls-classes: true,
-  $radio-group: true
+  $radio-group: true,
+  $slider: true
 );

package/dist/bundles/scss/utils/form.scss

@@ -1,8 +1,4 @@
 @import "config";
 @import "../../../mercury.scss";
 
-@include mercury-only(
-  $base-classes: true,
-  $layout-classes: true,
-  $form-controls-classes: true
-);
+@include mercury-only($base-classes: true, $form-controls-classes: true);

package/dist/bundles/scss/utils/layout.scss

@@ -3,6 +3,6 @@
 
 @include mercury-only(
   $base-classes: true,
-  $form-controls-classes: true,
-  $icon-classes: true
+  $layout-classes: true,
+  $spacing-classes: true
 );

package/dist/bundles.d.ts

@@ -2,8 +2,8 @@ export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] |
 export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
 export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
 export type MercuryBundleBase = "base/base" | "base/icons";
-export type MercuryBundleComponent = "components/accordion" | "components/code" | "components/dialog" | "components/markdown-viewer" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tree-view";
-export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/radio-group";
+export type MercuryBundleComponent = "components/accordion" | "components/code" | "components/dialog" | "components/list-box" | "components/markdown-viewer" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tree-view";
+export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/radio-group" | "components/slider";
 export type MercuryBundleReset = "resets/box-sizing";
 export type MercuryBundleUtil = "utils/form" | "utils/layout" | "utils/typography" | "chameleon/scrollbar";
 export type MercuryBundleUtilFormFull = "utils/form--full";
@@ -80,6 +80,14 @@ export declare const getThemeBundles: (basePath: string) => [{
     readonly name: BundleNames;
     readonly url: `${string}components/edit.css`;
     readonly attachStyleSheet: boolean;
+}, {
+    readonly name: BundleNames;
+    readonly url: `${string}components/list-box.css`;
+    readonly attachStyleSheet?: undefined;
+} | {
+    readonly name: BundleNames;
+    readonly url: `${string}components/list-box.css`;
+    readonly attachStyleSheet: boolean;
 }, {
     readonly name: BundleNames;
     readonly url: `${string}components/markdown-viewer.css`;
@@ -96,6 +104,14 @@ export declare const getThemeBundles: (basePath: string) => [{
     readonly name: BundleNames;
     readonly url: `${string}components/radio-group.css`;
     readonly attachStyleSheet: boolean;
+}, {
+    readonly name: BundleNames;
+    readonly url: `${string}components/slider.css`;
+    readonly attachStyleSheet?: undefined;
+} | {
+    readonly name: BundleNames;
+    readonly url: `${string}components/slider.css`;
+    readonly attachStyleSheet: boolean;
 }, {
     readonly name: BundleNames;
     readonly url: `${string}components/tab.css`;

package/dist/bundles.js

@@ -33,8 +33,10 @@ export const getThemeBundles = (basePath) => [
     getThemeModelItem(basePath, "components/combo-box"),
     getThemeModelItem(basePath, "components/dialog"),
     getThemeModelItem(basePath, "components/edit"),
+    getThemeModelItem(basePath, "components/list-box"),
     getThemeModelItem(basePath, "components/markdown-viewer", false),
     getThemeModelItem(basePath, "components/radio-group"),
+    getThemeModelItem(basePath, "components/slider"),
     getThemeModelItem(basePath, "components/tab"),
     getThemeModelItem(basePath, "components/tabular-grid"),
     getThemeModelItem(basePath, "components/ticket-list"),

package/dist/mercury.scss

@@ -932,6 +932,91 @@
   --mer-color__elevation--02: #e4e4e4;
   --mer-color__elevation--03: #dedede;
   --mer-color__elevation--04: #ffffff;
+
+  // gradients
+  --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;
+
+  // gradient 01
+  --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%
+  );
+  // gradient 02
+  --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%
+  );
+  // gradient 03
+  --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%
+  );
+  // gradient 04
+  --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%
+  );
+  // gradient 05
+  --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%
+  );
+  // gradient 06
+  --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%
+  );
+  // gradient 07
+  --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%
+  );
+  // gradient 08
+  --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%
+  );
+  // gradient 09
+  --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%
+  );
+  // gradient 10
+  --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%
+  );
+  // gradient 11
+  --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%
+  );
+  // gradient 12
+  --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%
+  );
+  // gradient 13
+  --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%
+  );
 }
 
 @mixin foundation-colors--dark() {
@@ -1010,6 +1095,91 @@
   --mer-color__elevation--02: var(--mer-color__neutral-gray--700);
   --mer-color__elevation--03: var(--mer-color__neutral-gray--650);
   --mer-color__elevation--04: var(--mer-color__neutral-gray--600);
+
+  // gradients
+  --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;
+
+  // gradient 01
+  --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%
+  );
+  // gradient 02
+  --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%
+  );
+  // gradient 03
+  --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%
+  );
+  // gradient 04
+  --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%
+  );
+  // gradient 05
+  --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%
+  );
+  // gradient 06
+  --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%
+  );
+  // gradient 07
+  --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%
+  );
+  // gradient 08
+  --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%
+  );
+  // gradient 09
+  --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%
+  );
+  // gradient 10
+  --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%
+  );
+  // gradient 11
+  --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%
+  );
+  // gradient 12
+  --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%
+  );
+  // gradient 13
+  --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%
+  );
 }
 
 @mixin elevation--light() {
@@ -15695,10 +15865,8 @@
       @include button-secondary();
       @include button-tertiary();
 
-      @if $icon-classes {
-        @include button-icon-only();
-        @include button-icon-and-text();
-      }
+      @include button-icon-only();
+      @include button-icon-and-text();
     }
 
     @if $form-controls-classes {

package/package.json

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