@charset "UTF-8";

/* projects/core/src/styles/main.scss */
body,
html {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  background: var(--app-bg-color);
}
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family:
    "Segoe UI",
    "Helvetica Neue",
    sans-serif;
}
body .mat-body,
body .mat-body-1,
body .mat-typography .mat-body,
body .mat-typography .mat-body-1,
body .mat-typography {
  font-family: "Segoe UI";
  font-size: 14px;
}
body .mat-drawer-backdrop.mat-drawer-shown {
  background: var(--overlay-bg-color);
}
:where(p[class]) {
  margin: 0;
  padding: 0;
}
.cdk-overlay-container > div:first-child .toast-overlay-pane {
  margin-top: var(--header-height);
}
.cdk-overlay-dark-backdrop {
  background-color: var(--overlay-bg-color) !important;
}
.mat-mdc-menu-ripple {
  display: none;
}
mat-icon.mat-icon.icon-12 {
  min-width: 12px;
  max-width: 12px;
  height: 12px;
}
mat-icon.mat-icon.icon-16 {
  min-width: 16px;
  max-width: 16px;
  height: 16px;
}
mat-icon.mat-icon.icon-20 {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
}
mat-icon.mat-icon.icon-24 {
  min-width: 24px;
  max-width: 24px;
  height: 24px;
}
mat-icon.mat-icon.icon-32 {
  min-width: 32px;
  max-width: 32px;
  height: 32px;
}
mat-icon.mat-icon.icon-36 {
  min-width: 36px;
  max-width: 36px;
  height: 36px;
}
mat-icon.mat-icon.icon-48 {
  min-width: 48px;
  max-width: 48px;
  height: 48px;
}
:root[mc-theme=default] {
  --app-bg-color: var(--gray-50);
  --sidenav-bg-color: var(--gray-25);
  --main-border-color: var(--gray-200);
  --main-border-color--darker: var(--gray-250);
  --main-border-color--dark: var(--gray-300);
  --main-text-color: var(--gray-700);
  --main-text-color--light: var(--gray-450);
  --main-text-color--dark: var(--gray-800);
  --main-icon-color: var(--gray-600);
  --viewer-content-bg-color: var(--white);
  --viewer-border-color: var(--accent-600);
  --data-browser-header-bg-color: var(--gray-25);
  --form-label-required-asterisk-color: var(--support-01);
  --link-text-color: var(--link);
  --modal-bg-color: var(--gray-25);
  --modal-header-bg-color: var(--gray-50);
  --modal-body-bg-color: var(--white);
  --overlay-bg-color: rgba(255, 255, 255, 0.4);
  --checkbox-text-color: var(--gray-700);
  --popup-border-color: transparent;
  --popup-border-color--active: var(--accent-700);
  --portal-dialog-bg-color: var(--gray-25);
  --portal-dialog-border-color: var(--gray-200);
  --portal-dialog-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
  --calendar-bg-color: var(--white);
  --calendar-navigator-bg-color: var(--gray-25);
  --calendar-date-bg-color--hover: var(--gray-transparent-5);
  --calendar-date-bg-color--active: var(--accent-600);
  --pivotgrid-bg-color: var(--white);
  --pivotgrid-header-bg-color: rgba(221, 221, 221, 0.2);
  --pivotgrid-header-text-color: var(--main-text-color);
  --pivotgrid-header-btn-bg-color: var(--white);
  --pivotgrid-body-bg-color: var(--gray-100);
  --pivotgrid-body-text-color: var(--main-text-color--light);
  --pivotgrid-row-bg-color--hover: var(--accent-50);
  --pivotgrid-total-row-bg-color: var(--gray-50);
  --scheduler-bg-color: var(--white);
  --scheduler-toolbar-bg-color: var(--gray-50);
  --scheduler-toolbar-btn-bg-color: var(--white);
  --scheduler-toolbar-btn-bg-color--hover: var(--gray-100);
  --scheduler-toolbar-btn-bg-color--active: var(--gray-200);
  --scheduler-body-bg-color: transparent;
  --scheduler-table-head-text-color: var(--main-text-color);
  --scheduler-table-cell-border--accent: var(--gray-300);
  --scheduler-table-cell-bg-color--hover: var(--gray-100);
  --scheduler-table-cell-bg-color--selected: var(--accent-50);
  --btn-secondary-bg-color: var(--white);
  --btn-secondary-bg-color--hover: var(--gray-transparent-5);
  --btn-secondary-bg-color--active: var(--transparent-10);
  --btn-bg-color: transparent;
  --btn-bg-color--hover: var(--gray-transparent-5);
  --btn-bg-color--active: var(--gray-transparent-10);
  --btn-text-color: var(--gray-700);
  --btn-text-color--hover: var(--gray-700);
  --btn-text-color--active: var(--gray-800);
  --progressbar-bg-color: var(--accent-400);
  --trey-bg-color: var(--white);
  --trey-border-color: var(--main-border-color);
  --trey-item-bg-color: transparent;
  --trey-item-bg-color--hover: var(--gray-transparent-5);
  --trey-item-bg-color--active: var(--gray-transparent-10);
  --trey-item-text-color: var(--gray-600);
  --trey-item-text-color--hover: var(--gray-600);
  --trey-item-text-color--active: var(--gray-600);
  --trey-item-icon-color: var(--gray-600);
  --trey-item-icon-color--hover: var(--gray-600);
  --trey-item-icon-color--active: var(--gray-600);
  --trey-devidor-bg-color: var(--gray-200);
  --toolbar-bg-color: var(--gray-25);
  --title-bar-bg-color: var(--gray-50);
  --title-bar-border-color: var(--main-border-color);
  --title-bar-text-color--main: var(--gray-700);
  --title-bar-text-color--secondary: var(--gray-450);
  --viewer-header-bg-color: var(--gray-25);
  --viewer-header-with-databrowser-bg-color: var(--gray-50);
  --viewer-header-border-color: var(--main-border-color);
  --viewer-header-caption-text-color: var(--gray-700);
  --viewer-header-card-bg-color: var(--gray-50);
  --viewer-header-card-label-text-color: var(--gray-450);
  --viewer-header-card-value-text-color: var(--gray-600);
  --viewer-body-bg-color: var(--gray-25);
  --viewer-card-readonly-checkbox-true: var(--support-02);
  --viewer-card-readonly-checkbox-false: var(--support-01);
  --viewer-card-separator: var(--gray-200);
  --widget-bg-color: var(--white);
  --widget-bg-color--hover: var(--gray-50);
  --widget-bg-color--active: var(--gray-100);
  --widget-bg-color--disabled: var(--gray-100);
  --widget-time-text-color: var(--gray-450);
  --widget-count-text-color: var(--gray-700);
  --widget-colored-bg-color: var(--accent-600);
  --widget-colored-bg-color--hover: var(--accent-800);
  --widget-colored-bg-color--active: var(--accent-900);
  --widget-colored-text-color: var(--gray-700);
  --workspace-bg-color: var(--gray-100);
  --workspace-title-text-color: var(--gray-700);
  --workspace-btn-bg-color--hover: var(--gray-transparent-5);
  --workspace-btn-text-color: var(--gray-700);
  --workspace-btn-icon-color: var(--gray-700);
  --tabs-bg-color: var(--gray-25);
  --tab-bg-color--hover: var(--gray-transparent-2);
  --tab-text-color: var(--gray-500);
  --tab-text-color--active: var(--gray-800);
  --tabs-content-last-windows-list-item-icon-color: var(--gray-400);
  --tabs-content-last-windows-list-item-icon-color--filled: var(--support-03);
  --tabs-content-last-windows-list-item-text-color: var(--gray-700);
  --tabs-content-last-windows-list-item-time-color: var(--gray-450);
  --data-grid-bg-color: var(--white);
  --data-grid-border-color: var(--gray-200);
  --data-grid-grouping-row-bg-color: var(--gray-100);
  --data-grid-grouping-row-bg-color--hover: var(--gray-200);
  --data-grid-table-header-row-bg-color: var(--gray-100);
  --data-grid-table-header-row-bg-color--hover: var(--gray-200);
  --data-grid-table-header-row-text-color: var(--gray-450);
  --data-grid-table-header-row-text-color--active: var(--gray-900);
  --data-grid-table-row-bg-color: var(--white);
  --data-grid-table-row-bg-color--hover: var(--gray-100);
  --data-grid-table-row-bg-color--selected: var(--accent-50);
  --treelist-table-row-bg-color--active: var(--gray-250);
  --data-grid-table-focused-row-text-color: var(--gray-800);
  --data-grid-table-footer-row-bg-color: var(--gray-50);
  --data-grid-header-filter-cell-bg-color-hover: var(--gray-transparent-5);
  --data-grid-header-filter-cell-icon-color: var(--gray-700);
  --datagrid-column-header-bg-color--dragging: var(--gray-100);
  --datagrid-column-header-text-color--dragging: var(--main-text-color);
  --datagrid-footer-bg-color: var(--gray-100);
  --datagrid-footer-border-color: var(--gray-200);
  --datagrid-footer-text-color: var(--gray-450);
  --datagrid-footer-text-color-selected: var(--gray-700);
  --data-grid-filter-cell-default-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNjc3IDMuMDljLS4xNzctLjAzNS0uMzkxLS4wNC0uNzAzLjAwNWExLjYgMS42IDAgMCAwLTEuMTE1LjY4Yy0uMjU2LjM2NC0uNDEyLjg2My0uNDYgMS40NDctLjAwMi4xOS0uMDM1Ljg3LS4wODQgMS43NzhIOS41YS41LjUgMCAwIDEgMCAxSDcuMjZjLS4xMjYgMi4yNS0uMyA1LjE0NS0uMzYxIDUuOTM4di4wMDNsLS4wMDYuMDdjLS4wNDguNTcyLS4xMDQgMS4yNTItLjMwNCAxLjg3OS0uMjEzLjY2Ny0uNiAxLjMxLTEuMzMgMS43MzgtMS4wMjMuNjM1LTIuMTMyLjM0NS0yLjk4My0uMDhhLjUuNSAwIDEgMSAuNDQ4LS44OTVjLjc0Ny4zNzQgMS40MzYuNDgzIDIuMDExLjEyM2wuMDEzLS4wMDhjLjQ2NS0uMjcuNzI3LS42NzcuODg4LTEuMTgzLjE2NS0uNTE2LjIxMy0xLjA5Ni4yNjQtMS43MDJsLjAwMi0uMDIxdi0uMDAyYy4wNi0uNzkzLjIzMS0zLjY0LjM1Ni01Ljg2SDQuNWEuNS41IDAgMSAxIDAtMWgxLjgxM2E3NS45NjIgNzUuOTYyIDAgMCAwIC4wODktMS44MzhjLjA1NC0uNzEuMjQ3LTEuNDA1LjYzOS0xLjk2Mi40LS41Ny45OTQtLjk3MyAxLjc4My0xLjA5NGwuMDA1LS4wMDFjLjM4Ni0uMDU1LjcyMi0uMDYgMS4wNDQuMDA1LjMyNC4wNjUuNjA0LjE5My44ODQuMzYxYS41LjUgMCAwIDEtLjUxNC44NTggMS43NDQgMS43NDQgMCAwIDAtLjU2Ni0uMjM5em03LjE3NyA2LjA1NmEuNS41IDAgMCAxIDAgLjcwOGwtMy4yMiAzLjIyYTE2Mi40OTUgMTYyLjQ5NSAwIDAgMCAxLjM5NCAyLjQ2NmwuMDQxLjA3MmMuMDY1LjExNS4xMTEuMTkuMTU0LjI1LjA2LjA4NC4xMTcuMTQ0LjI0NC4yMTQuMjE2LjAzNy4yOC0uMDA4LjMwNi0uMDI1YS42MzcuNjM3IDAgMCAwIC4xMjUtLjEyNyAzLjU2IDMuNTYgMCAwIDAgLjExLS4xNDVjLjAyNS0uMDM2LjA1NS0uMDc3LjA5Mi0uMTI2YS41LjUgMCAwIDEgLjguNmwtLjA1Ny4wNzhjLS4xMTMuMTU3LS4yOC4zOS0uNS41NDEtLjMxNi4yMi0uNjkyLjI2OC0xLjE0OC4xN2EuNDk1LjQ5NSAwIDAgMS0uMTItLjA0MiAxLjY4NiAxLjY4NiAwIDAgMS0uNjY2LS41NTYgMy45NjMgMy45NjMgMCAwIDEtLjIwOC0uMzM2bC0uMDQ1LS4wNzlhMTM0LjEzMiAxMzQuMTMyIDAgMCAxLTEuMjU3LTIuMjJsLTMuMDQ1IDMuMDQ1YS41LjUgMCAwIDEtLjcwOC0uNzA3bDMuMjQ2LTMuMjQ2YTE0OS45NDMgMTQ5Ljk0MyAwIDAgMC0xLjE0LTIuMDI0IDMuNjQ0IDMuNjQ0IDAgMCAwLS4zMjctLjU0OSAxLjE0MiAxLjE0MiAwIDAgMC0uMzMtLjMxN2MtLjA2MS0uMDItLjExNy0uMDE0LS4yMDUuMDQxLS4xMi4wNzQtLjI0OS4yMTMtLjM5LjQwMWEuNS41IDAgMSAxLS44LS42Yy4xNTgtLjIxMS4zNzgtLjQ3My42Ni0uNjQ5LjMwMi0uMTg5LjY5NS0uMjg3IDEuMTI1LS4xMTUuMDEzLjAwNS4wMjYuMDEuMDM4LjAxNy4yOTguMTUuNTMuMzkyLjcwMi42MjIuMTcuMjI4LjMwOC40NzYuNDEzLjY4NS4xMzUuMjI3LjUzNy45NDQuOTg5IDEuNzUzbDMuMDItMy4wMmEuNS41IDAgMCAxIC43MDcgMHoiIGZpbGw9IiM4NjhFOEUiLz48L3N2Zz4=);
  --data-grid-filter-cell-default-icon--hover: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNjc3IDMuMDljLS4xNzctLjAzNS0uMzkxLS4wNC0uNzAzLjAwNWExLjYgMS42IDAgMCAwLTEuMTE1LjY4Yy0uMjU2LjM2NC0uNDEyLjg2My0uNDYgMS40NDctLjAwMi4xOS0uMDM1Ljg3LS4wODQgMS43NzhIOS41YS41LjUgMCAwIDEgMCAxSDcuMjZjLS4xMjYgMi4yNS0uMyA1LjE0NS0uMzYxIDUuOTM4di4wMDNsLS4wMDYuMDdjLS4wNDguNTcyLS4xMDQgMS4yNTItLjMwNCAxLjg3OS0uMjEzLjY2Ny0uNiAxLjMxLTEuMzMgMS43MzgtMS4wMjMuNjM1LTIuMTMyLjM0NS0yLjk4My0uMDhhLjUuNSAwIDEgMSAuNDQ4LS44OTVjLjc0Ny4zNzQgMS40MzYuNDgzIDIuMDExLjEyM2wuMDEzLS4wMDhjLjQ2NS0uMjcuNzI3LS42NzcuODg4LTEuMTgzLjE2NS0uNTE2LjIxMy0xLjA5Ni4yNjQtMS43MDJsLjAwMi0uMDIxdi0uMDAyYy4wNi0uNzkzLjIzMS0zLjY0LjM1Ni01Ljg2SDQuNWEuNS41IDAgMSAxIDAtMWgxLjgxM2E3NS45NjIgNzUuOTYyIDAgMCAwIC4wODktMS44MzhjLjA1NC0uNzEuMjQ3LTEuNDA1LjYzOS0xLjk2Mi40LS41Ny45OTQtLjk3MyAxLjc4My0xLjA5NGwuMDA1LS4wMDFjLjM4Ni0uMDU1LjcyMi0uMDYgMS4wNDQuMDA1LjMyNC4wNjUuNjA0LjE5My44ODQuMzYxYS41LjUgMCAwIDEtLjUxNC44NTggMS43NDQgMS43NDQgMCAwIDAtLjU2Ni0uMjM5em03LjE3NyA2LjA1NmEuNS41IDAgMCAxIDAgLjcwOGwtMy4yMiAzLjIyYTE2Mi40OTUgMTYyLjQ5NSAwIDAgMCAxLjM5NCAyLjQ2NmwuMDQxLjA3MmMuMDY1LjExNS4xMTEuMTkuMTU0LjI1LjA2LjA4NC4xMTcuMTQ0LjI0NC4yMTQuMjE2LjAzNy4yOC0uMDA4LjMwNi0uMDI1YS42MzcuNjM3IDAgMCAwIC4xMjUtLjEyNyAzLjU2IDMuNTYgMCAwIDAgLjExLS4xNDVjLjAyNS0uMDM2LjA1NS0uMDc3LjA5Mi0uMTI2YS41LjUgMCAwIDEgLjguNmwtLjA1Ny4wNzhjLS4xMTMuMTU3LS4yOC4zOS0uNS41NDEtLjMxNi4yMi0uNjkyLjI2OC0xLjE0OC4xN2EuNDk1LjQ5NSAwIDAgMS0uMTItLjA0MiAxLjY4NiAxLjY4NiAwIDAgMS0uNjY2LS41NTYgMy45NjMgMy45NjMgMCAwIDEtLjIwOC0uMzM2bC0uMDQ1LS4wNzlhMTM0LjEzMiAxMzQuMTMyIDAgMCAxLTEuMjU3LTIuMjJsLTMuMDQ1IDMuMDQ1YS41LjUgMCAwIDEtLjcwOC0uNzA3bDMuMjQ2LTMuMjQ2YTE0OS45NDMgMTQ5Ljk0MyAwIDAgMC0xLjE0LTIuMDI0IDMuNjQ0IDMuNjQ0IDAgMCAwLS4zMjctLjU0OSAxLjE0MiAxLjE0MiAwIDAgMC0uMzMtLjMxN2MtLjA2MS0uMDItLjExNy0uMDE0LS4yMDUuMDQxLS4xMi4wNzQtLjI0OS4yMTMtLjM5LjQwMWEuNS41IDAgMSAxLS44LS42Yy4xNTgtLjIxMS4zNzgtLjQ3My42Ni0uNjQ5LjMwMi0uMTg5LjY5NS0uMjg3IDEuMTI1LS4xMTUuMDEzLjAwNS4wMjYuMDEuMDM4LjAxNy4yOTguMTUuNTMuMzkyLjcwMi42MjIuMTcuMjI4LjMwOC40NzYuNDEzLjY4NS4xMzUuMjI3LjUzNy45NDQuOTg5IDEuNzUzbDMuMDItMy4wMmEuNS41IDAgMCAxIC43MDcgMHoiIGZpbGw9IiMxRTIwMjAiLz48L3N2Zz4=);
  --data-grid-icon-calendar: url(data:image/svg+xml;base64,\ PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTFDNy41NTIyOCAxMSA4IDEwLjU1MjMgOCAxMEM4IDkuNDQ3NzEgNy41NTIyOCA5IDcgOUM2LjQ0NzcyIDkgNiA5LjQ0NzcxIDYgMTBDNiAxMC41NTIzIDYuNDQ3NzIgMTEgNyAxMVpNOCAxM0M4IDEzLjU1MjMgNy41NTIyOCAxNCA3IDE0QzYuNDQ3NzIgMTQgNiAxMy41NTIzIDYgMTNDNiAxMi40NDc3IDYuNDQ3NzIgMTIgNyAxMkM3LjU1MjI4IDEyIDggMTIuNDQ3NyA4IDEzWk0xMCAxMUMxMC41NTIzIDExIDExIDEwLjU1MjMgMTEgMTBDMTEgOS40NDc3MSAxMC41NTIzIDkgMTAgOUM5LjQ0NzcxIDkgOSA5LjQ0NzcxIDkgMTBDOSAxMC41NTIzIDkuNDQ3NzEgMTEgMTAgMTFaTTExIDEzQzExIDEzLjU1MjMgMTAuNTUyMyAxNCAxMCAxNEM5LjQ0NzcxIDE0IDkgMTMuNTUyMyA5IDEzQzkgMTIuNDQ3NyA5LjQ0NzcxIDEyIDEwIDEyQzEwLjU1MjMgMTIgMTEgMTIuNDQ3NyAxMSAxM1pNMTMgMTFDMTMuNTUyMyAxMSAxNCAxMC41NTIzIDE0IDEwQzE0IDkuNDQ3NzEgMTMuNTUyMyA5IDEzIDlDMTIuNDQ3NyA5IDEyIDkuNDQ3NzEgMTIgMTBDMTIgMTAuNTUyMyAxMi40NDc3IDExIDEzIDExWk0xNyA1LjVDMTcgNC4xMTkyOSAxNS44ODA3IDMgMTQuNSAzSDUuNUM0LjExOTI5IDMgMyA0LjExOTI5IDMgNS41VjE0LjVDMyAxNS44ODA3IDQuMTE5MjkgMTcgNS41IDE3SDE0LjVDMTUuODgwNyAxNyAxNyAxNS44ODA3IDE3IDE0LjVWNS41Wk00IDdIMTZWMTQuNUMxNiAxNS4zMjg0IDE1LjMyODQgMTYgMTQuNSAxNkg1LjVDNC42NzE1NyAxNiA0IDE1LjMyODQgNCAxNC41VjdaTTUuNSA0SDE0LjVDMTUuMzI4NCA0IDE2IDQuNjcxNTcgMTYgNS41VjZINFY1LjVDNCA0LjY3MTU3IDQuNjcxNTcgNCA1LjUgNFoiIGZpbGw9IiMyODJBMkEiLz4KPC9zdmc+Cg==);
  --context-menu-bg-color: var(--gray-50);
  --context-menu-list-tem-bg-color: transparent;
  --context-menu-list-tem-bg-color--hover: var(--gray-transparent-5);
  --context-menu-list-tem-bg-color--active: var(--gray-transparent-10);
  --context-menu-list-item-text-color: var(--gray-600);
  --context-menu-list-item-text-color--active: var(--gray-600);
  --context-menu-list-item-text-color--disabled: var(--gray-350);
  --finder-accordion-bg-color: var(--gray-25);
  --finder-accordion-text-color: var(--gray-700);
  --updater-readonly-input-bg-color: var(--gray-50);
  --updater-readonly-input-border-color: var(--gray-transparent-5);
}
:root[mc-theme=contrast] {
  --app-bg-color: var(--gray-50);
  --sidenav-bg-color: var(--gray-25);
  --main-border-color: var(--gray-200);
  --main-border-color--darker: var(--gray-250);
  --main-border-color--dark: var(--gray-300);
  --main-text-color: var(--gray-700);
  --main-text-color--light: var(--gray-450);
  --main-text-color--dark: var(--gray-800);
  --main-icon-color: var(--gray-600);
  --viewer-content-bg-color: var(--white);
  --viewer-border-color: var(--accent-600);
  --data-browser-header-bg-color: var(--gray-25);
  --form-label-required-asterisk-color: var(--support-01);
  --link-text-color: var(--link);
  --modal-bg-color: var(--gray-25);
  --modal-header-bg-color: var(--gray-50);
  --modal-body-bg-color: var(--white);
  --overlay-bg-color: rgba(255, 255, 255, 0.4);
  --checkbox-text-color: var(--gray-700);
  --popup-border-color: var(--gray-450);
  --popup-border-color--active: var(--accent-650);
  --portal-dialog-bg-color: var(--gray-25);
  --portal-dialog-border-color: var(--gray-200);
  --portal-dialog-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
  --calendar-bg-color: var(--white);
  --calendar-navigator-bg-color: var(--gray-25);
  --calendar-date-bg-color--hover: var(--gray-transparent-5);
  --calendar-date-bg-color--active: var(--accent-600);
  --pivotgrid-bg-color: var(--white);
  --pivotgrid-header-bg-color: rgba(221, 221, 221, 0.2);
  --pivotgrid-header-text-color: var(--main-text-color);
  --pivotgrid-header-btn-bg-color: var(--white);
  --pivotgrid-body-bg-color: var(--gray-100);
  --pivotgrid-body-text-color: var(--main-text-color--light);
  --pivotgrid-row-bg-color--hover: var(--accent-50);
  --pivotgrid-total-row-bg-color: var(--gray-50);
  --scheduler-bg-color: var(--white);
  --scheduler-toolbar-bg-color: var(--gray-50);
  --scheduler-toolbar-btn-bg-color: var(--white);
  --scheduler-toolbar-btn-bg-color--hover: var(--gray-100);
  --scheduler-toolbar-btn-bg-color--active: var(--gray-200);
  --scheduler-body-bg-color: transparent;
  --scheduler-table-head-text-color: var(--main-text-color);
  --scheduler-table-cell-border--accent: var(--gray-300);
  --scheduler-table-cell-bg-color--hover: var(--gray-100);
  --scheduler-table-cell-bg-color--selected: var(--accent-50);
  --btn-secondary-bg-color: var(--white);
  --btn-secondary-bg-color--hover: var(--gray-transparent-5);
  --btn-secondary-bg-color--active: var(--transparent-10);
  --btn-bg-color: transparent;
  --btn-bg-color--hover: var(--gray-transparent-5);
  --btn-bg-color--active: var(--gray-transparent-10);
  --btn-text-color: var(--gray-700);
  --btn-text-color--hover: var(--gray-700);
  --btn-text-color--active: var(--gray-800);
  --progressbar-bg-color: var(--accent-400);
  --trey-bg-color: var(--accent-1000);
  --trey-border-color: var(--accent-700);
  --trey-item-bg-color: transparent;
  --trey-item-bg-color--hover: var(--accent-400);
  --trey-item-bg-color--active: var(--accent-650);
  --trey-item-text-color: var(--white);
  --trey-item-text-color--hover: var(--gray-600);
  --trey-item-text-color--active: var(--white);
  --trey-item-icon-color: var(--white);
  --trey-item-icon-color--hover: var(--gray-600);
  --trey-item-icon-color--active: var(--white);
  --trey-devidor-bg-color: var(--gray-200);
  --toolbar-bg-color: var(--gray-25);
  --title-bar-bg-color: var(--accent-950);
  --title-bar-border-color: var(--gray-450);
  --title-bar-text-color--main: var(--white);
  --title-bar-text-color--secondary: var(--gray-250);
  --viewer-header-bg-color: var(--gray-50);
  --viewer-header-with-databrowser-bg-color: var(--gray-50);
  --viewer-header-border-color: var(--main-border-color);
  --viewer-header-caption-text-color: var(--gray-700);
  --viewer-header-card-bg-color: var(--gray-50);
  --viewer-header-card-label-text-color: var(--gray-450);
  --viewer-header-card-value-text-color: var(--gray-600);
  --viewer-body-bg-color: var(--gray-50);
  --viewer-card-readonly-checkbox-true: var(--support-02);
  --viewer-card-readonly-checkbox-false: var(--support-01);
  --viewer-card-separator: var(--gray-200);
  --widget-bg-color: var(--white);
  --widget-bg-color--hover: var(--accent-400);
  --widget-bg-color--active: var(--accent-500);
  --widget-bg-color--disabled: var(--gray-150);
  --widget-time-text-color: var(--gray-450);
  --widget-count-text-color: var(--gray-700);
  --widget-colored-bg-color: var(--accent-600);
  --widget-colored-bg-color--hover: var(--accent-800);
  --widget-colored-bg-color--active: var(--accent-900);
  --widget-colored-text-color: var(--gray-700);
  --workspace-bg-color: var(--accent-50);
  --workspace-title-text-color: var(--gray-700);
  --workspace-btn-bg-color--hover: var(--gray-transparent-5);
  --workspace-btn-text-color: var(--gray-700);
  --workspace-btn-icon-color: var(--gray-700);
  --tabs-bg-color: var(--gray-25);
  --tab-bg-color--hover: var(--gray-transparent-2);
  --tab-text-color: var(--gray-500);
  --tab-text-color--active: var(--gray-800);
  --tabs-content-last-windows-list-item-icon-color: var(--gray-400);
  --tabs-content-last-windows-list-item-icon-color--filled: var(--support-03);
  --tabs-content-last-windows-list-item-text-color: var(--gray-700);
  --tabs-content-last-windows-list-item-time-color: var(--gray-450);
  --data-grid-bg-color: var(--white);
  --data-grid-border-color: var(--gray-200);
  --data-grid-grouping-row-bg-color: var(--gray-100);
  --data-grid-grouping-row-bg-color--hover: var(--gray-200);
  --data-grid-table-header-row-bg-color: var(--gray-100);
  --data-grid-table-header-row-bg-color--hover: var(--gray-200);
  --data-grid-table-header-row-text-color: var(--gray-450);
  --data-grid-table-header-row-text-color--active: var(--gray-900);
  --data-grid-table-row-bg-color: var(--white);
  --data-grid-table-row-bg-color--hover: var(--gray-100);
  --data-grid-table-row-bg-color--selected: var(--accent-50);
  --treelist-table-row-bg-color--active: var(--gray-250);
  --data-grid-table-focused-row-text-color: var(--gray-800);
  --data-grid-table-footer-row-bg-color: var(--gray-50);
  --data-grid-header-filter-cell-bg-color-hover: var(--gray-transparent-5);
  --data-grid-header-filter-cell-icon-color: var(--gray-700);
  --datagrid-column-header-bg-color--dragging: var(--gray-100);
  --datagrid-column-header-text-color--dragging: var(--main-text-color);
  --datagrid-footer-bg-color: var(--gray-100);
  --datagrid-footer-border-color: var(--gray-200);
  --datagrid-footer-text-color: var(--gray-450);
  --datagrid-footer-text-color-selected: var(--gray-700);
  --data-grid-filter-cell-default-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNjc3IDMuMDljLS4xNzctLjAzNS0uMzkxLS4wNC0uNzAzLjAwNWExLjYgMS42IDAgMCAwLTEuMTE1LjY4Yy0uMjU2LjM2NC0uNDEyLjg2My0uNDYgMS40NDctLjAwMi4xOS0uMDM1Ljg3LS4wODQgMS43NzhIOS41YS41LjUgMCAwIDEgMCAxSDcuMjZjLS4xMjYgMi4yNS0uMyA1LjE0NS0uMzYxIDUuOTM4di4wMDNsLS4wMDYuMDdjLS4wNDguNTcyLS4xMDQgMS4yNTItLjMwNCAxLjg3OS0uMjEzLjY2Ny0uNiAxLjMxLTEuMzMgMS43MzgtMS4wMjMuNjM1LTIuMTMyLjM0NS0yLjk4My0uMDhhLjUuNSAwIDEgMSAuNDQ4LS44OTVjLjc0Ny4zNzQgMS40MzYuNDgzIDIuMDExLjEyM2wuMDEzLS4wMDhjLjQ2NS0uMjcuNzI3LS42NzcuODg4LTEuMTgzLjE2NS0uNTE2LjIxMy0xLjA5Ni4yNjQtMS43MDJsLjAwMi0uMDIxdi0uMDAyYy4wNi0uNzkzLjIzMS0zLjY0LjM1Ni01Ljg2SDQuNWEuNS41IDAgMSAxIDAtMWgxLjgxM2E3NS45NjIgNzUuOTYyIDAgMCAwIC4wODktMS44MzhjLjA1NC0uNzEuMjQ3LTEuNDA1LjYzOS0xLjk2Mi40LS41Ny45OTQtLjk3MyAxLjc4My0xLjA5NGwuMDA1LS4wMDFjLjM4Ni0uMDU1LjcyMi0uMDYgMS4wNDQuMDA1LjMyNC4wNjUuNjA0LjE5My44ODQuMzYxYS41LjUgMCAwIDEtLjUxNC44NTggMS43NDQgMS43NDQgMCAwIDAtLjU2Ni0uMjM5em03LjE3NyA2LjA1NmEuNS41IDAgMCAxIDAgLjcwOGwtMy4yMiAzLjIyYTE2Mi40OTUgMTYyLjQ5NSAwIDAgMCAxLjM5NCAyLjQ2NmwuMDQxLjA3MmMuMDY1LjExNS4xMTEuMTkuMTU0LjI1LjA2LjA4NC4xMTcuMTQ0LjI0NC4yMTQuMjE2LjAzNy4yOC0uMDA4LjMwNi0uMDI1YS42MzcuNjM3IDAgMCAwIC4xMjUtLjEyNyAzLjU2IDMuNTYgMCAwIDAgLjExLS4xNDVjLjAyNS0uMDM2LjA1NS0uMDc3LjA5Mi0uMTI2YS41LjUgMCAwIDEgLjguNmwtLjA1Ny4wNzhjLS4xMTMuMTU3LS4yOC4zOS0uNS41NDEtLjMxNi4yMi0uNjkyLjI2OC0xLjE0OC4xN2EuNDk1LjQ5NSAwIDAgMS0uMTItLjA0MiAxLjY4NiAxLjY4NiAwIDAgMS0uNjY2LS41NTYgMy45NjMgMy45NjMgMCAwIDEtLjIwOC0uMzM2bC0uMDQ1LS4wNzlhMTM0LjEzMiAxMzQuMTMyIDAgMCAxLTEuMjU3LTIuMjJsLTMuMDQ1IDMuMDQ1YS41LjUgMCAwIDEtLjcwOC0uNzA3bDMuMjQ2LTMuMjQ2YTE0OS45NDMgMTQ5Ljk0MyAwIDAgMC0xLjE0LTIuMDI0IDMuNjQ0IDMuNjQ0IDAgMCAwLS4zMjctLjU0OSAxLjE0MiAxLjE0MiAwIDAgMC0uMzMtLjMxN2MtLjA2MS0uMDItLjExNy0uMDE0LS4yMDUuMDQxLS4xMi4wNzQtLjI0OS4yMTMtLjM5LjQwMWEuNS41IDAgMSAxLS44LS42Yy4xNTgtLjIxMS4zNzgtLjQ3My42Ni0uNjQ5LjMwMi0uMTg5LjY5NS0uMjg3IDEuMTI1LS4xMTUuMDEzLjAwNS4wMjYuMDEuMDM4LjAxNy4yOTguMTUuNTMuMzkyLjcwMi42MjIuMTcuMjI4LjMwOC40NzYuNDEzLjY4NS4xMzUuMjI3LjUzNy45NDQuOTg5IDEuNzUzbDMuMDItMy4wMmEuNS41IDAgMCAxIC43MDcgMHoiIGZpbGw9IiM4NjhFOEUiLz48L3N2Zz4=);
  --data-grid-filter-cell-default-icon--hover: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNjc3IDMuMDljLS4xNzctLjAzNS0uMzkxLS4wNC0uNzAzLjAwNWExLjYgMS42IDAgMCAwLTEuMTE1LjY4Yy0uMjU2LjM2NC0uNDEyLjg2My0uNDYgMS40NDctLjAwMi4xOS0uMDM1Ljg3LS4wODQgMS43NzhIOS41YS41LjUgMCAwIDEgMCAxSDcuMjZjLS4xMjYgMi4yNS0uMyA1LjE0NS0uMzYxIDUuOTM4di4wMDNsLS4wMDYuMDdjLS4wNDguNTcyLS4xMDQgMS4yNTItLjMwNCAxLjg3OS0uMjEzLjY2Ny0uNiAxLjMxLTEuMzMgMS43MzgtMS4wMjMuNjM1LTIuMTMyLjM0NS0yLjk4My0uMDhhLjUuNSAwIDEgMSAuNDQ4LS44OTVjLjc0Ny4zNzQgMS40MzYuNDgzIDIuMDExLjEyM2wuMDEzLS4wMDhjLjQ2NS0uMjcuNzI3LS42NzcuODg4LTEuMTgzLjE2NS0uNTE2LjIxMy0xLjA5Ni4yNjQtMS43MDJsLjAwMi0uMDIxdi0uMDAyYy4wNi0uNzkzLjIzMS0zLjY0LjM1Ni01Ljg2SDQuNWEuNS41IDAgMSAxIDAtMWgxLjgxM2E3NS45NjIgNzUuOTYyIDAgMCAwIC4wODktMS44MzhjLjA1NC0uNzEuMjQ3LTEuNDA1LjYzOS0xLjk2Mi40LS41Ny45OTQtLjk3MyAxLjc4My0xLjA5NGwuMDA1LS4wMDFjLjM4Ni0uMDU1LjcyMi0uMDYgMS4wNDQuMDA1LjMyNC4wNjUuNjA0LjE5My44ODQuMzYxYS41LjUgMCAwIDEtLjUxNC44NTggMS43NDQgMS43NDQgMCAwIDAtLjU2Ni0uMjM5em03LjE3NyA2LjA1NmEuNS41IDAgMCAxIDAgLjcwOGwtMy4yMiAzLjIyYTE2Mi40OTUgMTYyLjQ5NSAwIDAgMCAxLjM5NCAyLjQ2NmwuMDQxLjA3MmMuMDY1LjExNS4xMTEuMTkuMTU0LjI1LjA2LjA4NC4xMTcuMTQ0LjI0NC4yMTQuMjE2LjAzNy4yOC0uMDA4LjMwNi0uMDI1YS42MzcuNjM3IDAgMCAwIC4xMjUtLjEyNyAzLjU2IDMuNTYgMCAwIDAgLjExLS4xNDVjLjAyNS0uMDM2LjA1NS0uMDc3LjA5Mi0uMTI2YS41LjUgMCAwIDEgLjguNmwtLjA1Ny4wNzhjLS4xMTMuMTU3LS4yOC4zOS0uNS41NDEtLjMxNi4yMi0uNjkyLjI2OC0xLjE0OC4xN2EuNDk1LjQ5NSAwIDAgMS0uMTItLjA0MiAxLjY4NiAxLjY4NiAwIDAgMS0uNjY2LS41NTYgMy45NjMgMy45NjMgMCAwIDEtLjIwOC0uMzM2bC0uMDQ1LS4wNzlhMTM0LjEzMiAxMzQuMTMyIDAgMCAxLTEuMjU3LTIuMjJsLTMuMDQ1IDMuMDQ1YS41LjUgMCAwIDEtLjcwOC0uNzA3bDMuMjQ2LTMuMjQ2YTE0OS45NDMgMTQ5Ljk0MyAwIDAgMC0xLjE0LTIuMDI0IDMuNjQ0IDMuNjQ0IDAgMCAwLS4zMjctLjU0OSAxLjE0MiAxLjE0MiAwIDAgMC0uMzMtLjMxN2MtLjA2MS0uMDItLjExNy0uMDE0LS4yMDUuMDQxLS4xMi4wNzQtLjI0OS4yMTMtLjM5LjQwMWEuNS41IDAgMSAxLS44LS42Yy4xNTgtLjIxMS4zNzgtLjQ3My42Ni0uNjQ5LjMwMi0uMTg5LjY5NS0uMjg3IDEuMTI1LS4xMTUuMDEzLjAwNS4wMjYuMDEuMDM4LjAxNy4yOTguMTUuNTMuMzkyLjcwMi42MjIuMTcuMjI4LjMwOC40NzYuNDEzLjY4NS4xMzUuMjI3LjUzNy45NDQuOTg5IDEuNzUzbDMuMDItMy4wMmEuNS41IDAgMCAxIC43MDcgMHoiIGZpbGw9IiMxRTIwMjAiLz48L3N2Zz4=);
  --data-grid-icon-calendar: url(data:image/svg+xml;base64,\ PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTFDNy41NTIyOCAxMSA4IDEwLjU1MjMgOCAxMEM4IDkuNDQ3NzEgNy41NTIyOCA5IDcgOUM2LjQ0NzcyIDkgNiA5LjQ0NzcxIDYgMTBDNiAxMC41NTIzIDYuNDQ3NzIgMTEgNyAxMVpNOCAxM0M4IDEzLjU1MjMgNy41NTIyOCAxNCA3IDE0QzYuNDQ3NzIgMTQgNiAxMy41NTIzIDYgMTNDNiAxMi40NDc3IDYuNDQ3NzIgMTIgNyAxMkM3LjU1MjI4IDEyIDggMTIuNDQ3NyA4IDEzWk0xMCAxMUMxMC41NTIzIDExIDExIDEwLjU1MjMgMTEgMTBDMTEgOS40NDc3MSAxMC41NTIzIDkgMTAgOUM5LjQ0NzcxIDkgOSA5LjQ0NzcxIDkgMTBDOSAxMC41NTIzIDkuNDQ3NzEgMTEgMTAgMTFaTTExIDEzQzExIDEzLjU1MjMgMTAuNTUyMyAxNCAxMCAxNEM5LjQ0NzcxIDE0IDkgMTMuNTUyMyA5IDEzQzkgMTIuNDQ3NyA5LjQ0NzcxIDEyIDEwIDEyQzEwLjU1MjMgMTIgMTEgMTIuNDQ3NyAxMSAxM1pNMTMgMTFDMTMuNTUyMyAxMSAxNCAxMC41NTIzIDE0IDEwQzE0IDkuNDQ3NzEgMTMuNTUyMyA5IDEzIDlDMTIuNDQ3NyA5IDEyIDkuNDQ3NzEgMTIgMTBDMTIgMTAuNTUyMyAxMi40NDc3IDExIDEzIDExWk0xNyA1LjVDMTcgNC4xMTkyOSAxNS44ODA3IDMgMTQuNSAzSDUuNUM0LjExOTI5IDMgMyA0LjExOTI5IDMgNS41VjE0LjVDMyAxNS44ODA3IDQuMTE5MjkgMTcgNS41IDE3SDE0LjVDMTUuODgwNyAxNyAxNyAxNS44ODA3IDE3IDE0LjVWNS41Wk00IDdIMTZWMTQuNUMxNiAxNS4zMjg0IDE1LjMyODQgMTYgMTQuNSAxNkg1LjVDNC42NzE1NyAxNiA0IDE1LjMyODQgNCAxNC41VjdaTTUuNSA0SDE0LjVDMTUuMzI4NCA0IDE2IDQuNjcxNTcgMTYgNS41VjZINFY1LjVDNCA0LjY3MTU3IDQuNjcxNTcgNCA1LjUgNFoiIGZpbGw9IiMyODJBMkEiLz4KPC9zdmc+Cg==);
  --context-menu-bg-color: var(--gray-50);
  --context-menu-list-tem-bg-color: transparent;
  --context-menu-list-tem-bg-color--hover: var(--accent-400);
  --context-menu-list-tem-bg-color--active: var(--accent-650);
  --context-menu-list-item-text-color: var(--gray-600);
  --context-menu-list-item-text-color--active: var(--white);
  --context-menu-list-item-text-color--disabled: var(--gray-350);
  --finder-accordion-bg-color: var(--gray-25);
  --finder-accordion-text-color: var(--gray-700);
  --updater-readonly-input-bg-color: var(--gray-50);
  --updater-readonly-input-border-color: var(--gray-transparent-5);
}
:root[mc-theme=dark] {
  --app-bg-color: var(--black);
  --sidenav-bg-color: var(--gray-850);
  --main-border-color: var(--gray-600);
  --main-border-color--darker: var(--gray-700);
  --main-border-color--dark: var(--gray-800);
  --main-text-color: var(--white);
  --main-text-color--dark: var(--white);
  --main-text-color--light: var(--gray-300);
  --main-icon-color: var(--gray-50);
  --viewer-content-bg-color: var(--black);
  --viewer-border-color: var(--accent-600);
  --data-browser-header-bg-color: var(--gray-750);
  --form-label-required-asterisk-color: var(--white);
  --link-text-color: var(--inverse-support-04);
  --modal-bg-color: var(--gray-750);
  --modal-header-bg-color: var(--gray-850);
  --modal-body-bg-color: var(--gray-700);
  --overlay-bg-color: rgba(0, 0, 0, 0.4);
  --checkbox-text-color: var(--white);
  --popup-border-color: var(--gray-450);
  --popup-border-color--active: var(--accent-650);
  --portal-dialog-bg-color: var(--gray-750);
  --portal-dialog-border-color: var(--gray-600);
  --portal-dialog-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
  --calendar-bg-color: transparent;
  --calendar-navigator-bg-color: var(--gray-700);
  --calendar-date-bg-color--hover: var(--gray-600);
  --calendar-date-bg-color--active: var(--accent-600);
  --pivotgrid-bg-color: var(--gray-750);
  --pivotgrid-header-bg-color: transparent;
  --pivotgrid-header-text-color: var(--main-text-color);
  --pivotgrid-header-btn-bg-color: var(--gray-600);
  --pivotgrid-body-bg-color: var(--gray-800);
  --pivotgrid-body-text-color: var(--main-text-color--light);
  --pivotgrid-row-bg-color--hover: var(--gray-600);
  --pivotgrid-total-row-bg-color: var(--gray-600);
  --pivotgrid-filter-settings-panel-bg-color: var(--gray-750);
  --scheduler-bg-color: var(--gray-750);
  --scheduler-toolbar-bg-color: var(--gray-850);
  --scheduler-toolbar-btn-bg-color: var(--gray-600);
  --scheduler-toolbar-btn-bg-color--hover: var(--gray-550);
  --scheduler-toolbar-btn-bg-color--active: var(--gray-500);
  --scheduler-body-bg-color: transparent;
  --scheduler-table-head-text-color: var(--main-text-color);
  --scheduler-table-cell-border--accent: var(--gray-400);
  --scheduler-table-cell-bg-color--hover: var(--gray-600);
  --scheduler-table-cell-bg-color--selected: var(--gray-450);
  --btn-secondary-bg-color: var(--gray-800);
  --btn-secondary-bg-color--hover: var(--gray-700);
  --btn-secondary-bg-color--active: var(--gray-550);
  --btn-bg-color: var(--gray-700);
  --btn-bg-color--hover: var(--gray-600);
  --btn-bg-color--active: var(--gray-550);
  --btn-text-color: var(--white);
  --btn-text-color--hover: var(--gray-25);
  --btn-text-color--active: var(--gray-50);
  --progressbar-bg-color: var(--accent-450);
  --trey-bg-color: var(--gray-900);
  --trey-border-color: var(--gray-550);
  --trey-item-bg-color: transparent;
  --trey-item-bg-color--hover: var(--gray-600);
  --trey-item-bg-color--active: var(--accent-600);
  --trey-item-text-color: var(--white);
  --trey-item-text-color--hover: var(--white);
  --trey-item-text-color--active: var(--white);
  --trey-item-icon-color: var(--white);
  --trey-item-icon-color--hover: var(--white);
  --trey-item-icon-color--active: var(--white);
  --trey-devidor-bg-color: var(--gray-550);
  --toolbar-bg-color: var(--gray-25);
  --title-bar-bg-color: var(--gray-850);
  --title-bar-border-color: var(--main-border-color);
  --title-bar-text-color--main: var(--white);
  --title-bar-text-color--secondary: var(--gray-300);
  --viewer-header-bg-color: var(--gray-750);
  --viewer-header-with-databrowser-bg-color: var(--gray-750);
  --viewer-header-border-color: var(--main-border-color);
  --viewer-header-caption-text-color: var(--white);
  --viewer-header-card-bg-color: var(--gray-750);
  --viewer-header-card-label-text-color: var(--gray-250);
  --viewer-header-card-value-text-color: var(--white);
  --viewer-body-bg-color: var(--gray-750);
  --viewer-card-readonly-checkbox-true: var(--support-02);
  --viewer-card-readonly-checkbox-false: var(--support-01);
  --viewer-card-separator: var(--gray-500);
  --widget-bg-color: var(--gray-850);
  --widget-bg-color--hover: var(--gray-900);
  --widget-bg-color--active: var(--black);
  --widget-bg-color--disabled: var(--gray-750);
  --widget-time-text-color: var(--gray-450);
  --widget-count-text-color: var(--gray-700);
  --widget-colored-bg-color: var(--accent-600);
  --widget-colored-bg-color--hover: var(--accent-800);
  --widget-colored-bg-color--active: var(--accent-900);
  --widget-colored-text-color: var(--white);
  --workspace-bg-color: var(--gray-750);
  --workspace-title-text-color: var(--white);
  --workspace-btn-bg-color--hover: var(--gray-600);
  --workspace-btn-text-color: var(--white);
  --workspace-btn-icon-color: var(--white);
  --tabs-bg-color: var(--gray-700);
  --tab-bg-color--hover: var(--gray-600);
  --tab-text-color: var(--gray-300);
  --tab-text-color--active: var(--white);
  --tabs-content-last-windows-list-item-icon-color: var(--gray-150);
  --tabs-content-last-windows-list-item-icon-color--filled: var(--support-03);
  --tabs-content-last-windows-list-item-text-color: var(--white);
  --tabs-content-last-windows-list-item-time-color: var(--gray-300);
  --data-grid-bg-color: var(--gray-750);
  --data-grid-border-color: var(--gray-500);
  --data-grid-grouping-row-bg-color: var(--gray-850);
  --data-grid-grouping-row-bg-color--hover: var(--gray-900);
  --data-grid-table-header-row-bg-color: var(--gray-850);
  --data-grid-table-header-row-bg-color--hover: var(--gray-700);
  --data-grid-table-header-row-text-color: var(--gray-300);
  --data-grid-table-header-row-text-color--active: var(--white);
  --data-grid-table-row-bg-color: var(--gray-750);
  --data-grid-table-row-bg-color--hover: var(--gray-550);
  --data-grid-table-row-bg-color--selected: var(--gray-600);
  --treelist-table-row-bg-color--active: var(--gray-450);
  --data-grid-table-focused-row-text-color: var(--white);
  --data-grid-table-footer-row-bg-color: var(--gray-800);
  --data-grid-header-filter-cell-bg-color-hover: var(--gray-500);
  --data-grid-header-filter-cell-icon-color: var(--gray-250);
  --datagrid-column-header-bg-color--dragging: var(--gray-600);
  --datagrid-column-header-text-color--dragging: var(--main-text-color);
  --datagrid-footer-bg-color: var(--gray-850);
  --datagrid-footer-border-color: var(--gray-600);
  --datagrid-footer-text-color: var(--gray-400);
  --datagrid-footer-text-color-selected: var(--gray-250);
  --data-grid-filter-cell-default-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNjc3IDMuMDljLS4xNzctLjAzNS0uMzkxLS4wNC0uNzAzLjAwNWExLjYgMS42IDAgMCAwLTEuMTE1LjY4Yy0uMjU2LjM2NC0uNDEyLjg2My0uNDYgMS40NDctLjAwMi4xOS0uMDM1Ljg3LS4wODQgMS43NzhIOS41YS41LjUgMCAwIDEgMCAxSDcuMjZjLS4xMjYgMi4yNS0uMyA1LjE0NS0uMzYxIDUuOTM4di4wMDNsLS4wMDYuMDdjLS4wNDguNTcyLS4xMDQgMS4yNTItLjMwNCAxLjg3OS0uMjEzLjY2Ny0uNiAxLjMxLTEuMzMgMS43MzgtMS4wMjMuNjM1LTIuMTMyLjM0NS0yLjk4My0uMDhhLjUuNSAwIDEgMSAuNDQ4LS44OTVjLjc0Ny4zNzQgMS40MzYuNDgzIDIuMDExLjEyM2wuMDEzLS4wMDhjLjQ2NS0uMjcuNzI3LS42NzcuODg4LTEuMTgzLjE2NS0uNTE2LjIxMy0xLjA5Ni4yNjQtMS43MDJsLjAwMi0uMDIxdi0uMDAyYy4wNi0uNzkzLjIzMS0zLjY0LjM1Ni01Ljg2SDQuNWEuNS41IDAgMSAxIDAtMWgxLjgxM2E3NS45NjIgNzUuOTYyIDAgMCAwIC4wODktMS44MzhjLjA1NC0uNzEuMjQ3LTEuNDA1LjYzOS0xLjk2Mi40LS41Ny45OTQtLjk3MyAxLjc4My0xLjA5NGwuMDA1LS4wMDFjLjM4Ni0uMDU1LjcyMi0uMDYgMS4wNDQuMDA1LjMyNC4wNjUuNjA0LjE5My44ODQuMzYxYS41LjUgMCAwIDEtLjUxNC44NTggMS43NDQgMS43NDQgMCAwIDAtLjU2Ni0uMjM5em03LjE3NyA2LjA1NmEuNS41IDAgMCAxIDAgLjcwOGwtMy4yMiAzLjIyYTE2Mi40OTUgMTYyLjQ5NSAwIDAgMCAxLjM5NCAyLjQ2NmwuMDQxLjA3MmMuMDY1LjExNS4xMTEuMTkuMTU0LjI1LjA2LjA4NC4xMTcuMTQ0LjI0NC4yMTQuMjE2LjAzNy4yOC0uMDA4LjMwNi0uMDI1YS42MzcuNjM3IDAgMCAwIC4xMjUtLjEyNyAzLjU2IDMuNTYgMCAwIDAgLjExLS4xNDVjLjAyNS0uMDM2LjA1NS0uMDc3LjA5Mi0uMTI2YS41LjUgMCAwIDEgLjguNmwtLjA1Ny4wNzhjLS4xMTMuMTU3LS4yOC4zOS0uNS41NDEtLjMxNi4yMi0uNjkyLjI2OC0xLjE0OC4xN2EuNDk1LjQ5NSAwIDAgMS0uMTItLjA0MiAxLjY4NiAxLjY4NiAwIDAgMS0uNjY2LS41NTYgMy45NjMgMy45NjMgMCAwIDEtLjIwOC0uMzM2bC0uMDQ1LS4wNzlhMTM0LjEzMiAxMzQuMTMyIDAgMCAxLTEuMjU3LTIuMjJsLTMuMDQ1IDMuMDQ1YS41LjUgMCAwIDEtLjcwOC0uNzA3bDMuMjQ2LTMuMjQ2YTE0OS45NDMgMTQ5Ljk0MyAwIDAgMC0xLjE0LTIuMDI0IDMuNjQ0IDMuNjQ0IDAgMCAwLS4zMjctLjU0OSAxLjE0MiAxLjE0MiAwIDAgMC0uMzMtLjMxN2MtLjA2MS0uMDItLjExNy0uMDE0LS4yMDUuMDQxLS4xMi4wNzQtLjI0OS4yMTMtLjM5LjQwMWEuNS41IDAgMSAxLS44LS42Yy4xNTgtLjIxMS4zNzgtLjQ3My42Ni0uNjQ5LjMwMi0uMTg5LjY5NS0uMjg3IDEuMTI1LS4xMTUuMDEzLjAwNS4wMjYuMDEuMDM4LjAxNy4yOTguMTUuNTMuMzkyLjcwMi42MjIuMTcuMjI4LjMwOC40NzYuNDEzLjY4NS4xMzUuMjI3LjUzNy45NDQuOTg5IDEuNzUzbDMuMDItMy4wMmEuNS41IDAgMCAxIC43MDcgMHoiIGZpbGw9IiM4NjhFOEUiLz48L3N2Zz4=);
  --data-grid-filter-cell-default-icon--hover: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNjc3IDMuMDljLS4xNzctLjAzNS0uMzkxLS4wNC0uNzAzLjAwNWExLjYgMS42IDAgMCAwLTEuMTE1LjY4Yy0uMjU2LjM2NC0uNDEyLjg2My0uNDYgMS40NDctLjAwMi4xOS0uMDM1Ljg3LS4wODQgMS43NzhIOS41YS41LjUgMCAwIDEgMCAxSDcuMjZjLS4xMjYgMi4yNS0uMyA1LjE0NS0uMzYxIDUuOTM4di4wMDNsLS4wMDYuMDdjLS4wNDguNTcyLS4xMDQgMS4yNTItLjMwNCAxLjg3OS0uMjEzLjY2Ny0uNiAxLjMxLTEuMzMgMS43MzgtMS4wMjMuNjM1LTIuMTMyLjM0NS0yLjk4My0uMDhhLjUuNSAwIDEgMSAuNDQ4LS44OTVjLjc0Ny4zNzQgMS40MzYuNDgzIDIuMDExLjEyM2wuMDEzLS4wMDhjLjQ2NS0uMjcuNzI3LS42NzcuODg4LTEuMTgzLjE2NS0uNTE2LjIxMy0xLjA5Ni4yNjQtMS43MDJsLjAwMi0uMDIxdi0uMDAyYy4wNi0uNzkzLjIzMS0zLjY0LjM1Ni01Ljg2SDQuNWEuNS41IDAgMSAxIDAtMWgxLjgxM2E3NS45NjIgNzUuOTYyIDAgMCAwIC4wODktMS44MzhjLjA1NC0uNzEuMjQ3LTEuNDA1LjYzOS0xLjk2Mi40LS41Ny45OTQtLjk3MyAxLjc4My0xLjA5NGwuMDA1LS4wMDFjLjM4Ni0uMDU1LjcyMi0uMDYgMS4wNDQuMDA1LjMyNC4wNjUuNjA0LjE5My44ODQuMzYxYS41LjUgMCAwIDEtLjUxNC44NTggMS43NDQgMS43NDQgMCAwIDAtLjU2Ni0uMjM5em03LjE3NyA2LjA1NmEuNS41IDAgMCAxIDAgLjcwOGwtMy4yMiAzLjIyYTE2Mi40OTUgMTYyLjQ5NSAwIDAgMCAxLjM5NCAyLjQ2NmwuMDQxLjA3MmMuMDY1LjExNS4xMTEuMTkuMTU0LjI1LjA2LjA4NC4xMTcuMTQ0LjI0NC4yMTQuMjE2LjAzNy4yOC0uMDA4LjMwNi0uMDI1YS42MzcuNjM3IDAgMCAwIC4xMjUtLjEyNyAzLjU2IDMuNTYgMCAwIDAgLjExLS4xNDVjLjAyNS0uMDM2LjA1NS0uMDc3LjA5Mi0uMTI2YS41LjUgMCAwIDEgLjguNmwtLjA1Ny4wNzhjLS4xMTMuMTU3LS4yOC4zOS0uNS41NDEtLjMxNi4yMi0uNjkyLjI2OC0xLjE0OC4xN2EuNDk1LjQ5NSAwIDAgMS0uMTItLjA0MiAxLjY4NiAxLjY4NiAwIDAgMS0uNjY2LS41NTYgMy45NjMgMy45NjMgMCAwIDEtLjIwOC0uMzM2bC0uMDQ1LS4wNzlhMTM0LjEzMiAxMzQuMTMyIDAgMCAxLTEuMjU3LTIuMjJsLTMuMDQ1IDMuMDQ1YS41LjUgMCAwIDEtLjcwOC0uNzA3bDMuMjQ2LTMuMjQ2YTE0OS45NDMgMTQ5Ljk0MyAwIDAgMC0xLjE0LTIuMDI0IDMuNjQ0IDMuNjQ0IDAgMCAwLS4zMjctLjU0OSAxLjE0MiAxLjE0MiAwIDAgMC0uMzMtLjMxN2MtLjA2MS0uMDItLjExNy0uMDE0LS4yMDUuMDQxLS4xMi4wNzQtLjI0OS4yMTMtLjM5LjQwMWEuNS41IDAgMSAxLS44LS42Yy4xNTgtLjIxMS4zNzgtLjQ3My42Ni0uNjQ5LjMwMi0uMTg5LjY5NS0uMjg3IDEuMTI1LS4xMTUuMDEzLjAwNS4wMjYuMDEuMDM4LjAxNy4yOTguMTUuNTMuMzkyLjcwMi42MjIuMTcuMjI4LjMwOC40NzYuNDEzLjY4NS4xMzUuMjI3LjUzNy45NDQuOTg5IDEuNzUzbDMuMDItMy4wMmEuNS41IDAgMCAxIC43MDcgMHoiIGZpbGw9IiM4NjhFOEUiLz48L3N2Zz4=);
  --data-grid-icon-calendar: url(data:image/svg+xml;base64,\ PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTFDNy41NTIyOCAxMSA4IDEwLjU1MjMgOCAxMEM4IDkuNDQ3NzEgNy41NTIyOCA5IDcgOUM2LjQ0NzcyIDkgNiA5LjQ0NzcxIDYgMTBDNiAxMC41NTIzIDYuNDQ3NzIgMTEgNyAxMVpNOCAxM0M4IDEzLjU1MjMgNy41NTIyOCAxNCA3IDE0QzYuNDQ3NzIgMTQgNiAxMy41NTIzIDYgMTNDNiAxMi40NDc3IDYuNDQ3NzIgMTIgNyAxMkM3LjU1MjI4IDEyIDggMTIuNDQ3NyA4IDEzWk0xMCAxMUMxMC41NTIzIDExIDExIDEwLjU1MjMgMTEgMTBDMTEgOS40NDc3MSAxMC41NTIzIDkgMTAgOUM5LjQ0NzcxIDkgOSA5LjQ0NzcxIDkgMTBDOSAxMC41NTIzIDkuNDQ3NzEgMTEgMTAgMTFaTTExIDEzQzExIDEzLjU1MjMgMTAuNTUyMyAxNCAxMCAxNEM5LjQ0NzcxIDE0IDkgMTMuNTUyMyA5IDEzQzkgMTIuNDQ3NyA5LjQ0NzcxIDEyIDEwIDEyQzEwLjU1MjMgMTIgMTEgMTIuNDQ3NyAxMSAxM1pNMTMgMTFDMTMuNTUyMyAxMSAxNCAxMC41NTIzIDE0IDEwQzE0IDkuNDQ3NzEgMTMuNTUyMyA5IDEzIDlDMTIuNDQ3NyA5IDEyIDkuNDQ3NzEgMTIgMTBDMTIgMTAuNTUyMyAxMi40NDc3IDExIDEzIDExWk0xNyA1LjVDMTcgNC4xMTkyOSAxNS44ODA3IDMgMTQuNSAzSDUuNUM0LjExOTI5IDMgMyA0LjExOTI5IDMgNS41VjE0LjVDMyAxNS44ODA3IDQuMTE5MjkgMTcgNS41IDE3SDE0LjVDMTUuODgwNyAxNyAxNyAxNS44ODA3IDE3IDE0LjVWNS41Wk00IDdIMTZWMTQuNUMxNiAxNS4zMjg0IDE1LjMyODQgMTYgMTQuNSAxNkg1LjVDNC42NzE1NyAxNiA0IDE1LjMyODQgNCAxNC41VjdaTTUuNSA0SDE0LjVDMTUuMzI4NCA0IDE2IDQuNjcxNTcgMTYgNS41VjZINFY1LjVDNCA0LjY3MTU3IDQuNjcxNTcgNCA1LjUgNFoiIGZpbGw9IiM4NjhFOEUiLz4KPC9zdmc+Cg==);
  --context-menu-bg-color: var(--gray-750);
  --context-menu-list-tem-bg-color: transparent;
  --context-menu-list-tem-bg-color--hover: var(--gray-600);
  --context-menu-list-tem-bg-color--active: var(--gray-550);
  --context-menu-list-item-text-color: var(--white);
  --context-menu-list-item-text-color--active: var(--white);
  --context-menu-list-item-text-color--disabled: var(--gray-450);
  --finder-accordion-bg-color: var(--gray-800);
  --finder-accordion-text-color: var(--gray-100);
  --updater-readonly-input-bg-color: var(--gray-800);
  --updater-readonly-input-border-color: var(--gray-transparent-5);
}
:root .tree-view .tree-view__item svg .Black {
  transition: 0.3s ease-in-out;
}
:root[mc-theme=dark] .tree-view .tree-view__item svg .Black {
  fill: var(--gray-50);
}
:root[mc-theme=contrast] .mc-user-menu .tree-view .tree-view__item:not(:hover) svg .Black,
:root[mc-theme=contrast] .mc-user-menu .tree-view .tree-view__item--selected svg .Black {
  fill: var(--gray-50);
}
:root[mc-theme=contrast] .viewer-sidenav__menu .tree-view .tree-view__item--selected svg .Black {
  fill: var(--gray-50);
}
:root[mc-theme=contrast] .mc-user-menu .tree-view .tree-view__wrapper {
  --thumb-color: var(--accent-700);
}
:root[mc-theme=contrast] .mc-user-menu .mc-checkbox {
  --text-color: var(--white) !important;
}
:root[mc-theme=dark] .tree-tile svg .Black {
  fill: var(--gray-50);
}
:root[mc-theme=contrast] .tree-tile__content--selected svg .Black {
  fill: var(--gray-50);
}
:root[mc-theme=contrast] .portal-popup-title-wrapper .mc-button {
  --text-color-default: var(--white) !important;
  --text-color-hover: var(--white) !important;
  --text-color-pressed: var(--white) !important;
  --text-color-focused: var(--white) !important;
}
:root[mc-theme=dark] .mc-toolbar__btn svg .Black,
:root[mc-theme=dark] .viewer-header__commandContainer__btn svg .Black,
:root[mc-theme=dark] .mc-list-item__svg svg .Black {
  fill: var(--gray-50);
}
:root[mc-theme=contrast] .profile .profile__close .mc-button {
  --mc-button-text-color-default: var(--gray-600);
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-LEZCGFVT.woff2") format("woff2"), url("./media/material-icons-JLIDJUWE.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2"), url("./media/material-icons-outlined-PCUTWIDZ.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round-WEHMTW23.woff2") format("woff2"), url("./media/material-icons-round-SLOHZIXU.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp-HCCYMPXE.woff2") format("woff2"), url("./media/material-icons-sharp-U4OLFP3G.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone-M5N5K6F5.woff2") format("woff2"), url("./media/material-icons-two-tone-LCGWGE2N.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
body.app-body .mat-drawer:not(.mat-drawer-side) {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.1411764706),
    0 6px 30px 5px rgba(0, 0, 0, 0.1215686275);
}
body.app-body .cdk-overlay-container {
  z-index: 1052;
}
body.app-body .mat-drawer-container {
  color: var(--main-text-color);
  background-color: transparent;
}
body.app-body .mat-drawer,
body.app-body .mat-drawer:not(.mat-drawer-side) {
  border-right: none;
}
body.app-body .mat-drawer-content,
body.app-body .mat-drawer-inner-container {
  overflow: hidden;
}
body.app-body .stepper {
  background-color: transparent;
}
body.app-body .mat-step-icon {
  background-color: var(--gray-250);
  font-size: 13px;
  color: var(--gray-700);
}
body.app-body .mat-step-icon.mat-step-icon-selected {
  background-color: var(--accent-1000);
  color: var(--white);
}
body.app-body .portal-popup-container-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
body.app-body .portal-popup-container-inner {
  flex: 1;
}
body.app-body .portal-popup-container {
  display: flex;
  background-color: var(--trey-bg-color);
  border-top: 1px solid var(--trey-border-color);
  width: 100%;
  height: 36px;
}
body.app-body .portal-popup-container-scroll-view {
  max-width: 100%;
}
body.app-body .portal-popup-container-scroll-view--has-scroll {
  max-width: calc(100% - 110px);
}
body.app-body .portal-popup-container-action {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 6px;
  border-left: 1px solid var(--trey-devidor-bg-color);
  margin-left: auto;
  z-index: 1;
  box-sizing: border-box;
}
body.app-body .portal-popup-container-action .mc-button:hover {
  --bg-color: var(--trey-item-bg-color--hover);
}
body.app-body .portal-popup-container-action .mc-button:hover .mc-button__icon {
  color: var(--trey-item-icon-color--hover);
}
body.app-body .portal-popup-container-action .mc-button .mc-button__icon {
  color: var(--trey-item-icon-color);
}
body.app-body .portal-popup-container-item-wrapper {
  display: flex;
  height: 100%;
}
body.app-body .portal-popup-container-item {
  display: flex;
  align-items: center;
  min-width: 220px;
  max-width: 220px;
  padding: 8px 8px 8px 12px;
  background-color: var(--trey-item-bg-color);
  cursor: pointer;
  position: relative;
}
body.app-body .portal-popup-container-item::after {
  content: "";
  width: 1px;
  height: calc(100% - 12px);
  top: 6px;
  background-color: var(--trey-devidor-bg-color);
  right: -1px;
  position: absolute;
}
body.app-body .portal-popup-container-item:empty {
  display: none;
}
body.app-body .portal-popup-container-item:hover {
  background-color: var(--trey-item-bg-color--hover);
}
body.app-body .portal-popup-container-item:hover .portal-popup-container-item__title {
  color: var(--trey-item-text-color--hover);
}
body.app-body .portal-popup-container-item:hover mc-context-menu mc-button mc-icon {
  color: var(--trey-item-icon-color--hover);
}
body.app-body .portal-popup-container-item:hover mc-context-menu mc-button:hover mc-icon {
  color: var(--white);
}
body.app-body .portal-popup-container-item-cover {
  min-width: 100%;
  max-width: 100%;
}
body.app-body .portal-popup-container-item__contextMenu {
  flex-grow: 1;
  min-width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
body.app-body .portal-popup-container-item__contextMenu .mc-button__icon {
  color: var(--trey-item-icon-color);
}
body.app-body .portal-popup-container-item.portal-popup-container-item--active {
  background-color: var(--trey-item-bg-color--active);
}
body.app-body .portal-popup-container-item-divider {
  align-self: center;
  height: 16px;
  border-right: 1px solid var(--trey-devidor-bg-color);
}
body.app-body .portal-popup-container-item__title {
  font-family: "Segoe UI";
  font-size: 14px;
  color: var(--trey-item-text-color);
  margin-right: auto;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.app-body .portal-popup-container-item.portal-popup-container-item--active .portal-popup-container-item__title {
  color: var(--trey-item-text-color--active);
}
body.app-body .portal-popup-container-item.portal-popup-container-item--active mc-context-menu mc-button mc-icon {
  color: var(--trey-item-icon-color--active);
}
body.app-body .portal-popup-container-item__action-button {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
  border: none;
  border-radius: 2px;
}
body.app-body .portal-popup-container-item__action-button.dx-button-has-icon .dx-icon {
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  background-position: center;
  background-size: 12px 12px;
}
body.app-body .portal-popup-container-item__action-button.dx-button-has-icon .dx-button-content {
  min-width: 12px;
}
body.app-body .portal-popup .mat-drawer,
body.app-body .portal-popup .mat-drawer:not(.mat-drawer-side) {
  box-shadow: none;
}
body.app-body .portal-popup-title-wrapper {
  gap: 0;
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 18px;
  background-color: var(--title-bar-bg-color);
  border: 1px solid var(--border-color);
  border-bottom: 1px solid var(--title-bar-border-color);
  --border-color: transparent;
}
body.app-body .portal-popup-title-wrapper--in-window {
  --border-color: var(--popup-border-color);
}
body.app-body .portal-popup-title-wrapper--active {
  --border-color: var(--popup-border-color--active);
}
body.app-body .portal-popup-title-header {
  display: flex;
  align-items: center;
  margin-right: auto;
  max-width: calc(100% - 126px);
  gap: 6px;
}
body.app-body .portal-popup-title-header h2 {
  font-family: "Segoe UI";
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  color: var(--title-bar-text-color--main);
}
@media (max-width: 440px) {
  body.app-body .portal-popup-title-header h2 {
    max-width: 200px;
  }
}
body.app-body .portal-popup-title-header h2 span {
  color: var(--title-bar-text-color--secondary);
}
body.app-body .portal-popup-title-header h2 span:last-child {
  color: var(--title-bar-text-color--main);
}
body.app-body .portal-popup-title-header h2 span:not(:last-child)::after {
  content: " \\ ";
}
body.app-body .portal-popup > .dx-overlay-content {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  box-shadow: var(--shadow-dialog);
}
body.app-body .portal-popup.portal-popup--fullscreen > .dx-overlay-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
body.app-body .portal-popup-title-navigation-chain {
  background-color: var(--data-browser-header-bg-color);
  border-bottom: 1px solid var(--main-border-color);
  display: flex;
  flex-direction: column;
}
body.app-body .portal-popup-title-navigation-chain .portal-popup-navigation-chain-wrapper {
  height: var(--portal-grid-toolbar-navigation-chain, 48px);
  display: flex;
  align-items: center;
  padding: 0 18px;
}
body.app-body .portal-popup-title-navigation-chain .portal-popup-navigation-chain-wrapper .portal-popup-navigation-chain-title {
  font-family: "Segoe UI";
  flex: 1;
  margin: 0;
  margin-right: 8px;
  overflow: hidden;
  color: var(--gray-300);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
body.app-body .portal-popup-title-navigation-chain .portal-popup-navigation-chain-wrapper .portal-popup-navigation-chain-title .portal-popup-title-item-last {
  color: var(--main-text-color);
}
body.app-body .portal-popup-multi-browser-button {
  border: none;
  border-radius: 4px;
  background: transparent;
  height: 34px;
  width: 34px;
  margin: 4px 4px 4px 4px;
  padding: 0;
  cursor: pointer;
}
body.app-body .portal-popup-multi-browser-button:hover {
  background-color: var(--gray-200);
}
body.app-body .portal-popup-multi-browser-button--active {
  background-color: var(--gray-transparent-10);
}
body.app-body .portal-popup-multi-browser-button .portal-popup-multi-browser-icon {
  width: 100%;
  height: 100%;
  padding: 6px;
}
body.app-body .portal-popup-multi-browser-button .portal-popup-multi-browser-icon svg {
  height: 20px;
  width: 20px;
}
body.app-body .portal-popup-multi-browser-button-disabled {
  border: none;
  border-radius: 4px;
  background: transparent;
  height: 34px;
  width: 34px;
  margin: 4px 4px 10px 4px;
  padding: 0;
}
body.app-body .portal-popup-multi-browser-button-disabled .portal-popup-multi-browser-icon {
  width: 20px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
}
body.app-body .portal-popup-multi-browser-button-disabled .portal-popup-multi-browser-icon svg {
  height: 20px;
  width: 20px;
}
body.app-body .portal-popup-body {
  height: 100%;
}
body.app-body .portal-popup-body--in-window {
  border: 1px solid var(--popup-border-color);
}
body.app-body .portal-popup-body--active {
  border: 1px solid var(--popup-border-color--active);
}
body.app-body .portal-side-panel {
  --color-transparent: rgba(255, 255, 255, 0);
  --color-grey-25: #fafafa;
  --color-grey-200: #dfe1e1;
  --color-grey-600: #404444;
  --color-grey-700: #282a2a;
  --color-side-panel-border: var(--color-grey-200);
  --color-side-panel-text: var(--color-grey-700);
  --color-side-panel-drawer-bg: var(--color-grey-25);
  --color-buttons-area-bg: var(--color-grey-25);
  --portal-side-panel-drawer-top-padding: 0;
  --portal-side-panel-drawer-right-padding: 0;
  --portal-side-panel-drawer-bottom-padding: 0;
  --portal-side-panel-drawer-left-padding: 0;
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  flex: 1;
  min-height: 0;
  padding: 40px;
  color: var(--main-text-color);
}
body.app-body .portal-side-panel--notification {
  padding: 0;
}
body.app-body .portal-side-panel__inner {
  display: block;
  height: 100%;
  min-height: 0;
  width: 100%;
}
body.app-body .portal-side-panel__content {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: 0;
}
body.app-body .portal-side-panel__drawer {
  width: 340px;
  height: 100%;
  display: block;
  z-index: 3;
  outline: 0;
  box-sizing: border-box;
  overflow-y: auto;
  right: 0;
  padding: var(--portal-side-panel-drawer-top-padding, 16px) var(--portal-side-panel-drawer-right-padding, 16px) var(--portal-side-panel-drawer-bottom-padding, 16px) var(--portal-side-panel-drawer-left-padding, 16px);
  background-color: var(--sidenav-bg-color);
  transform: none;
  visibility: visible;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
}
@media (max-width: 440px) {
  body.app-body .portal-side-panel__drawer {
    width: 100vw;
  }
}
body.app-body .portal-side-panel__drawer-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.app-body .portal-side-panel__close-button {
  position: absolute;
  top: 15px;
  right: 12px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  cursor: pointer;
  padding: 0;
  outline: 0;
  background: var(--color-transparent);
  color: var(--main-icon-color);
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: none;
}
body.app-body .portal-side-panel__close-button-content {
  height: 100%;
  max-height: 100%;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 12px;
}
body.app-body .portal-side-panel__close-button-content svg {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-position: center;
  background-size: 11px 11px;
  color: currentColor;
  margin: 0;
}
body.app-body .portal-side-panel__drawer-content {
  display: flex;
  flex-flow: column;
  height: 100%;
}
body.app-body .portal-side-panel__drawer-content-caption {
  display: flex;
  min-height: 40px;
  max-height: 40px;
  margin: 0;
  padding: 0 8px 0 24px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--main-border-color);
  color: var(--main-text-color);
}
body.app-body .portal-side-panel__drawer-content-caption .mc-button__icon {
  color: var(--main-icon-color);
}
body.app-body .portal-side-panel__drawer-content-scrollable {
  display: block;
  height: 100%;
  min-height: 0;
  flex-grow: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}
body.app-body .portal-side-panel__drawer-content-scrollable::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  background-color: transparent;
}
body.app-body .portal-side-panel__drawer-content-scrollable::-webkit-scrollbar-thumb {
  background-color: var(--gray-250);
  border-radius: 2px;
}
body.app-body .portal-side-panel__drawer-content-buttons {
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  background: var(--sidenav-bg-color);
  border-top: 1px solid var(--main-border-color);
  padding: 14px 12px 14px 12px;
  margin-top: -1px;
}
body.app-body .portal-sortable-filter .mc-tabs__list {
  padding-left: 16px;
}
body.app-body .portal-columns-visible-filter__content {
  padding: 12px 24px;
}
body.app-body .portal-user-form-web-page {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  transition: 0.3s ease-in-out;
}
body.app-body .portal-user-form-web-page::-webkit-scrollbar {
  --scrollbar-size: 6px;
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
  background: var(--gray-25);
}
@media (max-width: 440px) {
  body.app-body .portal-user-form-web-page::-webkit-scrollbar {
    --scrollbar-size: 4px;
  }
}
body.app-body .portal-user-form-web-page::-webkit-scrollbar-track {
  background: var(--gray-25);
  box-shadow: none;
}
body.app-body .portal-user-form-web-page::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--gray-250);
}
body.app-body .portal-user-form-web {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
body.app-body .portal-user-form-web iframe {
  background-color: var(--app-bg-color);
  flex: 1;
  box-sizing: border-box;
  height: calc(100% - var(--toolbar-userform));
  width: 100%;
  border: none;
}
body.app-body .portal-user-form-web__loader {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
body.app-body .portal-user-form-web__responseError {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.app-body .portal-user-form-web .portal-user-form-web-header {
  padding: 0 18px;
  background-color: var(--sidenav-bg-color);
  border-bottom: 1px solid var(--main-border-color);
  min-height: 48px;
  max-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.app-body .portal-user-form-web .portal-user-form-web-header--noToolbar {
  border-bottom: none;
}
body.app-body .portal-user-form-web .portal-user-form-web-header__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: var(--main-text-color);
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
body.app-body .portal-user-form-web .portal-user-form-web-header__buttons {
  display: flex;
}
body.app-body .portal-user-form-dialog-panel .portal-user-form-web-wrapper {
  margin: 0;
}
body.app-body .portal-user-form-dialog-panel .mat-dialog-container,
body.app-body .portal-user-form-dialog-panel .mat-mdc-dialog-container {
  padding: 0;
}
body.app-body .portal-user-form-dialog-panel .portal-user-form-web-dialog,
body.app-body .portal-user-form-dialog-panel .portal-user-form-web-wrapper,
body.app-body .portal-user-form-dialog-panel .mat-dialog-container,
body.app-body .portal-user-form-dialog-panel .mat-mdc-dialog-container,
body.app-body .portal-user-form-dialog-panel .portal-user-form-web {
  display: flex;
  flex: 1;
  flex-flow: column;
}
body.app-body .portal-user-form-dialog-panel .iframe-size {
  flex: 1;
  box-sizing: border-box;
  height: calc(100% - var(--toolbar-userform));
  width: 100%;
  border: none;
}
body.app-body .portal-user-form-web-wrapper {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
body.app-body .portal-user-form-web-wrapper iframe {
  flex: 1;
  box-sizing: border-box;
  height: calc(100% - var(--toolbar-userform));
  width: 100%;
  border: none;
}
body.app-body .iframe-size {
  flex: 1;
  box-sizing: border-box;
  height: calc(100% - var(--toolbar-userform));
  width: 100%;
  border: none;
}
body.app-body .widget-card {
  background-color: var(--widget-bg-color);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  padding: 20px 24px 22px 18px;
  position: relative;
  transition: 0.3s ease-in-out;
  --icon-size: 48px;
}
body.app-body .widget-card--click {
  cursor: pointer;
}
body.app-body .widget-card--click:hover {
  background-color: var(--gray-25);
}
body.app-body .widget-card:hover {
  background-color: var(--widget-bg-color--hover);
}
body.app-body .widget-card--colored {
  background-color: var(--widget-colored-bg-color);
}
body.app-body .widget-card--colored .widget-card__title,
body.app-body .widget-card--colored .widget-card__type,
body.app-body .widget-card--colored .widget-card__time,
body.app-body .widget-card--colored .widget-card__count {
  color: var(--widget-colored-text-color);
}
body.app-body .widget-card--colored:hover {
  background-color: var(--widget-colored-bg-color--hover);
}
body.app-body .widget-card--detail .widget-card__content {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
body.app-body .widget-card__content {
  display: flex;
  align-items: center;
  gap: 16px;
}
body.app-body .widget-card__title {
  line-height: 24px;
  color: var(--widget-colored-text-color);
  font-weight: 600;
  margin: 0;
  font-size: 18px;
}
body.app-body .widget-card__title--min {
  line-height: 20px;
  font-size: 14px;
}
body.app-body .widget-card__info {
  display: flex;
  flex-direction: column;
}
body.app-body .widget-card__type {
  color: var(--gray-450);
}
body.app-body .widget-card__time {
  color: var(--widget-time-text-color);
  font-size: 24px;
  line-height: 24px;
  margin-left: auto;
  align-self: baseline;
}
body.app-body .widget-card__count {
  font-weight: 300;
  font-size: 38px;
  line-height: 38px;
  color: var(--widget-count-text-color);
  margin-left: auto;
}
body.app-body .widget-card__add {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 16px;
  border-left: 1px solid var(--gray-200);
  margin-left: auto;
}
body.app-body .widget-card__svg-picture svg {
  width: var(--icon-size);
  height: var(--icon-size);
}
body.app-body .widget-card__picture {
  max-width: var(--icon-size);
  max-height: var(--icon-size);
}
body.app-body .widget-card__tasks {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  width: 100%;
}
body.app-body .widget-card__task {
  display: flex;
  flex-direction: column;
  border-left: 4px solid;
  padding-left: 16px;
  flex-basis: 50%;
}
body.app-body .widget-card__task .widget-card__count {
  font-size: 24px;
  line-height: 24px;
  margin-left: 0;
  font-weight: 400;
}
body.app-body .widget-card__task .widget-card__count--gray {
  color: #a5abab;
}
body.app-body .widget-card__task--success {
  border-color: var(--accent-600);
}
body.app-body .widget-card__task--primary {
  border-color: var(--support-04);
}
body.app-body .widget-card__task--secondary {
  border-color: var(--gray-200);
}
body.app-body .widget-card__task--danger {
  border-color: var(--support-01);
}
body.app-body .widget-card__close {
  position: absolute;
  right: 2px;
  top: 2px;
}
body.app-body .widget-card-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.app-body .widget-card-list__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.app-body .widget-card-list__title {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-550);
}
body.app-body .widget-card-list__time {
  font-size: 12px;
  line-height: 16px;
  color: var(--gray-350);
}
body.app-body .widget-card-graph {
  display: flex;
  width: 100%;
  gap: 24px;
}
body.app-body .widget-card-graph__pie {
  position: relative;
  min-width: 90px;
  max-width: 90px;
  height: 90px;
}
body.app-body .widget-card-graph__pieCount {
  position: absolute;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
}
body.app-body .widget-card-graph__pieText {
  position: absolute;
  font-weight: 400;
  font-size: 10.8px;
  line-height: 14px;
  color: #737373;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 20%);
}
body.app-body .widget-card-graph__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
body.app-body .widget-card-graph__item {
  position: relative;
  padding-left: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.app-body .widget-card-graph__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: currentColor;
  border-radius: 50%;
}
body.app-body .widget-card-graph__name {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--gray-500);
}
body.app-body .widget-card-graph__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--gray-700);
}
body.app-body {
  display: block;
  height: 100%;
}
body.app-body portal-account-login,
body.app-body portal-account {
  flex-grow: 1;
}
body.app-body .portal-account-login-form-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: var(--white);
}
body.app-body .portal-account-login-form {
  border-radius: 2px;
  border: 1px solid var(--gray-200);
  padding: 16px 32px 51px;
  max-width: 506px;
  width: 100%;
}
body.app-body .portal-account-login-form__logo {
  display: block;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
}
body.app-body .portal-account-login-form__title {
  margin-bottom: 38px;
  text-align: center;
}
body.app-body .portal-account-login-form__field {
  width: 100%;
}
body.app-body .portal-account-login-form__error {
  margin-bottom: 16px;
  color: var(--support-01);
}
body.app-body .portal-account-login-form__btn {
  width: 100%;
}
body.app-body .portal-account {
  height: 100%;
}
body.app-body .portal-account__formWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: var(--sidenav-bg-color);
}
body.app-body .portal-account__formContainer {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 780px) {
  body.app-body .portal-account__formContainer {
    max-width: 90vw;
  }
}
body.app-body .portal-account__title {
  color: var(--main-text-color);
}
body.app-body .portal-account__text {
  color: var(--main-text-color);
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin-bottom: 18px;
}
body.app-body .portal-account__form {
  margin-top: 32px;
  max-width: 450px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
body.app-body .portal-account__formControl:not(:first-child) {
  margin-top: 4px;
}
body.app-body .portal-account__formLabel {
  color: var(--main-text-color--light);
}
body.app-body .portal-account__formInput {
  margin-top: 4px;
}
body.app-body .portal-account__formBtns {
  width: 100%;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: space-between;
}
body.app-body .portal-account__formBtn {
  flex: 1;
}
body.app-body .portal-account__formBtn--fullWidth mc-button {
  width: 100%;
}
body.app-body .portal-account__success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: var(--white);
}
body.app-body .portal-account__successText {
  margin-bottom: 43px;
  color: var(--gray-600);
  font-size: 16px;
}
body.app-body .portal-account__loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--sidenav-bg-color);
  z-index: 10;
  pointer-events: all;
}
body.app-body .portal-analytic-report-page,
body.app-body .portal-analytic-dashboard-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--background-background);
  border: none;
}
body.app-body .portal-app-account-tooltip {
  margin-right: 16px;
}
body.app-body .portal-app-account-tooltip__container {
  padding: 8px 16px;
  background-color: var(--white);
}
body.app-body .portal-app-account-tooltip__container .portal-app-account-menu-item {
  padding: 0;
  background: unset;
  color: var(--gray-450);
}
body.app-body .portal-app-account-tooltip__container .portal-app-account-menu-item:hover {
  color: var(--gray-800);
}
body.app-body .portal-app-account-tooltip__container .portal-app-account-menu-item span,
body.app-body .portal-app-account-tooltip__container .portal-app-account-menu-item mat-icon {
  transition: 0.3s ease-in-out;
}
body.app-body .portal-app-account-tooltip__container .portal-app-account-menu-item mat-icon {
  color: inherit;
}
body.app-body .portal-app-account-tooltip__container .portal-app-account-menu-info__text {
  color: var(--gray-450);
  padding: 8px 0;
}
body.app-body .portal-account-theme-editor {
  display: block;
  margin-top: 26px;
}
body.app-body .portal-account-theme-editor-title {
  color: var(--primary-color);
  font-weight: 500;
}
body.app-body .portal-account-theme-editor-themes {
  display: flex;
  flex-flow: row wrap;
  gap: 14px;
  padding: 2px 5px;
}
body.app-body .portal-account-theme-editor-themes__value--dark {
  background-color: var(--gray-750);
  color: var(--accent-700);
  border-width: 3px;
  border-style: solid;
}
body.app-body .portal-account-theme-editor-themes__value--dark-teal {
  border-color: #399393;
}
body.app-body .portal-account-theme-editor-themes__value--dark-blue {
  border-color: #2681d7;
}
body.app-body .portal-account-theme-editor-themes__value--dark-purple {
  border-color: #494b83;
}
body.app-body .portal-account-theme-editor-themes__value {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  cursor: pointer;
}
body.app-body .portal-account-theme-editor-themes__value.selected {
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px currentColor;
}
body.app-body .portal-account-theme-editor-themes__value:hover .mat-icon.theme-editor-delete-icon {
  pointer-events: initial;
  opacity: 1;
}
body.app-body .portal-account-theme-editor-themes__value.mat-icon-button.selected .theme-editor-done-icon,
body.app-body .portal-account-theme-editor-themes__value.mat-mdc-icon-button.selected .theme-editor-done-icon,
body.app-body .portal-account-theme-editor-themes__value.mat-icon-button.selected .theme-editor-delete-icon,
body.app-body .portal-account-theme-editor-themes__value.mat-mdc-icon-button.selected .theme-editor-delete-icon {
  display: block;
}
body.app-body .mat-icon.theme-editor-done-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: none;
  box-sizing: border-box;
  color: #fff;
  line-height: 19px;
  background-color: var(--if-dark-to-black-from-primary);
  border: 1px solid var(--if-portal-theme-editor-done-icon-border-color);
  border-radius: 100%;
  transform: translate(-50%, -55%);
  width: 16px;
  height: 16px;
  font-size: 16px;
}
body.app-body .mat-icon.theme-editor-delete-icon {
  color: #8a9090;
  background-color: var(--white);
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  font-size: 13px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  transform: translate(50%, -40%);
  border: 1px solid #c5c9c9;
  transition: 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
body.app-body .portal-account-photo-editor__wrapper {
  position: relative;
  width: 120px;
  height: 120px;
  background-color: #c4c4c4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
body.app-body .portal-account-photo-editor__wrapper .portal-default-icon {
  width: 90px;
  min-width: 90px;
  height: 90px;
  min-height: 90px;
  font-size: 90px;
}
body.app-body .portal-account-photo-editor__img {
  display: block;
  width: 120px;
  min-width: 120px;
  height: 120px;
  min-height: 120px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
body.app-body .portal-account-photo-editor__btn-change-photo {
  position: absolute;
  line-height: 32px;
  left: 0;
  top: 0;
  width: 50%;
  height: 50%;
  color: var(--white);
  width: 120px;
  height: 120px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: 0.2s ease-in-out;
}
body.app-body .portal-account-photo-editor__btn-change-photo:hover,
body.app-body .portal-account-photo-editor__btn-change-photo:focus {
  opacity: 1;
}
body.app-body .password-editor__fields-container {
  display: flex;
  flex-direction: column;
}
body.app-body .password-editor__fields-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 4px;
}
body.app-body .password-editor__fields-container .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label mat-label {
  background: var(--background-card);
}
body.app-body .password-editor__actions-container {
  margin-top: 24px;
}
body.app-body .portal-account-user-editor .dx-scrollable-container {
  max-height: 80vh;
}
body.app-body .portalSettings {
  display: flex;
  width: 100%;
  padding-right: 8px;
}
@media (max-width: 1100px) {
  body.app-body .portalSettings {
    min-width: unset;
  }
}
@media (max-width: 780px) {
  body.app-body .portalSettings {
    flex-direction: column;
    padding: 0 10px 2px 5px;
  }
}
body.app-body .portalSettings__body {
  margin-left: 32px;
  flex-grow: 1;
}
@media (max-width: 780px) {
  body.app-body .portalSettings__body {
    margin: 32px 0 0;
  }
}
body.app-body .portalSettings__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
body.app-body .portalSettings__title {
  color: var(--main-text-color--dark);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 20px 0;
}
@media (max-width: 780px) {
  body.app-body .portalSettings__title--hideMob {
    display: none;
  }
}
body.app-body .portalSettings__buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
body.app-body .portalSettings__buttons .mc-button:not(:last-child) {
  margin-right: 8px;
}
body.app-body .portalSettings__userData {
  display: flex;
  align-items: flex-start;
}
body.app-body .portalSettings__form {
  width: 100%;
  grid-gap: 24px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 780px) {
  body.app-body .portalSettings__form {
    grid-template-columns: 1fr;
  }
}
body.app-body .portalSettings__form--changePass {
  margin: 0;
  grid-template-columns: 1fr;
  grid-gap: 25px 0;
}
body.app-body .portalSettings__formTitles {
  width: 100%;
  grid-gap: 24px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 780px) {
  body.app-body .portalSettings__formTitles {
    grid-template-columns: 1fr;
  }
}
body.app-body .portalSettings__formField {
  color: var(--gray-350);
}
body.app-body .portalSettings__formField .mat-form-field-subscript-wrapper,
body.app-body .portalSettings__formField .mat-mdc-form-field-subscript-wrapper {
  height: 0;
  padding: 0;
}
body.app-body .portalSettings__formField .mat-form-field-outline-start,
body.app-body .portalSettings__formField .mdc-notched-outline__leading {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid currentColor;
}
body.app-body .portalSettings__formField .mat-form-field-outline-end,
body.app-body .portalSettings__formField .mdc-notched-outline__trailing {
  border-top: none;
  border-right: none;
  border-radius: 0 !important;
}
body.app-body .portalSettings__formField .mat-form-field-flex {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
body.app-body .portalSettings__formField .mat-mdc-form-field-infix {
  min-height: unset;
  padding: 7px 0;
}
body.app-body .portalSettings__passFormLabel {
  display: flex;
  flex-direction: column;
}
body.app-body .portalSettings__passFormLabel .mat-form-field-wrapper {
  padding: 0;
}
body.app-body .portalSettings__passFormLabel .mat-form-field-wrapper .mat-form-field-infix {
  border: none;
  padding: 14px 26px 10px 0;
}
body.app-body .portalSettings__passFormLabel .mat-form-field-wrapper .mat-form-field-infix .mat-input-element {
  line-height: 1.5;
  margin-top: 0;
}
body.app-body .portalSettings__passFormLabel .mat-form-field-wrapper mat-error {
  transform: translateY(2px);
}
body.app-body .portalSettings__formLabel {
  font-size: 12px;
  color: var(--gray-300);
  margin-bottom: 2px;
  display: inline-block;
}
body.app-body .portalSettings__languageBtn {
  width: 100%;
  line-height: 40px;
}
body.app-body .portalSettings__languageBtn .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.app-body .portalSettings__languageBtn .mat-button-wrapper span {
  font-weight: 400;
  color: var(--gray-450);
}
body.app-body .portalSettings__languageBtn .mat-button-wrapper mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--gray-450);
}
body.app-body .portalSettings__languageMenu {
  min-height: unset;
  min-width: 220px;
  max-width: 220px;
}
body.app-body .portalSettings__row {
  display: flex;
}
body.app-body .portalSettings__row:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 780px) {
  body.app-body .portalSettings__row {
    flex-direction: column;
  }
}
body.app-body .portalSettings__col {
  width: 100%;
}
body.app-body .portalSettings__col p {
  margin: 20px 0 15px 0;
  color: var(--main-text-color--light);
}
body.app-body .portalSettings__col:not(:last-child) {
  margin-right: 40px;
}
@media (max-width: 780px) {
  body.app-body .portalSettings__col:not(:last-child) {
    margin: 0 0 32px 0;
  }
}
body.app-body .portalSettings__controlTitle {
  margin: 0;
  font-size: 12px;
  color: var(--gray-300);
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 400;
}
body.app-body .portalSettings__modalTitle {
  font-size: 20px;
  margin: 0;
  font-family:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  color: var(--main-text-color--dark);
  margin-bottom: 32px;
}
body.app-body .portalSettings__headerDialog {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media (max-width: 440px) {
  body.app-body .portalSettings__headerDialog {
    margin-top: 15px;
  }
}
body.app-body .portalSettings__headerDialog .portalSettings__modalTitle {
  margin: 0;
}
@media (max-width: 440px) {
  body.app-body .portalSettings__headerDialog .portalSettings__modalTitle {
    max-width: 250px;
  }
}
body.app-body .portalSettings__closeIcon {
  margin-left: 16px;
  cursor: pointer;
  display: flex;
}
body.app-body .portalSettings__closeIcon mat-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
body.app-body .portalSettings__dialogText {
  margin-bottom: 32px;
}
body.app-body .portalSettings__link {
  display: flex;
  align-items: center;
  color: var(--accent-700);
  text-decoration: none;
  font-family:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  border: none;
  background: unset;
  cursor: pointer;
  padding: 0;
}
body.app-body .portalSettings__link span {
  margin-left: 5px;
  font-size: 14px;
}
body.app-body .portalSettings__link:disabled {
  color: var(--gray-400);
  pointer-events: none;
}
body.app-body .portalSettings__btnPasswordChange {
  position: absolute;
  right: 0;
  cursor: pointer;
  display: flex;
  top: 50%;
  transform: translateY(-40%);
}
body.app-body .portalSettings__btnPasswordChange:hover mat-icon,
body.app-body .portalSettings__btnPasswordChange:focus mat-icon {
  color: var(--accent-700);
}
body.app-body .portalSettings__btnPasswordChange mat-icon {
  width: 22px;
  height: 22px;
  font-size: 22px;
  color: var(--gray-400);
  transition: 0.3s ease-in-out;
}
body.app-body .user-admin-dialog {
  min-width: 80vw;
  min-height: 650px;
}
body.app-body .user-admin-dialog .mat-dialog-container,
body.app-body .user-admin-dialog .mat-mdc-dialog-container {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
body.app-body .user-admin-dialog .portal-admin-user-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
}
body.app-body .user-admin-dialog-title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 56px;
  margin: -24px -24px 0 -24px;
  padding: 0 24px;
  background-color: var(--primary-variant-color);
}
body.app-body .user-admin-dialog-title__text {
  flex: 1;
  margin: 0;
  color: white;
}
body.app-body .user-admin-dialog-title__close-button {
  position: absolute;
  right: 24px;
  color: white;
}
body.app-body .user-admin-dialog-content.mat-dialog-content,
body.app-body .user-admin-dialog-content.mat-mdc-dialog-content {
  position: relative;
  flex: 1;
  max-height: 534px;
}
body.app-body .user-admin-dialog-content__stepper {
  position: relative;
}
body.app-body .user-admin-dialog-content__stepper .mat-horizontal-stepper-header-container {
  margin: 0 -24px;
  background-color: var(--background-background);
}
body.app-body .user-admin-dialog-content__stepper .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
  height: 76px;
  margin: 0 18px;
  padding: 0 8px;
}
body.app-body .user-admin-dialog-content__stepper .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line {
  flex: 0;
  min-width: 100px;
}
body.app-body .user-admin-dialog-content__stepper .mat-horizontal-content-container {
  box-sizing: border-box;
  max-height: 458px;
  padding: 16px 0;
  overflow: hidden;
}
body.app-body .user-admin-dialog-content__stepper .mat-horizontal-content-container .mat-horizontal-stepper-content {
  display: flex;
  flex-direction: column;
  max-height: 426px;
  overflow: hidden;
}
body.app-body .user-admin-dialog-content__stepper-arrow-wrapper {
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  transform: translate(0, -50%);
}
body.app-body .user-admin-dialog-content__stepper-arrow-wrapper > button {
  margin: 0 12px;
}
body.app-body .mat-dialog-actions.user-admin-dialog-actions,
body.app-body .mat-mdc-dialog-actions.user-admin-dialog-actions {
  box-sizing: border-box;
  min-height: 60px;
  margin: 0 -24px -24px -24px;
  padding: 12px 24px;
  border-top: 1px solid var(--accent-color);
}
body.app-body .portal-user-admin-data-manager {
  display: flex;
  gap: 68px;
}
body.app-body .portal-user-admin-data-manager__form {
  display: flex;
  flex-basis: 400px;
  flex-direction: column;
  gap: 16px;
}
body.app-body .portal-user-admin-data-manager__form__title {
  margin: 0;
  color: var(--primary-color);
}
body.app-body .portal-user-admin-data-manager__form__login-type .mat-radio-button {
  margin-right: 42px;
}
body.app-body .portal-user-admin-database-editor {
  display: flex;
  flex: 1;
  gap: 32px;
  overflow: hidden;
}
body.app-body .portal-user-admin-database-editor .mat-list-base {
  padding-top: 0;
}
body.app-body .portal-user-admin-database-editor .mat-list-base .mat-list-item,
body.app-body .portal-user-admin-database-editor .mat-list-base .mat-mdc-list-item {
  height: 52px;
}
body.app-body .portal-user-admin-database-editor .mat-list-base .mat-list-item .mat-list-item-content,
body.app-body .portal-user-admin-database-editor .mat-list-base .mat-mdc-list-item .mat-list-item-content {
  width: 100%;
}
body.app-body .portal-user-admin-database-editor .mat-list-base .mat-list-item .mat-list-item-content .mat-divider,
body.app-body .portal-user-admin-database-editor .mat-list-base .mat-mdc-list-item .mat-list-item-content .mat-divider {
  border-top-color: var(--accent-color);
}
body.app-body .portal-user-admin-database-editor__item {
  display: flex;
  flex: 1;
  flex-direction: column;
}
body.app-body .portal-user-admin-database-editor__item__title {
  margin-left: 16px;
  color: var(--primary-color);
}
body.app-body .portal-user-admin-database-editor__item__table-header {
  display: flex;
  padding-left: 8px;
  background-color: var(--accent-color);
}
body.app-body .portal-user-admin-database-editor__item__table-header__caption {
  margin-left: 12px;
  font-weight: bold;
  line-height: 42px;
}
body.app-body .portal-user-admin-database-editor__item__table-header__caption--main {
  flex: 0.7;
  border-right: 1px solid var(--foreground-border);
}
body.app-body .portal-user-admin-database-editor__item__table-header__caption--secondary {
  flex: 1;
  color: var(--foreground-secondary-text);
}
body.app-body .portal-user-admin-database-editor__item__content {
  flex: 1;
  padding: 0 16px;
  overflow: auto;
  border-right: 1px solid var(--accent-color);
  border-left: 1px solid var(--accent-color);
}
body.app-body .portal-user-admin-database-editor__item__selected-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--accent-color);
}
body.app-body .portal-user-admin-database-editor__item__selected-result .mat-title {
  margin: 0;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion .mat-expansion-panel {
  box-shadow: none;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion .mat-expansion-panel .mat-expansion-panel-header {
  flex-direction: row-reverse;
  padding-left: 12px;
  background-color: var(--background-background);
  border-bottom: 1px solid var(--accent-color);
}
body.app-body .portal-user-admin-database-editor__item__database-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  margin-right: 0;
  margin-left: 16px;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__panel-title {
  font-weight: bold;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__database-item {
  cursor: pointer;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__database-item .mat-list-item-content {
  padding: 0 30px;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__database-item--selected {
  background-color: var(--primary-lighter-color);
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__database-item__checkbox {
  margin-right: 16px;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__database-item__name {
  flex: 0.7;
  margin-right: 16px;
}
body.app-body .portal-user-admin-database-editor__item__database-accordion__database-item__description {
  flex: 1;
}
body.app-body .portal-user-admin-database-editor__item__roles__item-checkbox {
  display: block;
  width: 100%;
}
body.app-body .portal-user-admin-database-editor__item__roles__item-checkbox .mat-checkbox-layout {
  align-items: center;
  width: 100%;
}
body.app-body .portal-user-admin-database-editor__item__roles__item-checkbox .mat-checkbox-layout .mat-checkbox-label {
  display: flex;
  width: 100%;
}
body.app-body .portal-user-admin-database-editor__item__roles__item-checkbox__roleName {
  flex: 0.7;
  margin-right: 16px;
}
body.app-body .portal-user-admin-database-editor__item__roles__item-checkbox__dbName {
  flex: 1;
}
body.app-body .portal-user-admin-menu-editor {
  display: flex;
  flex: 1;
  max-width: 80vw;
  overflow: hidden;
}
body.app-body .portal-user-admin-menu-editor .portal-grid-wrapper .dx-datagrid-wrapper {
  height: 388px;
  max-height: 388px;
}
body.app-body .portal-user-admin-menu-editor-wrapper {
  display: flex;
  flex-flow: column;
}
body.app-body .portal-user-admin-menu-editor-title {
  margin: 0 0 16px 16px;
  color: var(--primary-color);
}
body.app-body .home-page {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--gray-50);
}
body.app-body .home-page__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--workspace-bg-color);
}
body.app-body .home-page__content {
  padding: 33px 60px;
}
@media (max-width: 440px) {
  body.app-body .home-page__content {
    padding: 12px;
  }
}
body.app-body .home-page__header {
  display: flex;
}
@media (max-width: 440px) {
  body.app-body .home-page__header {
    flex-direction: column-reverse;
  }
}
body.app-body .home-page__title {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  color: var(--workspace-title-text-color);
  margin: 0;
}
@media (max-width: 440px) {
  body.app-body .home-page__title {
    flex-basis: 100%;
    text-align: center;
  }
}
body.app-body .home-page__widget-settings-btn {
  margin-left: auto;
}
@media (max-width: 440px) {
  body.app-body .home-page__widget-settings-btn {
    margin-left: auto;
  }
  body.app-body .home-page__widget-settings-btn .mc-button__text {
    display: none;
  }
}
body.app-body .home-page__widget-settings-btn .mc-button__text {
  color: var(--workspace-btn-text-color);
}
body.app-body .home-page__widget-settings-btn .mc-button__icon {
  color: var(--workspace-btn-icon-color);
}
body.app-body .home-page__widget-settings-btn .mc-button:hover .mc-button__container {
  background-color: var(--workspace-btn-bg-color--hover);
}
body.app-body .home-page__widget-settings-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
body.app-body .home-page__widget-settings-sidebar {
  height: 100%;
  width: 340px;
  z-index: 10;
}
@media (max-width: 440px) {
  body.app-body .home-page__widget-settings-sidebar {
    width: 100vw;
  }
}
body.app-body .home-page__widgets {
  margin-top: 32px;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1500px) {
  body.app-body .home-page__widgets {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 24px;
  }
}
body.app-body .home-page__widgets-web {
  margin-top: 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  max-height: 200px;
  padding-right: 2px;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  transition: 0.3s ease-in-out;
}
body.app-body .home-page__widgets-web::-webkit-scrollbar {
  --scrollbar-size: 6px;
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
  background: var(--gray-25);
}
@media (max-width: 440px) {
  body.app-body .home-page__widgets-web::-webkit-scrollbar {
    --scrollbar-size: 4px;
  }
}
body.app-body .home-page__widgets-web::-webkit-scrollbar-track {
  background: var(--workspace-bg-color);
  box-shadow: none;
}
body.app-body .home-page__widgets-web::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--gray-250);
}
body.app-body .home-page__clear-widgets-web {
  margin-top: 8px;
}
body.app-body .home-page__tabs {
  background-color: var(--tabs-bg-color);
  padding: 16px 44px 20px 44px;
  height: 260px;
  margin-top: auto;
}
@media (max-width: 440px) {
  body.app-body .home-page__tabs {
    padding: 0px;
  }
}
body.app-body .home-page__iframe {
  height: 100%;
  border: none;
}
body.app-body .home-page__loader {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
body.app-body .home-workspace {
  position: relative;
  display: block;
  height: 100%;
}
body.app-body .last-windows-list {
  height: 100%;
  max-height: 200px;
  overflow-y: hidden;
  display: flex;
  flex-flow: column nowrap;
}
body.app-body .last-windows-list__body {
  flex: 1 1 100%;
  overflow: auto;
}
body.app-body .last-windows-list__footer {
  flex: 0 0 auto;
  text-align: right;
  padding: 6px 12px;
}
body.app-body .last-windows-list__item {
  padding: 14px 16px;
  display: flex;
  align-items: center;
}
body.app-body .last-windows-list__item:not(:last-child) {
  border-bottom: 1px solid var(--main-border-color);
}
body.app-body .last-windows-list__caption {
  margin-left: 12px;
  color: var(--tabs-content-last-windows-list-item-text-color);
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  text-align: left;
}
body.app-body .last-windows-list__time {
  margin-left: auto;
  color: var(--tabs-content-last-windows-list-item-time-color);
}
body.app-body .last-windows-list__icon {
  color: var(--tabs-content-last-windows-list-item-icon-color);
}
body.app-body .last-windows-list__icon--fill {
  color: var(--tabs-content-last-windows-list-item-icon-color--filled);
}
body.app-body .widget-settings {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--workspace-bg-color);
}
body.app-body .widget-settings__header {
  padding: 3px 0 2px 24px;
  display: flex;
  align-items: center;
}
body.app-body .widget-settings__header .mc-button__icon {
  color: var(--main-text-color);
}
body.app-body .widget-settings__title {
  margin-right: auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
body.app-body .widget-settings__content {
  padding: 13px 24px;
  flex-grow: 1;
}
body.app-body .widget-settings__controls {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.app-body .widget-settings__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.app-body .widget-settings__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
body.app-body .widget-settings__footer {
  padding: 11px 12px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--main-border-color);
}

/* node_modules/@molecular-ui/cdk/styles.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
*,
::after,
::before {
  box-sizing: border-box;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
:root[mc-theme=default] .mc-scrollbar,
:root[mc-theme=contrast] .mc-scrollbar {
  --thumb-color: var(--gray-250);
}
:root[mc-theme=dark] .mc-scrollbar {
  --thumb-color: var(--gray-500);
}
.mc-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.mc-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.mc-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--thumb-color);
  border-radius: 2px;
}
.font-label {
  font-family: "Segoe UI";
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.font-caption {
  font-family: "Segoe UI";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.font-basic {
  font-family: "Segoe UI";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.font-head-14 {
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.font-head-16 {
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.font-head-18 {
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.font-head-20 {
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.font-head-28 {
  font-family: "Segoe UI";
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container.pointer-events,
.cdk-global-overlay-wrapper.pointer-events {
  pointer-events: initial;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-describedby-message-container {
  display: none;
}
.visually-hidden {
  position: absolute;
  width: 0px;
  height: 0px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  clip: rect(0 0 0 0);
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lazy-transition {
  --transition: 0.3s ease-in-out;
}
.mat-theme-loaded-marker {
  display: none;
}
.mc-dialog-panel .mdc-dialog__container .mdc-dialog__surface {
  border-radius: 0;
  box-shadow: unset;
  background-color: unset;
  overflow: unset;
}
:root[mc-theme=contrast] .mat-mdc-tooltip {
  --bg-color: var(--gray-600);
  --text-color: var(--white);
  --bg-error-color: var(--light-support-01);
  --text-error-color: var(--gray-600);
}
:root[mc-theme=dark] .mat-mdc-tooltip {
  --bg-color: var(--gray-500);
  --text-color: var(--white);
  --bg-error-color: var(--dark-support-01);
  --text-error-color: var(--white);
}
:root[mc-theme=default] .mat-mdc-tooltip {
  --bg-color: var(--gray-600);
  --text-color: var(--white);
  --bg-error-color: var(--light-support-01);
  --text-error-color: var(--gray-600);
}
.mat-mdc-tooltip-panel {
  pointer-events: none;
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip {
  font-family: "Segoe UI";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  margin: 2px;
  overflow: initial;
  min-height: 18px;
  border: none;
  border-radius: 7px;
  box-shadow: var(--shadow-tooltip);
  background-color: var(--bg-color);
  color: var(--text-color);
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.error {
  background-color: var(--bg-error-color);
  color: var(--text-error-color);
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.error::after {
  border-bottom: 7px solid var(--bg-error-color);
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip::after {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--bg-color);
}
.mat-mdc-tooltip-panel .mdc-tooltip__surface {
  background-color: inherit;
  color: inherit;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
  max-width: 300px;
}
.mat-mdc-tooltip-panel-below .mdc-tooltip,
.mat-mdc-tooltip-panel-below .mat-tooltip {
  overflow: initial;
}
.mat-mdc-tooltip-panel-below .mdc-tooltip:after,
.mat-mdc-tooltip-panel-below .mat-tooltip:after {
  top: -7px;
  right: calc(50% - 7px);
  transform: rotate(0);
}
.mat-mdc-tooltip-panel-above .mdc-tooltip:after,
.mat-mdc-tooltip-panel-above .mat-tooltip:after {
  bottom: -7px;
  right: calc(50% - 7px);
  transform: rotate(180deg);
}
.mat-mdc-tooltip-panel-right .mdc-tooltip:after,
.mat-mdc-tooltip-panel-right .mat-tooltip:after {
  left: -10px;
  top: calc(50% - 5px);
  transform: rotate(270deg);
}
.mat-mdc-tooltip-panel-left .mdc-tooltip:after,
.mat-mdc-tooltip-panel-left .mat-tooltip:after {
  right: -10px;
  top: calc(50% - 5px);
  transform: rotate(90deg);
}
:root[mc-theme=default],
:root[mc-theme=contrast] {
  --shadow-card-rest: 0px 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-tooltip: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
  --shadow-flyout: 0px 8px 16px rgba(0, 0, 0, 0.14);
  --shadow-dialog: 0px 2px 21px 0px rgba(0, 0, 0, 0.15), 0px 32px 64px 0px rgba(0, 0, 0, 0.19);
  --shadow-inactive-window: 0px 16px 32px rgba(0, 0, 0, 0.1876), 0px 2px 10px rgba(0, 0, 0, 0.1474);
  --shadow-active-window: 0px 32px 64px rgba(0, 0, 0, 0.28), 0px 2px 21px rgba(0, 0, 0, 0.22);
}
:root[mc-theme=dark] {
  --shadow-card-rest: 0px 2px 4px 0px rgba(0, 0, 0, 0.30), 0px 0px 2px 0px rgba(0, 0, 0, 0.20);
  --shadow-tooltip: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
  --shadow-flyout: 0px 4px 8px 0px rgba(0, 0, 0, 0.30), 0px 0px 2px 0px rgba(0, 0, 0, 0.20);
  --shadow-dialog: 0px 8px 16px 0px rgba(0, 0, 0, 0.50), 0px 0px 2px 0px rgba(0, 0, 0, 0.20);
  --shadow-inactive-window: 0px 16px 28px 0px rgba(0, 0, 0, 0.50), 0px 0px 8px 0px rgba(0, 0, 0, 0.40);
  --shadow-active-window: 0px 0px 8px 0px rgba(0, 0, 0, 0.40), 0px 32px 64px 0px rgba(0, 0, 0, 0.50);
}
:root {
  --white: #fff;
  --black: #000;
  --support-01: #DA1E28;
  --support-02: #24A148;
  --support-03: #FF971D;
  --support-04: #0043CE;
  --inverse-support-01: #FA4D56;
  --inverse-support-02: #42BE65;
  --inverse-support-03: #FFA63D;
  --inverse-support-04: #4589FF;
  --light-support-01: #FFF1F1;
  --light-support-02: #DEFBE6;
  --light-support-03: #FFECD6;
  --light-support-04: #EDF5FF;
  --dark-support-01: #411A22;
  --dark-support-02: #0B330B;
  --dark-support-03: #663700;
  --dark-support-04: #052057;
  --close-hover: #DF5C5C;
  --close-press: #CB4747;
  --link: #003E92;
  --link-hover: #3365A8;
  --link-hover-lighter: #488CE4;
}
:root[mc-theme=default],
:root[mc-theme=contrast] {
  --gray-transparent-2: rgba(0, 0, 0, 0.0241);
  --gray-transparent-5: rgba(0, 0, 0, 0.0578);
  --gray-transparent-10: rgba(0, 0, 0, 0.0924);
  --gray-transparent-20: rgba(0, 0, 0, 0.2);
  --gray-transparent-30: rgba(0, 0, 0, 0.3);
}
:root[mc-theme=dark] {
  --gray-transparent-2: rgba(255, 255, 255, 0.0241);
  --gray-transparent-5: rgba(255, 255, 255, 0.0578);
  --gray-transparent-10: rgba(255, 255, 255, 0.0924);
  --gray-transparent-20: rgba(255, 255, 255, 0.2);
  --gray-transparent-30: rgba(255, 255, 255, 0.3);
}
:root {
  --tag-red-rest: #FFF1F1;
  --tag-red-hover: #F3D5D5;
  --tag-red-pressed: #EAB5B5;
  --tag-green-rest: #DEFBE6;
  --tag-green-hover: #BDF0CB;
  --tag-green-pressed: #A8ECBB;
  --tag-yellow-rest: #FFF9E4;
  --tag-yellow-hover: #F4EBCC;
  --tag-yellow-pressed: #F0DD9C;
  --tag-blue-rest: #EDF5FF;
  --tag-blue-hover: #D0DFF2;
  --tag-blue-pressed: #B5D0F2;
  --tag-neutral-rest: #F0F0F0;
  --tag-neutral-hover: #DFE1E1;
  --tag-neutral-pressed: #C5C9C9;
}

/* node_modules/@molecular-ui/kit/styles.css */
:root[mc-theme=default] .mc-menu {
  --bg-color: var(--gray-50);
  --border-color: var(--gray-200);
}
:root[mc-theme=contrast] .mc-menu {
  --bg-color: var(--gray-50);
  --border-color: var(--gray-200);
}
:root[mc-theme=dark] .mc-menu {
  --bg-color: var(--gray-850);
  --border-color: var(--gray-600);
}
.mc-menu {
  border: 1px solid var(--border-color);
  --mat-menu-container-elevation-shadow: var(--shadow-flyout);
  --mat-menu-container-color: var(--bg-color);
  --mat-menu-container-shape: 7px;
  --mdc-shape-medium: 7px;
}
.mc-menu.mat-mdc-menu-panel {
  margin-top: 2px;
  max-width: 90vw !important;
}
.mc-menu .mat-mdc-menu-content {
  padding: 0;
}
.mc-menu .mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: unset;
  padding: 0;
}
.mc-menu .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  width: 100%;
}
.mc-menu--list-item {
  --element-size: 28px;
  --element-count: 8;
  --space: 4px;
}
.mc-menu--list-item .mc-menu__container {
  max-height: calc((var(--element-size) + var(--space)) * var(--element-count) + var(--space) - 2px);
  overflow-y: auto;
}
.mc-menu--list-item .mat-mdc-menu-content {
  padding: calc(var(--space) / 2) var(--space);
}
.mc-menu--list-item .mat-mdc-menu-content mc-textbox {
  display: block;
  padding: calc(var(--space) / 2) 0;
}
.mc-menu--list-item .mat-mdc-menu-content .mat-mdc-menu-item {
  position: relative;
  padding: calc(var(--space) / 2) 0;
}
.mc-menu--list-item .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
  display: none;
}
.mc-menu--list-item .mat-mdc-menu-content .mat-mdc-menu-item mc-list-item {
  width: 100%;
}
.mc-menu--list-item .mat-mdc-menu-content .mat-mdc-menu-item .divider {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: var(--border-color);
}
.mc-menu--list-item .mat-mdc-menu-content .mat-mdc-menu-item .divider--top {
  top: 0;
}
.mc-menu--list-item .mat-mdc-menu-content .mat-mdc-menu-item .divider--bottom {
  bottom: 0;
}
:root[mc-theme=default] .fg-drag-control {
  --dc-bg-color-default: var(--white);
  --dc-bg-color-opened: var(--accent-700);
  --dc-border-color-default: var(--gray-150);
  --dc-border-color-opened: var(--accent-700);
  --dc-text-color-default: var(--gray-700);
  --dc-text-color-opened: var(--white);
}
:root[mc-theme=contrast] .fg-drag-control {
  --dc-bg-color-default: var(--white);
  --dc-bg-color-opened: var(--accent-700);
  --dc-border-color-default: var(--gray-150);
  --dc-border-color-opened: var(--accent-700);
  --dc-text-color-default: var(--gray-700);
  --dc-text-color-opened: var(--white);
}
:root[mc-theme=dark] .fg-drag-control {
  --dc-bg-color-default: var(--gray-800);
  --dc-bg-color-opened: var(--accent-700);
  --dc-border-color-default: var(--gray-600);
  --dc-border-color-opened: var(--accent-700);
  --dc-text-color-default: var(--gray-200);
  --dc-text-color-opened: var(--gray-100);
}
.fg-drag-control {
  --bg-color: var(--dc-bg-color-default);
  --border-color: var(--dc-border-color-default);
  --text-color: var(--dc-text-color-default);
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  color: var(--text-color);
  padding: 8px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: move;
  width: 100%;
}
.fg-drag-control--opened {
  --bg-color: var(--dc-bg-color-opened);
  --border-color: var(--dc-border-color-opened);
  --text-color: var(--dc-text-color-opened);
}
.fg-drag-control--readonly {
  cursor: pointer;
}
.fg-drag-control__caption {
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fg-drag-control__buttons {
  margin-left: auto;
}
:root[mc-theme=default] .dp-popup {
  --dp-btn-color-default: transparent;
  --dp-btn-color-hover: var(--gray-transparent-5);
  --dp-btn-color-pressed: var(--gray-transparent-10);
  --dp-btn-color-focused: var(--gray-transparent-10);
  --dp-btn-color-disabled: transparent;
  --dp-btn-selected-bg-color: var(--white);
  --dp-btn-selected-border-color: var(--accent-600);
  --dp-btn-selected-text-color: var(--accent-600);
  --dp-btn-today-bg-color: var(--accent-600);
  --dp-btn-today-border-color: transparent;
  --dp-btn-today-text-color: var(--white);
  --dp-btn-text-color-default: var(--gray-600);
  --dp-btn-text-color-disabled: var(--gray-350);
  --db-bg-color: var(--white);
  --dp-border-color: var(--gray-200);
  --dp-header-color: var(--gray-25);
  --dp-arrow-bg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64645 5.14645C7.45118 5.34171 7.45118 5.65829 7.64645 5.85355L11.7929 10L7.64645 14.1464C7.45118 14.3417 7.45118 14.6583 7.64645 14.8536C7.84171 15.0488 8.15829 15.0488 8.35355 14.8536L12.8536 10.3536C13.0488 10.1583 13.0488 9.84171 12.8536 9.64645L8.35355 5.14645C8.15829 4.95118 7.84171 4.95118 7.64645 5.14645Z' fill='%23282A2A'/%3E%3C/svg%3E");
  --dp-arrow-size: 20px;
}
:root[mc-theme=contrast] .dp-popup {
  --dp-btn-color-default: transparent;
  --dp-btn-color-hover: var(--accent-400);
  --dp-btn-color-pressed: var(--accent-500);
  --dp-btn-color-focused: var(--accent-600);
  --dp-btn-color-disabled: transparent;
  --dp-btn-selected-bg-color: var(--white);
  --dp-btn-selected-border-color: var(--accent-600);
  --dp-btn-selected-text-color: var(--accent-600);
  --dp-btn-today-bg-color: var(--accent-600);
  --dp-btn-today-border-color: transparent;
  --dp-btn-today-text-color: var(--white);
  --dp-btn-text-color-default: var(--gray-600);
  --dp-btn-text-color-disabled: var(--gray-350);
  --db-bg-color: var(--white);
  --dp-border-color: var(--gray-250);
  --dp-header-color: var(--gray-50);
  --dp-arrow-bg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64645 5.14645C7.45118 5.34171 7.45118 5.65829 7.64645 5.85355L11.7929 10L7.64645 14.1464C7.45118 14.3417 7.45118 14.6583 7.64645 14.8536C7.84171 15.0488 8.15829 15.0488 8.35355 14.8536L12.8536 10.3536C13.0488 10.1583 13.0488 9.84171 12.8536 9.64645L8.35355 5.14645C8.15829 4.95118 7.84171 4.95118 7.64645 5.14645Z' fill='%23282A2A'/%3E%3C/svg%3E");
  --dp-arrow-size: 20px;
}
:root[mc-theme=dark] .dp-popup {
  --dp-btn-color-default: transparent;
  --dp-btn-color-hover: var(--gray-600);
  --dp-btn-color-pressed: var(--gray-550);
  --dp-btn-color-focused: var(--gray-550);
  --dp-btn-color-disabled: transparent;
  --dp-btn-selected-bg-color: var(--gray-750);
  --dp-btn-selected-border-color: var(--accent-600);
  --dp-btn-selected-text-color: var(--gray-100);
  --dp-btn-today-bg-color: var(--accent-600);
  --dp-btn-today-border-color: transparent;
  --dp-btn-today-text-color: var(--gray-100);
  --dp-btn-text-color-default: var(--gray-100);
  --dp-btn-text-color-disabled: var(--gray-450);
  --db-bg-color: var(--gray-750);
  --dp-border-color: var(--gray-550);
  --dp-header-color: var(--gray-850);
  --dp-arrow-bg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64645 5.14645C7.45118 5.34171 7.45118 5.65829 7.64645 5.85355L11.7929 10L7.64645 14.1464C7.45118 14.3417 7.45118 14.6583 7.64645 14.8536C7.84171 15.0488 8.15829 15.0488 8.35355 14.8536L12.8536 10.3536C13.0488 10.1583 13.0488 9.84171 12.8536 9.64645L8.35355 5.14645C8.15829 4.95118 7.84171 4.95118 7.64645 5.14645Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  --dp-arrow-size: 20px;
}
mc-datepicker dp-date-picker {
  display: initial;
}
.dp-popup {
  --dp-button-space: 1px;
  --dp-button-radius: 4px;
  --dp-button-width: 38px;
  --dp-button-height: 38px;
  --dp-button-month-width: 70px;
  --dp-button-month-height: 60px;
  --dp-button-nav-arrow-width: 36px;
  --dp-button-nav-arrow-height: 36px;
  --dp-button-time-height: 24px;
  --dp-content-space: 3px;
  --dp-content-gap: 2px;
  --dp-border-radius: 4px;
  --dp-header-height: 40px;
  --dp-header-space-x: 6px;
  display: inline-flex !important;
  border: 1px solid var(--dp-border-color) !important;
  border-radius: var(--dp-border-radius) !important;
  box-shadow: var(--shadow-flyout) !important;
  overflow: hidden;
}
@media (max-height: 800px) {
  .dp-popup {
    --dp-button-width: 32px;
    --dp-button-height: 32px;
    --dp-button-month-width: 50px;
    --dp-button-month-height: 40px;
    --dp-button-nav-arrow-width: 32px;
    --dp-button-nav-arrow-height: 32px;
    --dp-button-time-height: 20px;
    --dp-content-space: 1px;
    --dp-content-gap: 1px;
    --dp-border-radius: 4px;
    --dp-header-height: 36px;
    --dp-header-space-x: 4px;
  }
}
.dp-popup .dp-time-select-controls {
  display: flex;
  align-items: center;
  background-color: var(--db-bg-color);
}
.dp-popup .dp-time-select-control {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--dp-btn-text-color-default);
}
.dp-popup .dp-time-select-control:not(.dp-time-select-separator) {
  flex-basis: 100%;
}
.dp-popup dp-time-select {
  border: none !important;
  border-top: 1px solid var(--dp-border-color) !important;
}
.dp-popup .dp-nav-btns-container {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0 var(--dp-header-space-x);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dp-popup .dp-current-location-btn {
  display: none;
}
.dp-popup .dp-nav-header {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dp-popup .dp-nav-header button,
.dp-popup .dp-nav-header span {
  font-weight: 600;
  border: none;
  background-color: unset;
  color: var(--dp-btn-text-color-default);
}
.dp-popup .dp-calendar-day,
.dp-popup .dp-calendar-weekday,
.dp-popup .dp-calendar-month,
.dp-popup .dp-nav-header,
.dp-popup .dp-time-select-control {
  font-family: "Segoe UI";
  font-size: 14px;
  line-height: 20px;
}
.dp-popup .dp-calendar-nav-container {
  position: relative;
  border: none;
  min-height: var(--dp-header-height);
  max-height: var(--dp-header-height);
  background-color: var(--dp-header-color);
  border-bottom: 1px solid var(--dp-border-color);
  display: flex;
  align-items: center;
}
.dp-popup .dp-calendar-wrapper {
  background-color: var(--db-bg-color);
  padding: var(--dp-content-space);
  border: none;
  display: flex;
  flex-direction: column;
  gap: var(--dp-content-space);
}
.dp-popup .dp-weekdays {
  margin-bottom: 0;
}
.dp-popup .dp-weekdays,
.dp-popup .dp-calendar-week,
.dp-popup .dp-months-row {
  display: flex;
  align-items: center;
  gap: var(--dp-content-gap);
}
.dp-popup .dp-months-row .dp-calendar-month.dp-current-month {
  background-color: var(--dp-btn-today-bg-color);
  border-color: var(--dp-btn-today-border-color);
  color: var(--dp-btn-today-text-color);
}
.dp-popup .dp-calendar-weekday,
.dp-popup .dp-calendar-day,
.dp-popup .dp-calendar-month,
.dp-popup .dp-calendar-nav-left,
.dp-popup .dp-calendar-nav-right,
.dp-popup .dp-time-select-control button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--dp-button-width);
  max-width: var(--dp-button-width);
  height: var(--dp-button-height);
  margin: var(--dp-button-space);
  border-radius: var(--dp-button-radius);
  border: 1px solid transparent;
  --dp-btn-color: var(--dp-btn-color-default);
  background-color: var(--dp-btn-color);
  color: var(--dp-btn-text-color-default);
}
.dp-popup .dp-calendar-weekday.dp-prev-month,
.dp-popup .dp-calendar-weekday.dp-next-month,
.dp-popup .dp-calendar-day.dp-prev-month,
.dp-popup .dp-calendar-day.dp-next-month,
.dp-popup .dp-calendar-month.dp-prev-month,
.dp-popup .dp-calendar-month.dp-next-month,
.dp-popup .dp-calendar-nav-left.dp-prev-month,
.dp-popup .dp-calendar-nav-left.dp-next-month,
.dp-popup .dp-calendar-nav-right.dp-prev-month,
.dp-popup .dp-calendar-nav-right.dp-next-month,
.dp-popup .dp-time-select-control button.dp-prev-month,
.dp-popup .dp-time-select-control button.dp-next-month {
  opacity: 1;
  color: var(--dp-btn-text-color-disabled);
}
.dp-popup .dp-calendar-weekday.dp-current-day,
.dp-popup .dp-calendar-day.dp-current-day,
.dp-popup .dp-calendar-month.dp-current-day,
.dp-popup .dp-calendar-nav-left.dp-current-day,
.dp-popup .dp-calendar-nav-right.dp-current-day,
.dp-popup .dp-time-select-control button.dp-current-day {
  background-color: var(--dp-btn-today-bg-color);
  border-color: var(--dp-btn-today-border-color);
  color: var(--dp-btn-today-text-color);
}
.dp-popup .dp-calendar-weekday.dp-selected,
.dp-popup .dp-calendar-day.dp-selected,
.dp-popup .dp-calendar-month.dp-selected,
.dp-popup .dp-calendar-nav-left.dp-selected,
.dp-popup .dp-calendar-nav-right.dp-selected,
.dp-popup .dp-time-select-control button.dp-selected {
  background-color: var(--dp-btn-selected-bg-color);
  border-color: var(--dp-btn-selected-border-color);
  color: var(--dp-btn-selected-text-color);
}
.dp-popup .dp-calendar-weekday:not(.dp-selected):not(.dp-current-day):hover,
.dp-popup .dp-calendar-day:not(.dp-selected):not(.dp-current-day):hover,
.dp-popup .dp-calendar-month:not(.dp-selected):not(.dp-current-day):hover,
.dp-popup .dp-calendar-nav-left:not(.dp-selected):not(.dp-current-day):hover,
.dp-popup .dp-calendar-nav-right:not(.dp-selected):not(.dp-current-day):hover,
.dp-popup .dp-time-select-control button:not(.dp-selected):not(.dp-current-day):hover {
  --dp-btn-color: var(--dp-btn-color-hover);
}
.dp-popup .dp-calendar-weekday:not(.dp-selected):not(.dp-current-day):active,
.dp-popup .dp-calendar-day:not(.dp-selected):not(.dp-current-day):active,
.dp-popup .dp-calendar-month:not(.dp-selected):not(.dp-current-day):active,
.dp-popup .dp-calendar-nav-left:not(.dp-selected):not(.dp-current-day):active,
.dp-popup .dp-calendar-nav-right:not(.dp-selected):not(.dp-current-day):active,
.dp-popup .dp-time-select-control button:not(.dp-selected):not(.dp-current-day):active {
  --dp-btn-color: var(--dp-btn-color-pressed);
}
.dp-popup .dp-calendar-weekday:not(.dp-selected):not(.dp-current-day):disabled,
.dp-popup .dp-calendar-day:not(.dp-selected):not(.dp-current-day):disabled,
.dp-popup .dp-calendar-month:not(.dp-selected):not(.dp-current-day):disabled,
.dp-popup .dp-calendar-nav-left:not(.dp-selected):not(.dp-current-day):disabled,
.dp-popup .dp-calendar-nav-right:not(.dp-selected):not(.dp-current-day):disabled,
.dp-popup .dp-time-select-control button:not(.dp-selected):not(.dp-current-day):disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  color: var(--dp-btn-text-color-disabled);
  --dp-btn-color: var(--dp-btn-color-disabled);
}
.dp-popup .dp-calendar-weekday:not(.dp-selected):not(.dp-current-day):focus-visible,
.dp-popup .dp-calendar-day:not(.dp-selected):not(.dp-current-day):focus-visible,
.dp-popup .dp-calendar-month:not(.dp-selected):not(.dp-current-day):focus-visible,
.dp-popup .dp-calendar-nav-left:not(.dp-selected):not(.dp-current-day):focus-visible,
.dp-popup .dp-calendar-nav-right:not(.dp-selected):not(.dp-current-day):focus-visible,
.dp-popup .dp-time-select-control button:not(.dp-selected):not(.dp-current-day):focus-visible {
  outline-style: solid;
  --dp-btn-color: var(--dp-btn-basic-focused);
}
.dp-popup .dp-time-select-control button::before,
.dp-popup .dp-calendar-nav-left::before,
.dp-popup .dp-calendar-nav-right::before {
  content: none;
}
.dp-popup .dp-time-select-control button::after,
.dp-popup .dp-calendar-nav-left::after,
.dp-popup .dp-calendar-nav-right::after {
  content: "";
  width: var(--dp-arrow-size);
  height: var(--dp-arrow-size);
  background-image: var(--dp-arrow-bg);
  background-position: center center;
  background-repeat: no-repeat;
}
.dp-popup .dp-time-select-control button {
  min-width: 100%;
  max-width: 100%;
  height: var(--dp-button-time-height);
}
.dp-popup .dp-time-select-control button:first-child::after {
  transform: rotate(-90deg);
}
.dp-popup .dp-time-select-control button::after {
  transform: rotate(90deg);
}
.dp-popup .dp-calendar-nav-left,
.dp-popup .dp-calendar-nav-right {
  min-width: var(--dp-button-nav-arrow-width);
  max-width: var(--dp-button-nav-arrow-width);
  height: var(--dp-button-nav-arrow-height);
}
.dp-popup .dp-calendar-nav-left.dp-calendar-nav-left::after,
.dp-popup .dp-calendar-nav-right.dp-calendar-nav-left::after {
  transform: rotate(180deg);
}
.dp-popup .dp-calendar-weekday {
  pointer-events: none;
  font-weight: 600;
}
.dp-popup .dp-calendar-month {
  min-width: var(--dp-button-month-width);
  max-width: var(--dp-button-month-width);
  height: var(--dp-button-month-height);
}
.toast-overlay-pane.cdk-overlay-pane {
  position: relative;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
:root[mc-theme=default] .mc-resize {
  --bg-color-default: var(--gray-250);
  --bg-color-active: var(--gray-300);
  --border-color: var(--gray-400);
}
:root[mc-theme=contrast] .mc-resize {
  --bg-color-default: var(--accent-400);
  --bg-color-active: var(--accent-700);
  --border-color: var(--gray-450);
}
:root[mc-theme=dark] .mc-resize {
  --bg-color-default: var(--gray-500);
  --bg-color-active: var(--accent-700);
  --border-color: var(--gray-100);
}
.mc-resize {
  position: absolute;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  --bg-color: var(--bg-color-default);
}
.mc-resize--active {
  --bg-color: var(--bg-color-active);
}
.mc-resize:hover {
  opacity: 1;
}
.mc-resize::before {
  content: "";
  background-color: var(--bg-color);
}
.mc-resize::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}
.mc-resize.left,
.mc-resize.right {
  cursor: col-resize;
  height: 100%;
  width: var(--handle-size);
  bottom: 0;
}
.mc-resize.left::before,
.mc-resize.right::before {
  height: 100%;
  width: var(--handle-track-size);
}
.mc-resize.top,
.mc-resize.bottom {
  cursor: row-resize;
  width: 100%;
  height: var(--handle-size);
  left: 0;
}
.mc-resize.top::before,
.mc-resize.bottom::before {
  width: 100%;
  height: var(--handle-track-size);
}
.mc-resize.top::after,
.mc-resize.bottom::after {
  transform: rotate(90deg);
}

/* node_modules/@molecular-ui/portal/styles.css */
html[mc-theme=default] {
  --overlay-bg-color: rgba(255, 255, 255, 0.4);
  --portal-dialog-bg-color: var(--gray-25);
  --portal-dialog-border-color: var(--gray-200);
  --portal-dialog-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
}
html[mc-theme=default] {
  --overlay-bg-color: rgba(0, 0, 0, 0.4);
  --portal-dialog-bg-color: var(--gray-750);
  --portal-dialog-border-color: var(--gray-600);
  --portal-dialog-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
}
html[mc-theme=default] {
  --overlay-bg-color: rgba(255, 255, 255, 0.4);
  --portal-dialog-bg-color: var(--gray-25);
  --portal-dialog-border-color: var(--gray-200);
  --portal-dialog-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14);
}
.mc-portal-dialog {
  --mc-portal-dialog-padding: 24px 32px;
  --mc-portal-dialog-border-radius: 8px;
  --mc-portal-dialog-border-size: 1px;
  box-shadow: inset 0px 0px 0px var(--mc-portal-dialog-border-size) var(--portal-dialog-border-color), var(--portal-dialog-shadow);
  border-radius: var(--mc-portal-dialog-border-radius);
  padding: var(--mc-portal-dialog-border-size);
}
.mc-portal-dialog.cdk-overlay-pane.mat-mdc-dialog-panel {
  min-width: 420px;
  min-height: 180px;
  max-width: 95vw;
  max-height: 95vh;
  box-sizing: content-box;
}
.mc-portal-dialog_resizable {
  resize: both;
  overflow: hidden;
}
.mc-portal-dialog .mdc-dialog__surface {
  background-color: var(--portal-dialog-bg-color);
  border-radius: calc(var(--mc-portal-dialog-border-radius) - var(--mc-portal-dialog-border-size));
}
.mc-portal-dialog-drag-handle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  cursor: move;
}
.portal-inner-html {
  font-size: 14px;
}
.portal-inner-html pre {
  font-family: "Segoe UI";
  margin: 0;
}
.portal-inner-html table {
  border-collapse: collapse;
}
.portal-inner-html table td,
.portal-inner-html table th {
  border: 1px solid var(--gray-250);
  padding: 4px;
}

/* node_modules/@molecular-ui/base-grid/styles.css */
:root[mc-theme=default] .mc-base-grid__header-cell,
:root[mc-theme=default] .mc-base-grid__body-cell,
:root[mc-theme=default] .mc-base-grid__body-row,
:root[mc-theme=default] .mc-grid-column-filter__popup,
:root[mc-theme=default] .mc-base-grid__empty-template {
  --cell-border-color: var(--gray-200);
  --grid-header-cell-bg: var(--gray-100);
  --grid-header-cell-bg_active: var(--gray-150);
  --grid-header-cell-color: var(--gray-450);
  --grid-header-cell-color_active: var(--gray-800);
  --grid-body-cell-bg: var(--white);
  --grid-row-hover-bg: var(--gray-100);
  --grid-row-selected-bg: var(--accent-50);
  --grid-row-focused-bg: var(--accent-100);
  --grid-filter-bg: var(--white);
  --grid-highlight-color: var(--gray-900);
  --grid-empty-bg: var(--ui-grid__main-bg-color, var(--white));
  --grid-empty-color: var(--gray-350);
}
:root[mc-theme=contrast] .mc-base-grid__header-cell,
:root[mc-theme=contrast] .mc-base-grid__body-cell,
:root[mc-theme=contrast] .mc-base-grid__body-row,
:root[mc-theme=contrast] .mc-grid-column-filter__popup,
:root[mc-theme=contrast] .mc-base-grid__empty-template {
  --cell-border-color: var(--gray-200);
  --grid-header-cell-bg: var(--gray-100);
  --grid-header-cell-bg_active: var(--gray-150);
  --grid-header-cell-color: var(--gray-450);
  --grid-header-cell-color_active: var(--gray-800);
  --grid-body-cell-bg: var(--white);
  --grid-row-hover-bg: var(--gray-100);
  --grid-row-selected-bg: var(--accent-50);
  --grid-row-focused-bg: var(--accent-100);
  --grid-filter-bg: var(--white);
  --grid-highlight-color: var(--gray-900);
  --grid-empty-bg: var(--ui-grid__main-bg-color, var(--white));
  --grid-empty-color: var(--gray-350);
}
:root[mc-theme=dark] .mc-base-grid__header-cell,
:root[mc-theme=dark] .mc-base-grid__body-cell,
:root[mc-theme=dark] .mc-base-grid__body-row,
:root[mc-theme=dark] .mc-grid-column-filter__popup,
:root[mc-theme=dark] .mc-base-grid__empty-template {
  --cell-border-color: var(--gray-600);
  --grid-header-cell-bg: var(--gray-850);
  --grid-header-cell-bg_active: var(--gray-900);
  --grid-header-cell-color: var(--gray-300);
  --grid-header-cell-color_active: var(--gray-100);
  --grid-body-cell-bg: var(--gray-750);
  --grid-row-hover-bg: var(--gray-500);
  --grid-row-selected-bg: var(--gray-500);
  --grid-row-focused-bg: var(--gray-500);
  --grid-filter-bg: var(--gray-900);
  --grid-highlight-color: var(--white);
  --grid-empty-bg: var(--ui-grid__main-bg-color, var(--gray-850));
  --grid-empty-color: var(--gray-300);
}
.mc-base-grid__cell {
  z-index: 1;
  position: relative;
  border-left: 1px solid var(--cell-border-color);
  border-bottom: 1px solid var(--cell-border-color);
}
.mc-base-grid__fixed-cell_left {
  border-right: 1px solid var(--cell-border-color);
}
.mc-base-grid__fixed-cell_left + .mc-base-grid__cell {
  border-left: none;
}
.mc-base-grid__header-cell {
  padding: 0;
  cursor: pointer;
  font-weight: 600;
  color: var(--grid-header-cell-color);
  background: var(--grid-header-cell-bg);
}
.mc-base-grid__header-cell_active {
  color: var(--grid-header-cell-color_active);
  background: var(--grid-header-cell-bg_active);
}
.mc-base-grid__header-cell:first-child,
.mc-base-grid__header-cell.mc-base-grid__header-cell_no-left-border {
  border-left: none;
}
.mc-base-grid__header-cell_filter {
  padding: 0;
  background-color: var(--grid-filter-bg);
}
.mc-base-grid__header-cell.p-highlight {
  color: var(--grid-highlight-color);
}
.mc-base-grid__body-cell {
  padding: 0;
  transition: background-color 0.1s ease;
  background-color: var(--ui-grid__main-bg-color, var(--grid-body-cell-bg));
  border-left: 1px solid var(--cell-border-color);
  border-bottom: 1px solid var(--cell-border-color);
}
.mc-base-grid__body-cell:first-child,
.mc-base-grid__body-cell.mc-base-grid__body-cell_no-left-border {
  border-left: none;
}
.mc-base-grid__body-row {
  outline: none;
}
.mc-base-grid__body-row:hover .mc-base-grid__body-cell {
  background-color: var(--grid-row-hover-bg) !important;
}
.mc-base-grid__body-row.mc-base-grid__body-row_selected .mc-base-grid__body-cell {
  background: var(--grid-row-selected-bg) !important;
}
.mc-base-grid__body-row.mc-base-grid__body-row_focused .mc-base-grid__body-cell {
  background: var(--grid-row-focused-bg) !important;
}
.mc-base-grid__empty-template {
  padding: 24px 12px;
  text-align: center;
  color: var(--grid-empty-color);
  background-color: var(--grid-empty-bg);
  font-size: 14px;
}
.mc-base-grid__loader {
  display: flex;
  padding: 24px 12px;
  justify-content: center;
}
.mc-grid-column-filter__popup {
  --mat-menu-container-color: white;
  background-color: var(--ui-grid__main-bg-color, var(--grid-body-cell-bg));
}
.mc-grid-filter-panel {
  display: flex;
  padding: 6px 12px;
  flex-flow: row nowrap;
}
.mc-grid-filter-panel__viewer {
  flex: 1 1 100%;
  overflow: auto;
}
.mc-grid-filter-panel__toolbar {
  flex: 0 0 auto;
  gap: 4px;
  display: flex;
  flex-flow: row nowrap;
}
.mc-grid-filter-dialog__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  padding: 6px 12px;
}
.mc-grid-filter-dialog__body {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  box-sizing: border-box;
  padding: 6px 12px 6px 24px;
}
.mc-grid-filter-dialog__content {
  overflow: auto;
  flex: 1 1 100%;
  min-height: 1px;
}
.mc-grid-filter-dialog__footer {
  flex: 0 0 auto;
  padding: 6px 0;
  text-align: right;
}
.mc-base-grid__fixed-cell {
  z-index: 2;
  position: sticky;
}
[hidden] {
  display: none !important;
}
p-scroller {
  height: 100%;
}
.p-datatable-header,
.p-treetable .p-treetable-footer {
  border-style: none !important;
}
.mc-base-grid__overflow {
  overflow: hidden;
}

/* node_modules/@molecular-ui/pivot-grid/styles.css */
.mc-display-container {
  display: inherit;
  flex-flow: inherit;
  position: relative;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.mc-display-container--inactive {
  width: 100%;
}
.mc-drag {
  touch-action: none;
}
.mc-drag--select-disabled {
  -webkit-user-select: none;
  user-select: none;
}
.mc-drag__handle {
  -webkit-user-select: none;
  user-select: none;
}
.mc-vhelper--vertical,
.mc-vhelper--horizontal {
  display: block;
  overflow: auto;
  z-index: 10001;
}
.mc-vhelper--vertical {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
}
.mc-vhelper--horizontal {
  width: 100%;
}
.mc-vhelper--vertical .mc-vhelper__placeholder-content {
  width: 1px;
}
.mc-vhelper--horizontal .mc-vhelper__placeholder-content {
  height: 1px;
}
[hidden] {
  display: none !important;
}
[class^=mc-],
[class^=mc-] *,
[class^=mc-] *::before,
[class^=mc-] *::after,
[class^=ig-],
[class^=ig-] *,
[class^=ig-] *::before,
[class^=ig-] *::after {
  box-sizing: border-box;
}
@property --_progress-integer { syntax: "<integer>"; initial-value: 0; inherits: true; }
@property --_progress-fraction { syntax: "<integer>"; initial-value: 0; inherits: true; }
.mc-excel-filter__menu {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
}
@media print {
  html,
  body,
  app-root {
    min-height: 100vh;
    min-width: 100vw;
    margin: 0;
  }
  app-root {
    display: block;
  }
  * {
    -webkit-print-color-adjust: exact;
    -webkit-filter: opacity(1);
    filter: opacity(1);
    print-color-adjust: exact;
    text-shadow: none !important;
  }
  a[href^=http]::after {
    content: "[" attr(href) "]";
    color: blue;
  }
  .mc-no-print {
    display: none !important;
  }
  .mc-bw-print {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  mc-circular-bar,
  mc-linear-bar,
  .mc-carousel__indicators,
  .mc-carousel__arrow--prev,
  .mc-carousel__arrow--next,
  .mc-ripple,
  .mc-grid__tbody-scrollbar,
  mc-switch__ripple,
  mc-virtual-helper {
    display: none !important;
  }
  mc-grid .mc-grid-th__title,
  mc-grid .mc-grid__td-text {
    white-space: unset !important;
    text-overflow: initial !important;
    overflow: visible !important;
  }
}
.ig-typography {
  font-family: var(--ig-font-family);
}
.ig-typography mc-category-chart {
  --title-text-style: var(--category-chart-title-text-style, 600 20px var(--ig-font-family));
  --subtitle-text-style: var(--category-chart-subtitle-text-style, 400 16px var(--ig-font-family));
  --x-axis-label-text-style: var(--category-chart-x-axis-label-text-style, 400 14px var(--ig-font-family));
  --x-axis-title-text-style: var(--category-chart-x-axis-title-text-style, 400 14px var(--ig-font-family));
  --y-axis-label-text-style: var(--category-chart-y-axis-label-text-style, 400 14px var(--ig-font-family));
  --y-axis-title-text-style: var(--category-chart-y-axis-title-text-style, 400 14px var(--ig-font-family));
}
.ig-typography mc-data-chart {
  --title-text-style: var(--data-chart-title-text-style, 600 20px var(--ig-font-family));
  --subtitle-text-style: var(--data-chart-subtitle-text-style, 400 16px var(--ig-font-family));
}
.ig-typography mc-financial-chart {
  --title-text-style: var(--financial-chart-title-text-style, 600 20px var(--ig-font-family));
  --subtitle-text-style: var(--financial-chart-subtitle-text-style, 400 16px var(--ig-font-family));
  --x-axis-label-text-style: var(--financial-chart-x-axis-label-text-style, 400 14px var(--ig-font-family));
  --x-axis-title-text-style: var(--financial-chart-x-axis-title-text-style, 400 14px var(--ig-font-family));
  --y-axis-label-text-style: var(--financial-chart-y-axis-label-text-style, 400 14px var(--ig-font-family));
  --y-axis-title-text-style: var(--financial-chart-y-axis-title-text-style, 400 14px var(--ig-font-family));
}
.ig-typography mc-funnel-chart {
  --outer-label-text-style: var(--funnel-chart-outer-label-text-style, 300 96px var(--ig-font-family));
  --text-style: var(--funnel-chart-text-style, 400 16px var(--ig-font-family));
}
.ig-typography mc-linear-gauge {
  --linear-gauge-font: var(--ig-font-family, inherit);
}
.ig-typography mc-radial-gauge {
  --radial-gauge-font: var(--ig-font-family, inherit);
}
.ig-typography mc-bullet-graph {
  --bullet-graph-font: var(--ig-font-family, inherit);
}
.ig-typography mc-pie-chart {
  --text-style: var(--pie-chart-text-style, 400 14px var(--ig-font-family));
}
.ig-typography mc-shape-chart {
  --title-text-style: var(--shape-chart-title-text-style, 600 20px var(--ig-font-family));
  --subtitle-text-style: var(--shape-chart-subtitle-text-style, 400 16px var(--ig-font-family));
  --x-axis-title-text-style: var(--shape-chart-x-axis-title-text-style, 400 48px var(--ig-font-family));
  --x-axis-label-text-style: var(--shape-chart-x-axis-label-text-style, 400 34px var(--ig-font-family));
  --y-axis-title-text-style: var(--shape-chart-y-axis-title-text-style, 400 48px var(--ig-font-family));
  --y-axis-label-text-style: var(--shape-chart-y-axis-label-text-style, 400 34px var(--ig-font-family));
}
.ig-typography .mc-badge {
  font-family: var(--ig-caption-font-family, var(--ig-font-family));
  font-size: var(--ig-caption-font-size);
  font-weight: var(--ig-caption-font-weight);
  font-style: var(--ig-caption-font-style);
  line-height: var(--ig-caption-line-height);
  letter-spacing: var(--ig-caption-letter-spacing);
  text-transform: var(--ig-caption-text-transform);
  margin-top: var(--ig-caption-margin-top);
  margin-bottom: var(--ig-caption-margin-bottom);
  margin: 0;
}
.ig-typography .mc-bottom-nav__menu-item [mcBottomNavHeaderLabel],
.mc-bottom-nav__menu-item .ig-typography [mcBottomNavHeaderLabel],
.ig-typography .mc-bottom-nav__menu-item--selected [mcBottomNavHeaderLabel],
.mc-bottom-nav__menu-item--selected .ig-typography [mcBottomNavHeaderLabel],
.ig-typography .mc-bottom-nav__menu-item--disabled [mcBottomNavHeaderLabel],
.mc-bottom-nav__menu-item--disabled .ig-typography [mcBottomNavHeaderLabel] {
  font-family: var(--ig-caption-font-family, var(--ig-font-family));
  font-size: var(--ig-caption-font-size);
  font-weight: var(--ig-caption-font-weight);
  font-style: var(--ig-caption-font-style);
  line-height: var(--ig-caption-line-height);
  letter-spacing: var(--ig-caption-letter-spacing);
  text-transform: var(--ig-caption-text-transform);
  margin-top: var(--ig-caption-margin-top);
  margin-bottom: var(--ig-caption-margin-bottom);
  margin: 0;
}
.ig-typography .mc-chip__item {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
}
.ig-typography .mc-column-actions__header-title {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
  margin: 0;
}
.ig-typography .mc-dialog__window-title {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
  margin: 0;
}
.ig-typography .mc-dialog__window-content {
  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
  font-size: var(--ig-body-1-font-size);
  font-weight: var(--ig-body-1-font-weight);
  font-style: var(--ig-body-1-font-style);
  line-height: var(--ig-body-1-line-height);
  letter-spacing: var(--ig-body-1-letter-spacing);
  text-transform: var(--ig-body-1-text-transform);
  margin-top: var(--ig-body-1-margin-top);
  margin-bottom: var(--ig-body-1-margin-bottom);
  margin: 0;
}
.ig-typography .mc-dialog__window-content > * {
  letter-spacing: normal;
}
.ig-typography mc-dock-manager {
  --igc-font-family: var(--ig-font-family, inherit);
}
.ig-typography .mc-drop-down__group label,
.mc-drop-down__group .ig-typography label,
.ig-typography .mc-drop-down__header {
  font-family: var(--ig-overline-font-family, var(--ig-font-family));
  font-size: var(--ig-overline-font-size);
  font-weight: var(--ig-overline-font-weight);
  font-style: var(--ig-overline-font-style);
  line-height: var(--ig-overline-line-height);
  letter-spacing: var(--ig-overline-letter-spacing);
  text-transform: var(--ig-overline-text-transform);
  margin-top: var(--ig-overline-margin-top);
  margin-bottom: var(--ig-overline-margin-bottom);
  margin: 0;
}
.ig-typography .mc-drop-down__item {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
  margin: 0;
}
.ig-typography .mc-drop-down__item--selected {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
  margin: 0;
}
.ig-typography .mc-expansion-panel__header-title {
  font-family: var(--ig-h5-font-family, var(--ig-font-family));
  font-size: var(--ig-h5-font-size);
  font-weight: var(--ig-h5-font-weight);
  font-style: var(--ig-h5-font-style);
  line-height: var(--ig-h5-line-height);
  letter-spacing: var(--ig-h5-letter-spacing);
  text-transform: var(--ig-h5-text-transform);
  margin-top: var(--ig-h5-margin-top);
  margin-bottom: var(--ig-h5-margin-bottom);
  margin: 0;
}
.ig-typography .mc-expansion-panel__header-description {
  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-2-font-size);
  font-weight: var(--ig-subtitle-2-font-weight);
  font-style: var(--ig-subtitle-2-font-style);
  line-height: var(--ig-subtitle-2-line-height);
  letter-spacing: var(--ig-subtitle-2-letter-spacing);
  text-transform: var(--ig-subtitle-2-text-transform);
  margin-top: var(--ig-subtitle-2-margin-top);
  margin-bottom: var(--ig-subtitle-2-margin-bottom);
  margin: 0;
}
.ig-typography .mc-expansion-panel__body {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
  margin: 0;
}
.ig-typography .mc-excel-filter__menu .mc-excel-filter__menu-header > h4,
.ig-typography .mc-excel-filter__menu .mc-excel-filter__secondary-header > h4 {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
}
.ig-typography .mc-excel-filter__secondary .mc-excel-filter__menu-header > h4,
.ig-typography .mc-excel-filter__secondary .mc-excel-filter__secondary-header > h4 {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
}
.ig-typography .mc-excel-filter__sort header,
.ig-typography .mc-excel-filter__move header {
  font-family: var(--ig-overline-font-family, var(--ig-font-family));
  font-size: var(--ig-overline-font-size);
  font-weight: var(--ig-overline-font-weight);
  font-style: var(--ig-overline-font-style);
  line-height: var(--ig-overline-line-height);
  letter-spacing: var(--ig-overline-letter-spacing);
  text-transform: var(--ig-overline-text-transform);
  margin-top: var(--ig-overline-margin-top);
  margin-bottom: var(--ig-overline-margin-bottom);
}
.ig-typography .mc-excel-filter__menu--cosy .mc-excel-filter__menu-header > h4,
.ig-typography .mc-excel-filter__menu--cosy .mc-excel-filter__secondary-header > h4 {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
}
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__menu-header > h4,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__secondary-header > h4 {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
}
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__sort header,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__move header {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
  text-transform: capitalize;
}
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-pin span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-pin--disabled span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-unpin span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-hide span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-select span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-selected span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-filter span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-filter--active span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-clear span,
.ig-typography .mc-excel-filter__menu--compact .mc-excel-filter__actions-clear--disabled span {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
}
.ig-typography .mc-excel-filter__secondary--cosy .mc-excel-filter__menu-header > h4,
.ig-typography .mc-excel-filter__secondary--cosy .mc-excel-filter__secondary-header > h4 {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
}
.ig-typography .mc-excel-filter__secondary--compact .mc-excel-filter__menu-header > h4,
.ig-typography .mc-excel-filter__secondary--compact .mc-excel-filter__secondary-header > h4 {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
}
.ig-typography .mc-list__header {
  font-family: var(--ig-overline-font-family, var(--ig-font-family));
  font-size: var(--ig-overline-font-size);
  font-weight: var(--ig-overline-font-weight);
  font-style: var(--ig-overline-font-style);
  line-height: var(--ig-overline-line-height);
  letter-spacing: var(--ig-overline-letter-spacing);
  text-transform: var(--ig-overline-text-transform);
  margin-top: var(--ig-overline-margin-top);
  margin-bottom: var(--ig-overline-margin-bottom);
  margin: 0;
}
.ig-typography .mc-list__item-lines,
.ig-typography .mc-list__item-line-title {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
  margin: 0;
}
.ig-typography .mc-list__item-line-subtitle {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
  margin: 0;
}
.ig-typography mc-navbar-title,
.ig-typography [mcNavbarTitle],
.ig-typography .mc-navbar__title {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
  margin-bottom: 0;
}
.ig-typography .mc-nav-drawer__item,
.ig-typography .mc-nav-drawer__item--active {
  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-2-font-size);
  font-weight: var(--ig-subtitle-2-font-weight);
  font-style: var(--ig-subtitle-2-font-style);
  line-height: var(--ig-subtitle-2-line-height);
  letter-spacing: var(--ig-subtitle-2-letter-spacing);
  text-transform: var(--ig-subtitle-2-text-transform);
  margin-top: var(--ig-subtitle-2-margin-top);
  margin-bottom: var(--ig-subtitle-2-margin-bottom);
}
.ig-typography .mc-nav-drawer__item--header {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
  margin: 0;
}
.ig-typography .mc-snackbar__message {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
}
.ig-typography [mcLabel] {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
  margin: 0;
}
:root {
  --ig-font-family: "Titillium Web", sans-serif;
  --ig-base-font-size: 16px;
  --ig-h1-font-size: 96px;
  --ig-h1-font-weight: 300;
  --ig-h1-font-style: normal;
  --ig-h1-line-height: 112px;
  --ig-h1-letter-spacing: -1.5px;
  --ig-h1-text-transform: none;
  --ig-h1-margin-top: 28px;
  --ig-h1-margin-bottom: 56px;
  --ig-h2-font-size: 60px;
  --ig-h2-font-weight: 300;
  --ig-h2-font-style: normal;
  --ig-h2-line-height: 71px;
  --ig-h2-letter-spacing: -0.5px;
  --ig-h2-text-transform: none;
  --ig-h2-margin-top: 28px;
  --ig-h2-margin-bottom: 28px;
  --ig-h3-font-size: 48px;
  --ig-h3-font-weight: 400;
  --ig-h3-font-style: normal;
  --ig-h3-line-height: 57px;
  --ig-h3-letter-spacing: 0;
  --ig-h3-text-transform: none;
  --ig-h3-margin-top: 28px;
  --ig-h3-margin-bottom: 0;
  --ig-h4-font-size: 34px;
  --ig-h4-font-weight: 400;
  --ig-h4-font-style: normal;
  --ig-h4-line-height: 40px;
  --ig-h4-letter-spacing: 0.25px;
  --ig-h4-text-transform: none;
  --ig-h4-margin-top: 28px;
  --ig-h4-margin-bottom: 0;
  --ig-h5-font-size: 24px;
  --ig-h5-font-weight: 400;
  --ig-h5-font-style: normal;
  --ig-h5-line-height: 28px;
  --ig-h5-letter-spacing: 0;
  --ig-h5-text-transform: none;
  --ig-h5-margin-top: 28px;
  --ig-h5-margin-bottom: 0;
  --ig-h6-font-size: 20px;
  --ig-h6-font-weight: 600;
  --ig-h6-font-style: normal;
  --ig-h6-line-height: 24px;
  --ig-h6-letter-spacing: 0.15px;
  --ig-h6-text-transform: none;
  --ig-h6-margin-top: 0;
  --ig-h6-margin-bottom: 0;
  --ig-subtitle-1-font-size: 16px;
  --ig-subtitle-1-font-weight: 400;
  --ig-subtitle-1-font-style: normal;
  --ig-subtitle-1-line-height: 24px;
  --ig-subtitle-1-letter-spacing: 0.15px;
  --ig-subtitle-1-text-transform: none;
  --ig-subtitle-1-margin-top: 0;
  --ig-subtitle-1-margin-bottom: 0;
  --ig-subtitle-2-font-size: 14px;
  --ig-subtitle-2-font-weight: 600;
  --ig-subtitle-2-font-style: normal;
  --ig-subtitle-2-line-height: 24px;
  --ig-subtitle-2-letter-spacing: 0.1px;
  --ig-subtitle-2-text-transform: none;
  --ig-subtitle-2-margin-top: 0;
  --ig-subtitle-2-margin-bottom: 0;
  --ig-body-1-font-size: 16px;
  --ig-body-1-font-weight: 400;
  --ig-body-1-font-style: normal;
  --ig-body-1-line-height: 28px;
  --ig-body-1-letter-spacing: 0.5px;
  --ig-body-1-text-transform: none;
  --ig-body-1-margin-top: 28px;
  --ig-body-1-margin-bottom: 16px;
  --ig-body-2-font-size: 14px;
  --ig-body-2-font-weight: 400;
  --ig-body-2-font-style: normal;
  --ig-body-2-line-height: 20px;
  --ig-body-2-letter-spacing: 0.25px;
  --ig-body-2-text-transform: none;
  --ig-body-2-margin-top: 0;
  --ig-body-2-margin-bottom: 0;
  --ig-button-font-size: 14px;
  --ig-button-font-weight: 600;
  --ig-button-font-style: normal;
  --ig-button-line-height: 16px;
  --ig-button-letter-spacing: 0.75px;
  --ig-button-text-transform: uppercase;
  --ig-button-margin-top: 0;
  --ig-button-margin-bottom: 0;
  --ig-caption-font-size: 12px;
  --ig-caption-font-weight: 400;
  --ig-caption-font-style: normal;
  --ig-caption-line-height: 16px;
  --ig-caption-letter-spacing: 0.4px;
  --ig-caption-text-transform: none;
  --ig-caption-margin-top: 0;
  --ig-caption-margin-bottom: 0;
  --ig-overline-font-size: 10px;
  --ig-overline-font-weight: 400;
  --ig-overline-font-style: normal;
  --ig-overline-line-height: 16px;
  --ig-overline-letter-spacing: 1.5px;
  --ig-overline-text-transform: uppercase;
  --ig-overline-margin-top: 0;
  --ig-overline-margin-bottom: 0;
}
.ig-typography h1 {
  font-family: var(--ig-h1-font-family, var(--ig-font-family));
  font-size: var(--ig-h1-font-size);
  font-weight: var(--ig-h1-font-weight);
  font-style: var(--ig-h1-font-style);
  line-height: var(--ig-h1-line-height);
  letter-spacing: var(--ig-h1-letter-spacing);
  text-transform: var(--ig-h1-text-transform);
  margin-top: var(--ig-h1-margin-top);
  margin-bottom: var(--ig-h1-margin-bottom);
}
.ig-typography h2 {
  font-family: var(--ig-h2-font-family, var(--ig-font-family));
  font-size: var(--ig-h2-font-size);
  font-weight: var(--ig-h2-font-weight);
  font-style: var(--ig-h2-font-style);
  line-height: var(--ig-h2-line-height);
  letter-spacing: var(--ig-h2-letter-spacing);
  text-transform: var(--ig-h2-text-transform);
  margin-top: var(--ig-h2-margin-top);
  margin-bottom: var(--ig-h2-margin-bottom);
}
.ig-typography h3 {
  font-family: var(--ig-h3-font-family, var(--ig-font-family));
  font-size: var(--ig-h3-font-size);
  font-weight: var(--ig-h3-font-weight);
  font-style: var(--ig-h3-font-style);
  line-height: var(--ig-h3-line-height);
  letter-spacing: var(--ig-h3-letter-spacing);
  text-transform: var(--ig-h3-text-transform);
  margin-top: var(--ig-h3-margin-top);
  margin-bottom: var(--ig-h3-margin-bottom);
}
.ig-typography h4 {
  font-family: var(--ig-h4-font-family, var(--ig-font-family));
  font-size: var(--ig-h4-font-size);
  font-weight: var(--ig-h4-font-weight);
  font-style: var(--ig-h4-font-style);
  line-height: var(--ig-h4-line-height);
  letter-spacing: var(--ig-h4-letter-spacing);
  text-transform: var(--ig-h4-text-transform);
  margin-top: var(--ig-h4-margin-top);
  margin-bottom: var(--ig-h4-margin-bottom);
}
.ig-typography h5 {
  font-family: var(--ig-h5-font-family, var(--ig-font-family));
  font-size: var(--ig-h5-font-size);
  font-weight: var(--ig-h5-font-weight);
  font-style: var(--ig-h5-font-style);
  line-height: var(--ig-h5-line-height);
  letter-spacing: var(--ig-h5-letter-spacing);
  text-transform: var(--ig-h5-text-transform);
  margin-top: var(--ig-h5-margin-top);
  margin-bottom: var(--ig-h5-margin-bottom);
}
.ig-typography h6 {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
}
.ig-typography p {
  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
  font-size: var(--ig-body-1-font-size);
  font-weight: var(--ig-body-1-font-weight);
  font-style: var(--ig-body-1-font-style);
  line-height: var(--ig-body-1-line-height);
  letter-spacing: var(--ig-body-1-letter-spacing);
  text-transform: var(--ig-body-1-text-transform);
  margin-top: var(--ig-body-1-margin-top);
  margin-bottom: var(--ig-body-1-margin-bottom);
}
.ig-typography .ig-typography__h1 {
  font-family: var(--ig-h1-font-family, var(--ig-font-family));
  font-size: var(--ig-h1-font-size);
  font-weight: var(--ig-h1-font-weight);
  font-style: var(--ig-h1-font-style);
  line-height: var(--ig-h1-line-height);
  letter-spacing: var(--ig-h1-letter-spacing);
  text-transform: var(--ig-h1-text-transform);
  margin-top: var(--ig-h1-margin-top);
  margin-bottom: var(--ig-h1-margin-bottom);
}
.ig-typography .ig-typography__h2 {
  font-family: var(--ig-h2-font-family, var(--ig-font-family));
  font-size: var(--ig-h2-font-size);
  font-weight: var(--ig-h2-font-weight);
  font-style: var(--ig-h2-font-style);
  line-height: var(--ig-h2-line-height);
  letter-spacing: var(--ig-h2-letter-spacing);
  text-transform: var(--ig-h2-text-transform);
  margin-top: var(--ig-h2-margin-top);
  margin-bottom: var(--ig-h2-margin-bottom);
}
.ig-typography .ig-typography__h3 {
  font-family: var(--ig-h3-font-family, var(--ig-font-family));
  font-size: var(--ig-h3-font-size);
  font-weight: var(--ig-h3-font-weight);
  font-style: var(--ig-h3-font-style);
  line-height: var(--ig-h3-line-height);
  letter-spacing: var(--ig-h3-letter-spacing);
  text-transform: var(--ig-h3-text-transform);
  margin-top: var(--ig-h3-margin-top);
  margin-bottom: var(--ig-h3-margin-bottom);
}
.ig-typography .ig-typography__h4 {
  font-family: var(--ig-h4-font-family, var(--ig-font-family));
  font-size: var(--ig-h4-font-size);
  font-weight: var(--ig-h4-font-weight);
  font-style: var(--ig-h4-font-style);
  line-height: var(--ig-h4-line-height);
  letter-spacing: var(--ig-h4-letter-spacing);
  text-transform: var(--ig-h4-text-transform);
  margin-top: var(--ig-h4-margin-top);
  margin-bottom: var(--ig-h4-margin-bottom);
}
.ig-typography .ig-typography__h5 {
  font-family: var(--ig-h5-font-family, var(--ig-font-family));
  font-size: var(--ig-h5-font-size);
  font-weight: var(--ig-h5-font-weight);
  font-style: var(--ig-h5-font-style);
  line-height: var(--ig-h5-line-height);
  letter-spacing: var(--ig-h5-letter-spacing);
  text-transform: var(--ig-h5-text-transform);
  margin-top: var(--ig-h5-margin-top);
  margin-bottom: var(--ig-h5-margin-bottom);
}
.ig-typography .ig-typography__h6 {
  font-family: var(--ig-h6-font-family, var(--ig-font-family));
  font-size: var(--ig-h6-font-size);
  font-weight: var(--ig-h6-font-weight);
  font-style: var(--ig-h6-font-style);
  line-height: var(--ig-h6-line-height);
  letter-spacing: var(--ig-h6-letter-spacing);
  text-transform: var(--ig-h6-text-transform);
  margin-top: var(--ig-h6-margin-top);
  margin-bottom: var(--ig-h6-margin-bottom);
}
.ig-typography .ig-typography__subtitle-1 {
  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-1-font-size);
  font-weight: var(--ig-subtitle-1-font-weight);
  font-style: var(--ig-subtitle-1-font-style);
  line-height: var(--ig-subtitle-1-line-height);
  letter-spacing: var(--ig-subtitle-1-letter-spacing);
  text-transform: var(--ig-subtitle-1-text-transform);
  margin-top: var(--ig-subtitle-1-margin-top);
  margin-bottom: var(--ig-subtitle-1-margin-bottom);
}
.ig-typography .ig-typography__subtitle-2 {
  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
  font-size: var(--ig-subtitle-2-font-size);
  font-weight: var(--ig-subtitle-2-font-weight);
  font-style: var(--ig-subtitle-2-font-style);
  line-height: var(--ig-subtitle-2-line-height);
  letter-spacing: var(--ig-subtitle-2-letter-spacing);
  text-transform: var(--ig-subtitle-2-text-transform);
  margin-top: var(--ig-subtitle-2-margin-top);
  margin-bottom: var(--ig-subtitle-2-margin-bottom);
}
.ig-typography .ig-typography__body-1 {
  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
  font-size: var(--ig-body-1-font-size);
  font-weight: var(--ig-body-1-font-weight);
  font-style: var(--ig-body-1-font-style);
  line-height: var(--ig-body-1-line-height);
  letter-spacing: var(--ig-body-1-letter-spacing);
  text-transform: var(--ig-body-1-text-transform);
  margin-top: var(--ig-body-1-margin-top);
  margin-bottom: var(--ig-body-1-margin-bottom);
}
.ig-typography .ig-typography__body-2 {
  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
  font-size: var(--ig-body-2-font-size);
  font-weight: var(--ig-body-2-font-weight);
  font-style: var(--ig-body-2-font-style);
  line-height: var(--ig-body-2-line-height);
  letter-spacing: var(--ig-body-2-letter-spacing);
  text-transform: var(--ig-body-2-text-transform);
  margin-top: var(--ig-body-2-margin-top);
  margin-bottom: var(--ig-body-2-margin-bottom);
}
.ig-typography .ig-typography__button {
  font-family: var(--ig-button-font-family, var(--ig-font-family));
  font-size: var(--ig-button-font-size);
  font-weight: var(--ig-button-font-weight);
  font-style: var(--ig-button-font-style);
  line-height: var(--ig-button-line-height);
  letter-spacing: var(--ig-button-letter-spacing);
  text-transform: var(--ig-button-text-transform);
  margin-top: var(--ig-button-margin-top);
  margin-bottom: var(--ig-button-margin-bottom);
}
.ig-typography .ig-typography__caption {
  font-family: var(--ig-caption-font-family, var(--ig-font-family));
  font-size: var(--ig-caption-font-size);
  font-weight: var(--ig-caption-font-weight);
  font-style: var(--ig-caption-font-style);
  line-height: var(--ig-caption-line-height);
  letter-spacing: var(--ig-caption-letter-spacing);
  text-transform: var(--ig-caption-text-transform);
  margin-top: var(--ig-caption-margin-top);
  margin-bottom: var(--ig-caption-margin-bottom);
}
.ig-typography .ig-typography__overline {
  font-family: var(--ig-overline-font-family, var(--ig-font-family));
  font-size: var(--ig-overline-font-size);
  font-weight: var(--ig-overline-font-weight);
  font-style: var(--ig-overline-font-style);
  line-height: var(--ig-overline-line-height);
  letter-spacing: var(--ig-overline-letter-spacing);
  text-transform: var(--ig-overline-text-transform);
  margin-top: var(--ig-overline-margin-top);
  margin-bottom: var(--ig-overline-margin-bottom);
}
:root {
  --ig-size-small: 1;
  --ig-size-medium: 2;
  --ig-size-large: 3;
  --ig-spacing-small: 1;
  --ig-spacing-medium: 1;
  --ig-spacing-large: 1;
  --ig-spacing-inline-small: 1;
  --ig-spacing-inline-medium: 1;
  --ig-spacing-inline-large: 1;
  --ig-spacing-block-small: 1;
  --ig-spacing-block-medium: 1;
  --ig-spacing-block-large: 1;
}
:root {
  --ig-wcag-a: 0.31;
  --ig-wcag-aa: 0.185;
  --ig-wcag-aaa: 0.178;
  --ig-contrast-level: var(--ig-wcag-aa);
  --y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);
  --y-contrast: xyz-d65 var(--y) var(--y) var(--y);
}
:root {
  --ig-primary-50: hsl(from var(--ig-primary-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-primary-50-contrast: hsl(from color(from var(--ig-primary-50) var(--y-contrast)) h 0 l);
  --ig-primary-100: hsl(from var(--ig-primary-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-primary-100-contrast: hsl(from color(from var(--ig-primary-100) var(--y-contrast)) h 0 l);
  --ig-primary-200: hsl(from var(--ig-primary-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-primary-200-contrast: hsl(from color(from var(--ig-primary-200) var(--y-contrast)) h 0 l);
  --ig-primary-300: hsl(from var(--ig-primary-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-primary-300-contrast: hsl(from color(from var(--ig-primary-300) var(--y-contrast)) h 0 l);
  --ig-primary-400: hsl(from var(--ig-primary-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-primary-400-contrast: hsl(from color(from var(--ig-primary-400) var(--y-contrast)) h 0 l);
  --ig-primary-500: #0d6efd;
  --ig-primary-500-contrast: hsl(from color(from var(--ig-primary-500) var(--y-contrast)) h 0 l);
  --ig-primary-600: hsl(from var(--ig-primary-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-primary-600-contrast: hsl(from color(from var(--ig-primary-600) var(--y-contrast)) h 0 l);
  --ig-primary-700: hsl(from var(--ig-primary-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-primary-700-contrast: hsl(from color(from var(--ig-primary-700) var(--y-contrast)) h 0 l);
  --ig-primary-800: hsl(from var(--ig-primary-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-primary-800-contrast: hsl(from color(from var(--ig-primary-800) var(--y-contrast)) h 0 l);
  --ig-primary-900: hsl(from var(--ig-primary-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-primary-900-contrast: hsl(from color(from var(--ig-primary-900) var(--y-contrast)) h 0 l);
  --ig-primary-A100: hsl(from var(--ig-primary-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-primary-A100-contrast: hsl(from color(from var(--ig-primary-A100) var(--y-contrast)) h 0 l);
  --ig-primary-A200: hsl(from var(--ig-primary-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-primary-A200-contrast: hsl(from color(from var(--ig-primary-A200) var(--y-contrast)) h 0 l);
  --ig-primary-A400: hsl(from var(--ig-primary-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-primary-A400-contrast: hsl(from color(from var(--ig-primary-A400) var(--y-contrast)) h 0 l);
  --ig-primary-A700: hsl(from var(--ig-primary-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-primary-A700-contrast: hsl(from color(from var(--ig-primary-A700) var(--y-contrast)) h 0 l);
  --ig-secondary-50: hsl(from var(--ig-secondary-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-secondary-50-contrast: hsl(from color(from var(--ig-secondary-50) var(--y-contrast)) h 0 l);
  --ig-secondary-100: hsl(from var(--ig-secondary-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-secondary-100-contrast: hsl(from color(from var(--ig-secondary-100) var(--y-contrast)) h 0 l);
  --ig-secondary-200: hsl(from var(--ig-secondary-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-secondary-200-contrast: hsl(from color(from var(--ig-secondary-200) var(--y-contrast)) h 0 l);
  --ig-secondary-300: hsl(from var(--ig-secondary-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-secondary-300-contrast: hsl(from color(from var(--ig-secondary-300) var(--y-contrast)) h 0 l);
  --ig-secondary-400: hsl(from var(--ig-secondary-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-secondary-400-contrast: hsl(from color(from var(--ig-secondary-400) var(--y-contrast)) h 0 l);
  --ig-secondary-500: #6c757d;
  --ig-secondary-500-contrast: hsl(from color(from var(--ig-secondary-500) var(--y-contrast)) h 0 l);
  --ig-secondary-600: hsl(from var(--ig-secondary-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-secondary-600-contrast: hsl(from color(from var(--ig-secondary-600) var(--y-contrast)) h 0 l);
  --ig-secondary-700: hsl(from var(--ig-secondary-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-secondary-700-contrast: hsl(from color(from var(--ig-secondary-700) var(--y-contrast)) h 0 l);
  --ig-secondary-800: hsl(from var(--ig-secondary-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-secondary-800-contrast: hsl(from color(from var(--ig-secondary-800) var(--y-contrast)) h 0 l);
  --ig-secondary-900: hsl(from var(--ig-secondary-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-secondary-900-contrast: hsl(from color(from var(--ig-secondary-900) var(--y-contrast)) h 0 l);
  --ig-secondary-A100: hsl(from var(--ig-secondary-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-secondary-A100-contrast: hsl(from color(from var(--ig-secondary-A100) var(--y-contrast)) h 0 l);
  --ig-secondary-A200: hsl(from var(--ig-secondary-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-secondary-A200-contrast: hsl(from color(from var(--ig-secondary-A200) var(--y-contrast)) h 0 l);
  --ig-secondary-A400: hsl(from var(--ig-secondary-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-secondary-A400-contrast: hsl(from color(from var(--ig-secondary-A400) var(--y-contrast)) h 0 l);
  --ig-secondary-A700: hsl(from var(--ig-secondary-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-secondary-A700-contrast: hsl(from color(from var(--ig-secondary-A700) var(--y-contrast)) h 0 l);
  --ig-gray-50: hsl(from var(--ig-gray-500) h s 98%);
  --ig-gray-50-contrast: hsl(from color(from var(--ig-gray-50) var(--y-contrast)) h 0 l);
  --ig-gray-100: hsl(from var(--ig-gray-500) h s 96%);
  --ig-gray-100-contrast: hsl(from color(from var(--ig-gray-100) var(--y-contrast)) h 0 l);
  --ig-gray-200: hsl(from var(--ig-gray-500) h s 93%);
  --ig-gray-200-contrast: hsl(from color(from var(--ig-gray-200) var(--y-contrast)) h 0 l);
  --ig-gray-300: hsl(from var(--ig-gray-500) h s 88%);
  --ig-gray-300-contrast: hsl(from color(from var(--ig-gray-300) var(--y-contrast)) h 0 l);
  --ig-gray-400: hsl(from var(--ig-gray-500) h s 74%);
  --ig-gray-400-contrast: hsl(from color(from var(--ig-gray-400) var(--y-contrast)) h 0 l);
  --ig-gray-500: hsl(210, 10.81%, 62%);
  --ig-gray-500-contrast: hsl(from color(from var(--ig-gray-500) var(--y-contrast)) h 0 l);
  --ig-gray-600: hsl(from var(--ig-gray-500) h s 54%);
  --ig-gray-600-contrast: hsl(from color(from var(--ig-gray-600) var(--y-contrast)) h 0 l);
  --ig-gray-700: hsl(from var(--ig-gray-500) h s 38%);
  --ig-gray-700-contrast: hsl(from color(from var(--ig-gray-700) var(--y-contrast)) h 0 l);
  --ig-gray-800: hsl(from var(--ig-gray-500) h s 26%);
  --ig-gray-800-contrast: hsl(from color(from var(--ig-gray-800) var(--y-contrast)) h 0 l);
  --ig-gray-900: hsl(from var(--ig-gray-500) h s 13%);
  --ig-gray-900-contrast: hsl(from color(from var(--ig-gray-900) var(--y-contrast)) h 0 l);
  --ig-surface-50: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-surface-50-contrast: hsl(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l);
  --ig-surface-100: hsl(from var(--ig-surface-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-surface-100-contrast: hsl(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l);
  --ig-surface-200: hsl(from var(--ig-surface-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-surface-200-contrast: hsl(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l);
  --ig-surface-300: hsl(from var(--ig-surface-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-surface-300-contrast: hsl(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l);
  --ig-surface-400: hsl(from var(--ig-surface-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-surface-400-contrast: hsl(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l);
  --ig-surface-500: #f8f9fa;
  --ig-surface-500-contrast: hsl(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l);
  --ig-surface-600: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-surface-600-contrast: hsl(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l);
  --ig-surface-700: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-surface-700-contrast: hsl(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l);
  --ig-surface-800: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-surface-800-contrast: hsl(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l);
  --ig-surface-900: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-surface-900-contrast: hsl(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l);
  --ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-surface-A100-contrast: hsl(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l);
  --ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-surface-A200-contrast: hsl(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l);
  --ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-surface-A400-contrast: hsl(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l);
  --ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-surface-A700-contrast: hsl(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l);
  --ig-info-50: hsl(from var(--ig-info-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-info-50-contrast: hsl(from color(from var(--ig-info-50) var(--y-contrast)) h 0 l);
  --ig-info-100: hsl(from var(--ig-info-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-info-100-contrast: hsl(from color(from var(--ig-info-100) var(--y-contrast)) h 0 l);
  --ig-info-200: hsl(from var(--ig-info-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-info-200-contrast: hsl(from color(from var(--ig-info-200) var(--y-contrast)) h 0 l);
  --ig-info-300: hsl(from var(--ig-info-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-info-300-contrast: hsl(from color(from var(--ig-info-300) var(--y-contrast)) h 0 l);
  --ig-info-400: hsl(from var(--ig-info-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-info-400-contrast: hsl(from color(from var(--ig-info-400) var(--y-contrast)) h 0 l);
  --ig-info-500: #0dcaf0;
  --ig-info-500-contrast: hsl(from color(from var(--ig-info-500) var(--y-contrast)) h 0 l);
  --ig-info-600: hsl(from var(--ig-info-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-info-600-contrast: hsl(from color(from var(--ig-info-600) var(--y-contrast)) h 0 l);
  --ig-info-700: hsl(from var(--ig-info-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-info-700-contrast: hsl(from color(from var(--ig-info-700) var(--y-contrast)) h 0 l);
  --ig-info-800: hsl(from var(--ig-info-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-info-800-contrast: hsl(from color(from var(--ig-info-800) var(--y-contrast)) h 0 l);
  --ig-info-900: hsl(from var(--ig-info-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-info-900-contrast: hsl(from color(from var(--ig-info-900) var(--y-contrast)) h 0 l);
  --ig-info-A100: hsl(from var(--ig-info-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-info-A100-contrast: hsl(from color(from var(--ig-info-A100) var(--y-contrast)) h 0 l);
  --ig-info-A200: hsl(from var(--ig-info-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-info-A200-contrast: hsl(from color(from var(--ig-info-A200) var(--y-contrast)) h 0 l);
  --ig-info-A400: hsl(from var(--ig-info-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-info-A400-contrast: hsl(from color(from var(--ig-info-A400) var(--y-contrast)) h 0 l);
  --ig-info-A700: hsl(from var(--ig-info-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-info-A700-contrast: hsl(from color(from var(--ig-info-A700) var(--y-contrast)) h 0 l);
  --ig-success-50: hsl(from var(--ig-success-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-success-50-contrast: hsl(from color(from var(--ig-success-50) var(--y-contrast)) h 0 l);
  --ig-success-100: hsl(from var(--ig-success-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-success-100-contrast: hsl(from color(from var(--ig-success-100) var(--y-contrast)) h 0 l);
  --ig-success-200: hsl(from var(--ig-success-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-success-200-contrast: hsl(from color(from var(--ig-success-200) var(--y-contrast)) h 0 l);
  --ig-success-300: hsl(from var(--ig-success-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-success-300-contrast: hsl(from color(from var(--ig-success-300) var(--y-contrast)) h 0 l);
  --ig-success-400: hsl(from var(--ig-success-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-success-400-contrast: hsl(from color(from var(--ig-success-400) var(--y-contrast)) h 0 l);
  --ig-success-500: #198754;
  --ig-success-500-contrast: hsl(from color(from var(--ig-success-500) var(--y-contrast)) h 0 l);
  --ig-success-600: hsl(from var(--ig-success-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-success-600-contrast: hsl(from color(from var(--ig-success-600) var(--y-contrast)) h 0 l);
  --ig-success-700: hsl(from var(--ig-success-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-success-700-contrast: hsl(from color(from var(--ig-success-700) var(--y-contrast)) h 0 l);
  --ig-success-800: hsl(from var(--ig-success-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-success-800-contrast: hsl(from color(from var(--ig-success-800) var(--y-contrast)) h 0 l);
  --ig-success-900: hsl(from var(--ig-success-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-success-900-contrast: hsl(from color(from var(--ig-success-900) var(--y-contrast)) h 0 l);
  --ig-success-A100: hsl(from var(--ig-success-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-success-A100-contrast: hsl(from color(from var(--ig-success-A100) var(--y-contrast)) h 0 l);
  --ig-success-A200: hsl(from var(--ig-success-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-success-A200-contrast: hsl(from color(from var(--ig-success-A200) var(--y-contrast)) h 0 l);
  --ig-success-A400: hsl(from var(--ig-success-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-success-A400-contrast: hsl(from color(from var(--ig-success-A400) var(--y-contrast)) h 0 l);
  --ig-success-A700: hsl(from var(--ig-success-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-success-A700-contrast: hsl(from color(from var(--ig-success-A700) var(--y-contrast)) h 0 l);
  --ig-warn-50: hsl(from var(--ig-warn-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-warn-50-contrast: hsl(from color(from var(--ig-warn-50) var(--y-contrast)) h 0 l);
  --ig-warn-100: hsl(from var(--ig-warn-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-warn-100-contrast: hsl(from color(from var(--ig-warn-100) var(--y-contrast)) h 0 l);
  --ig-warn-200: hsl(from var(--ig-warn-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-warn-200-contrast: hsl(from color(from var(--ig-warn-200) var(--y-contrast)) h 0 l);
  --ig-warn-300: hsl(from var(--ig-warn-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-warn-300-contrast: hsl(from color(from var(--ig-warn-300) var(--y-contrast)) h 0 l);
  --ig-warn-400: hsl(from var(--ig-warn-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-warn-400-contrast: hsl(from color(from var(--ig-warn-400) var(--y-contrast)) h 0 l);
  --ig-warn-500: #ffc107;
  --ig-warn-500-contrast: hsl(from color(from var(--ig-warn-500) var(--y-contrast)) h 0 l);
  --ig-warn-600: hsl(from var(--ig-warn-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-warn-600-contrast: hsl(from color(from var(--ig-warn-600) var(--y-contrast)) h 0 l);
  --ig-warn-700: hsl(from var(--ig-warn-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-warn-700-contrast: hsl(from color(from var(--ig-warn-700) var(--y-contrast)) h 0 l);
  --ig-warn-800: hsl(from var(--ig-warn-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-warn-800-contrast: hsl(from color(from var(--ig-warn-800) var(--y-contrast)) h 0 l);
  --ig-warn-900: hsl(from var(--ig-warn-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-warn-900-contrast: hsl(from color(from var(--ig-warn-900) var(--y-contrast)) h 0 l);
  --ig-warn-A100: hsl(from var(--ig-warn-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-warn-A100-contrast: hsl(from color(from var(--ig-warn-A100) var(--y-contrast)) h 0 l);
  --ig-warn-A200: hsl(from var(--ig-warn-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-warn-A200-contrast: hsl(from color(from var(--ig-warn-A200) var(--y-contrast)) h 0 l);
  --ig-warn-A400: hsl(from var(--ig-warn-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-warn-A400-contrast: hsl(from color(from var(--ig-warn-A400) var(--y-contrast)) h 0 l);
  --ig-warn-A700: hsl(from var(--ig-warn-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-warn-A700-contrast: hsl(from color(from var(--ig-warn-A700) var(--y-contrast)) h 0 l);
  --ig-error-50: hsl(from var(--ig-error-500) h calc(s * 1.23) calc(l * 1.78));
  --ig-error-50-contrast: hsl(from color(from var(--ig-error-50) var(--y-contrast)) h 0 l);
  --ig-error-100: hsl(from var(--ig-error-500) h calc(s * 0.8) calc(l * 1.66));
  --ig-error-100-contrast: hsl(from color(from var(--ig-error-100) var(--y-contrast)) h 0 l);
  --ig-error-200: hsl(from var(--ig-error-500) h calc(s * 0.64) calc(l * 1.43));
  --ig-error-200-contrast: hsl(from color(from var(--ig-error-200) var(--y-contrast)) h 0 l);
  --ig-error-300: hsl(from var(--ig-error-500) h calc(s * 0.73) calc(l * 1.19));
  --ig-error-300-contrast: hsl(from color(from var(--ig-error-300) var(--y-contrast)) h 0 l);
  --ig-error-400: hsl(from var(--ig-error-500) h calc(s * 0.875) calc(l * 1.08));
  --ig-error-400-contrast: hsl(from color(from var(--ig-error-400) var(--y-contrast)) h 0 l);
  --ig-error-500: #dc3545;
  --ig-error-500-contrast: hsl(from color(from var(--ig-error-500) var(--y-contrast)) h 0 l);
  --ig-error-600: hsl(from var(--ig-error-500) h calc(s * 1.26) calc(l * 0.89));
  --ig-error-600-contrast: hsl(from color(from var(--ig-error-600) var(--y-contrast)) h 0 l);
  --ig-error-700: hsl(from var(--ig-error-500) h calc(s * 1.26) calc(l * 0.81));
  --ig-error-700-contrast: hsl(from color(from var(--ig-error-700) var(--y-contrast)) h 0 l);
  --ig-error-800: hsl(from var(--ig-error-500) h calc(s * 1.26) calc(l * 0.73));
  --ig-error-800-contrast: hsl(from color(from var(--ig-error-800) var(--y-contrast)) h 0 l);
  --ig-error-900: hsl(from var(--ig-error-500) h calc(s * 1.26) calc(l * 0.64));
  --ig-error-900-contrast: hsl(from color(from var(--ig-error-900) var(--y-contrast)) h 0 l);
  --ig-error-A100: hsl(from var(--ig-error-500) h calc(s * 1.23) calc(l * 1.34));
  --ig-error-A100-contrast: hsl(from color(from var(--ig-error-A100) var(--y-contrast)) h 0 l);
  --ig-error-A200: hsl(from var(--ig-error-500) h calc(s * 1.22) calc(l * 1.16));
  --ig-error-A200-contrast: hsl(from color(from var(--ig-error-A200) var(--y-contrast)) h 0 l);
  --ig-error-A400: hsl(from var(--ig-error-500) h calc(s * 1.23) calc(l * 0.91));
  --ig-error-A400-contrast: hsl(from color(from var(--ig-error-A400) var(--y-contrast)) h 0 l);
  --ig-error-A700: hsl(from var(--ig-error-500) h calc(s * 1.23) calc(l * 0.65));
  --ig-error-A700-contrast: hsl(from color(from var(--ig-error-A700) var(--y-contrast)) h 0 l);
}
:root {
  --ig-elevation-0: none;
  --ig-elevation-1:
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);
  --ig-elevation-2:
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);
  --ig-elevation-3:
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);
  --ig-elevation-4:
    0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);
  --ig-elevation-5:
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);
  --ig-elevation-6:
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);
  --ig-elevation-7:
    0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);
  --ig-elevation-8:
    0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);
  --ig-elevation-9:
    0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);
  --ig-elevation-10:
    0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);
  --ig-elevation-11:
    0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 4px) calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);
  --ig-elevation-12:
    0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);
  --ig-elevation-13:
    0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);
  --ig-elevation-14:
    0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);
  --ig-elevation-15:
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);
  --ig-elevation-16:
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);
  --ig-elevation-17:
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);
  --ig-elevation-18:
    0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);
  --ig-elevation-19:
    0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);
  --ig-elevation-20:
    0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);
  --ig-elevation-21:
    0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);
  --ig-elevation-22:
    0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);
  --ig-elevation-23:
    0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 23px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 44px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);
  --ig-elevation-24:
    0 calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26),
    0 calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12),
    0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 46px) calc(var(--ig-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);
}
:root {
  --ig-theme: bootstrap;
  --ig-theme-variant: light;
}
[mcRipple] {
  --color: var(--mc-ripple-color, hsl(from var(--ig-gray-800) h s l/0.7));
  --ig-theme: bootstrap;
}
mc-avatar {
  --background: var(--mc-avatar-background, var(--ig-gray-400));
  --color: var(--mc-avatar-color, var(--ig-gray-800));
  --icon-color: var(--mc-avatar-icon-color, var(--ig-gray-800));
  --border-radius: var(--mc-avatar-border-radius, 4px);
  --size: var(--mc-avatar-size, max(var(--is-large, 1) * max(88px, -1 * 88px), var(--is-medium, 1) * max(64px, -1 * 64px), var(--is-small, 1) * max(40px, -1 * 40px)));
  --default-size: var(--mc-avatar-default-size, 1);
  --ig-theme: bootstrap;
}
mc-action-strip {
  --actions-background: var(--mc-action-strip-actions-background, var(--ig-gray-200));
  --background: var(--mc-action-strip-background, hsl(from var(--ig-gray-100) h s l/0.38));
  --icon-color: var(--mc-action-strip-icon-color, "currentColor");
  --delete-action: var(--mc-action-strip-delete-action, var(--ig-error-500));
  --actions-border-radius: var(--mc-action-strip-actions-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1666666667) * 24px), 24px));
  --ig-theme: bootstrap;
}
.mc-action-strip {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --action-strip-size: var(--component-size);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: 0;
  inset-inline-start: 0;
  background: var(--background);
  color: inherit;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  z-index: 9999;
}
.mc-action-strip [mcIconButton] {
  --component-size: var(--action-strip-size) !important;
  width: max(var(--is-large, 1) * max(36px, -1 * 36px), var(--is-medium, 1) * max(28px, -1 * 28px), var(--is-small, 1) * max(28px, -1 * 28px));
  height: max(var(--is-large, 1) * max(36px, -1 * 36px), var(--is-medium, 1) * max(28px, -1 * 28px), var(--is-small, 1) * max(28px, -1 * 28px));
}
.mc-action-strip [mcIconButton] mc-icon {
  --component-size: var(--action-strip-size);
  width: var(--ig-icon-size, max(var(--is-large, 1) * max(18px, -1 * 18px), var(--is-medium, 1) * max(14px, -1 * 14px), var(--is-small, 1) * max(14px, -1 * 14px)));
  height: var(--ig-icon-size, max(var(--is-large, 1) * max(18px, -1 * 18px), var(--is-medium, 1) * max(14px, -1 * 14px), var(--is-small, 1) * max(14px, -1 * 14px)));
  font-size: var(--ig-icon-size, max(var(--is-large, 1) * max(18px, -1 * 18px), var(--is-medium, 1) * max(14px, -1 * 14px), var(--is-small, 1) * max(14px, -1 * 14px)));
}
.mc-action-strip__editing-actions,
.mc-action-strip__pinning-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-action-strip__menu-item [mcLabel],
.mc-action-strip__menu-item--danger [mcLabel] {
  cursor: pointer;
}
.mc-action-strip__menu-item mc-icon,
.mc-action-strip__menu-item--danger mc-icon {
  --component-size: var(--action-strip-size);
  width: var(--mc-icon-size, 18px);
  height: var(--mc-icon-size, 18px);
  font-size: var(--mc-icon-size, 18px);
}
.mc-action-strip__menu-item.mc-drop-down__item mc-icon + [mcLabel],
.mc-action-strip__menu-item--danger.mc-drop-down__item mc-icon + [mcLabel] {
  margin-inline-start: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(10px, -1 * 10px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-action-strip__menu-item--danger {
  color: var(--ig-error-500);
}
.mc-action-strip__menu-item--danger:hover {
  color: var(--ig-error-500);
}
.mc-action-strip__menu-button {
  display: flex;
  align-items: center;
}
.mc-action-strip__actions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  position: relative;
  color: var(--icon-color);
  border-radius: var(--actions-border-radius);
  background: var(--actions-background);
  max-height: 36px;
}
.mc-action-strip__actions:last-child {
  margin-inline-end: 0;
}
.mc-action-strip__actions mc-icon {
  color: var(--icon-color);
}
.mc-action-strip__actions [mcIconButton] mc-icon {
  color: var(--icon-color);
}
.mc-action-strip__editing-actions > [mcButton] {
  margin-inline-start: 4px;
}
.mc-action-strip__editing-actions > [mcButton]:first-of-type {
  margin-inline-start: 0;
}
.mc-action-strip__delete mc-icon {
  color: var(--delete-action);
}
mc-badge {
  --elevation: var(--mc-badge-elevation, var(--ig-elevation-1));
  --icon-color: var(--mc-badge-icon-color, var(--ig-primary-100-contrast));
  --text-color: var(--mc-badge-text-color, var(--ig-primary-100-contrast));
  --border-color: var(--mc-badge-border-color, var(--ig-gray-50));
  --background-color: var(--mc-badge-background-color, var(--ig-primary-500));
  --border-radius: var(--mc-badge-border-radius, 4px);
  --shadow: var(--mc-badge-shadow, var(--ig-elevation-1));
  --ig-theme: bootstrap;
}
.mc-badge {
  --size: 22px;
  --_badge-size: var(--size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: var(--_badge-size);
  min-height: var(--_badge-size);
  color: var(--text-color);
  background: var(--background-color);
  border-radius: calc(var(--size) / 2);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.mc-badge mc-icon {
  --size: var(--mc-icon-size, calc(var(--_badge-size) / 2));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: var(--icon-color);
}
.mc-badge--outlined {
  box-shadow: inset 0 0 0 1px var(--border-color);
}
.mc-badge--square {
  border-radius: var(--border-radius);
}
.mc-badge__value {
  white-space: nowrap;
  padding-inline: 4px;
}
.mc-badge--success {
  background: var(--ig-success-500);
}
.mc-badge--info {
  background: var(--ig-info-500);
}
.mc-badge--warning {
  background: var(--ig-warn-500);
}
.mc-badge--error {
  background: var(--ig-error-500);
}
.mc-badge--hidden {
  visibility: hidden;
}
mc-bottom-nav {
  --elevation: var(--mc-bottom-nav-elevation, var(--ig-elevation-8));
  --background: var(--mc-bottom-nav-background, var(--ig-gray-50));
  --icon-color: var(--mc-bottom-nav-icon-color, var(--ig-gray-700));
  --icon-selected-color: var(--mc-bottom-nav-icon-selected-color, var(--ig-primary-500));
  --label-color: var(--mc-bottom-nav-label-color, var(--ig-gray-700));
  --label-selected-color: var(--mc-bottom-nav-label-selected-color, var(--ig-primary-500));
  --icon-disabled-color: var(--mc-bottom-nav-icon-disabled-color, var(--ig-gray-700));
  --label-disabled-color: var(--mc-bottom-nav-label-disabled-color, var(--ig-gray-700));
  --border-color: var(--mc-bottom-nav-border-color, transparent);
  --shadow: var(--mc-bottom-nav-shadow, var(--ig-elevation-8));
  --ig-theme: bootstrap;
}
.mc-bottom-nav__panel {
  display: block;
}
.mc-bottom-nav__panel:focus {
  outline-style: none;
}
.mc-bottom-nav__panel:empty {
  display: none;
}
.mc-bottom-nav__menu {
  display: flex;
  position: fixed;
  justify-content: center;
  align-items: center;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 56px;
  background: var(--background);
  border-top: 1px solid var(--border-color);
  overflow: hidden;
  z-index: 8;
}
.mc-bottom-nav__menu--top {
  inset-block-start: 0;
  inset-block-end: inherit;
  box-shadow: var(--shadow);
}
.mc-bottom-nav__menu--bottom {
  inset-block-start: inherit;
  inset-block-end: 0;
  box-shadow: var(--shadow);
}
.mc-bottom-nav__menu-item,
.mc-bottom-nav__menu-item--selected,
.mc-bottom-nav__menu-item--disabled {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
  flex: 1;
  gap: 4px;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  max-width: 168px;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  padding: 0 12px;
  -webkit-tap-highlight-color: transparent;
  outline-style: none;
  color: var(--label-color);
}
.mc-bottom-nav__menu-item mc-icon,
.mc-bottom-nav__menu-item--selected mc-icon,
.mc-bottom-nav__menu-item--disabled mc-icon {
  --component-size: 3;
}
.mc-bottom-nav__menu-item--disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.mc-bottom-nav__menu-item--selected {
  transition: color 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mc-bottom-nav__menu-item [mcBottomNavHeaderLabel],
.mc-bottom-nav__menu-item--selected [mcBottomNavHeaderLabel],
.mc-bottom-nav__menu-item--disabled [mcBottomNavHeaderLabel] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--label-color);
  max-width: 100%;
  text-align: center;
  transform: translateZ(0);
  transition: transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 1;
}
.mc-bottom-nav__menu-item--disabled [mcBottomNavHeaderLabel] {
  color: var(--label-disabled-color);
}
.mc-bottom-nav__menu-item [mcBottomNavHeaderIcon],
.mc-bottom-nav__menu-item--selected [mcBottomNavHeaderIcon],
.mc-bottom-nav__menu-item--disabled [mcBottomNavHeaderIcon] {
  display: flex;
  position: relative;
  justify-content: center;
  color: var(--icon-color);
  padding: 0 8px;
  height: 24px;
  transform: translateZ(0);
  transition: transform 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 1;
}
.mc-bottom-nav__menu-item--disabled [mcBottomNavHeaderIcon] {
  color: var(--icon-disabled-color);
}
.mc-bottom-nav__menu-item--selected [mcBottomNavHeaderIcon] {
  color: var(--icon-selected-color);
  inset-block-start: -2px;
}
.mc-bottom-nav__menu-item--selected [mcBottomNavHeaderLabel] {
  color: var(--label-selected-color);
}
.mc-bottom-nav__menu-item--selected [mcBottomNavHeaderIcon] {
  transform: translateY(-2px);
}
.mc-bottom-nav__menu-item--selected [mcBottomNavHeaderLabel] {
  transform: translateY(-2px) scale(1.166667);
}
[mcButton=flat],
.mc-button--flat {
  --shadow-color: var(--mc-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --border-color: var(--mc-button-border-color, transparent);
  --hover-border-color: var(--mc-button-hover-border-color, transparent);
  --focus-border-color: var(--mc-button-focus-border-color, transparent);
  --focus-visible-border-color: var(--mc-button-focus-visible-border-color, transparent);
  --active-border-color: var(--mc-button-active-border-color, transparent);
  --disabled-border-color: var(--mc-button-disabled-border-color, transparent);
  --disabled-background: var(--mc-button-disabled-background, transparent);
  --disabled-foreground: var(--mc-button-disabled-foreground, var(--ig-primary-200));
  --disabled-icon-color: var(--mc-button-disabled-icon-color, var(--ig-primary-200));
  --size: var(--mc-button-size, max(var(--is-large, 1) * max(48px, -1 * 48px), var(--is-medium, 1) * max(38px, -1 * 38px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --default-size: var(--mc-button-default-size, 2);
  --resting-elevation: var(--mc-button-resting-elevation, var(--ig-elevation-0));
  --hover-elevation: var(--mc-button-hover-elevation, var(--ig-elevation-0));
  --focus-elevation: var(--mc-button-focus-elevation, var(--ig-elevation-0));
  --active-elevation: var(--mc-button-active-elevation, var(--ig-elevation-0));
  --background: var(--mc-button-background, transparent);
  --focus-foreground: var(--mc-button-focus-foreground, var(--ig-primary-800));
  --border-radius: var(--mc-button-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --foreground: var(--mc-button-foreground, var(--ig-primary-500));
  --icon-color: var(--mc-button-icon-color, var(--ig-primary-500));
  --hover-background: var(--mc-button-hover-background, transparent);
  --hover-foreground: var(--mc-button-hover-foreground, var(--ig-primary-600));
  --icon-color-hover: var(--mc-button-icon-color-hover, var(--ig-primary-600));
  --focus-background: var(--mc-button-focus-background, transparent);
  --focus-hover-background: var(--mc-button-focus-hover-background, transparent);
  --focus-hover-foreground: var(--mc-button-focus-hover-foreground, var(--ig-primary-600));
  --focus-visible-background: var(--mc-button-focus-visible-background, transparent);
  --focus-visible-foreground: var(--mc-button-focus-visible-foreground, var(--ig-primary-500));
  --active-background: var(--mc-button-active-background, transparent);
  --active-foreground: var(--mc-button-active-foreground, var(--ig-primary-800));
  --resting-shadow: var(--mc-button-resting-shadow, var(--ig-elevation-0));
  --hover-shadow: var(--mc-button-hover-shadow, var(--ig-elevation-0));
  --focus-shadow: var(--mc-button-focus-shadow, var(--ig-elevation-0));
  --active-shadow: var(--mc-button-active-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
[mcButton=outlined],
.mc-button--outlined {
  --shadow-color: var(--mc-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --border-color: var(--mc-button-border-color, var(--ig-primary-500));
  --hover-border-color: var(--mc-button-hover-border-color, var(--ig-primary-600));
  --focus-border-color: var(--mc-button-focus-border-color, var(--ig-primary-600));
  --focus-visible-border-color: var(--mc-button-focus-visible-border-color, var(--ig-primary-500));
  --active-border-color: var(--mc-button-active-border-color, var(--ig-primary-800));
  --disabled-border-color: var(--mc-button-disabled-border-color, var(--ig-primary-50));
  --disabled-background: var(--mc-button-disabled-background, transparent);
  --disabled-foreground: var(--mc-button-disabled-foreground, var(--ig-primary-200));
  --disabled-icon-color: var(--mc-button-disabled-icon-color, var(--ig-primary-200));
  --size: var(--mc-button-size, max(var(--is-large, 1) * max(48px, -1 * 48px), var(--is-medium, 1) * max(38px, -1 * 38px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --default-size: var(--mc-button-default-size, 2);
  --resting-elevation: var(--mc-button-resting-elevation, var(--ig-elevation-0));
  --hover-elevation: var(--mc-button-hover-elevation, var(--ig-elevation-0));
  --focus-elevation: var(--mc-button-focus-elevation, var(--ig-elevation-0));
  --active-elevation: var(--mc-button-active-elevation, var(--ig-elevation-0));
  --background: var(--mc-button-background, transparent);
  --focus-foreground: var(--mc-button-focus-foreground, var(--ig-primary-800-contrast));
  --border-radius: var(--mc-button-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --foreground: var(--mc-button-foreground, var(--ig-primary-500));
  --icon-color: var(--mc-button-icon-color, var(--ig-primary-500));
  --hover-background: var(--mc-button-hover-background, var(--ig-primary-600));
  --hover-foreground: var(--mc-button-hover-foreground, var(--ig-primary-600-contrast));
  --icon-color-hover: var(--mc-button-icon-color-hover, var(--ig-primary-600-contrast));
  --focus-background: var(--mc-button-focus-background, var(--ig-primary-800));
  --focus-hover-background: var(--mc-button-focus-hover-background, var(--ig-primary-600));
  --focus-hover-foreground: var(--mc-button-focus-hover-foreground, var(--ig-primary-600-contrast));
  --focus-visible-background: var(--mc-button-focus-visible-background, var(--ig-primary-500));
  --focus-visible-foreground: var(--mc-button-focus-visible-foreground, var(--ig-primary-600-contrast));
  --active-background: var(--mc-button-active-background, var(--ig-primary-800));
  --active-foreground: var(--mc-button-active-foreground, var(--ig-primary-800-contrast));
  --resting-shadow: var(--mc-button-resting-shadow, var(--ig-elevation-0));
  --hover-shadow: var(--mc-button-hover-shadow, var(--ig-elevation-0));
  --focus-shadow: var(--mc-button-focus-shadow, var(--ig-elevation-0));
  --active-shadow: var(--mc-button-active-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
[mcButton=contained],
.mc-button--contained {
  --shadow-color: var(--mc-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --border-color: var(--mc-button-border-color, transparent);
  --hover-border-color: var(--mc-button-hover-border-color, transparent);
  --focus-border-color: var(--mc-button-focus-border-color, transparent);
  --focus-visible-border-color: var(--mc-button-focus-visible-border-color, transparent);
  --active-border-color: var(--mc-button-active-border-color, transparent);
  --disabled-border-color: var(--mc-button-disabled-border-color, transparent);
  --disabled-background: var(--mc-button-disabled-background, var(--ig-primary-50));
  --disabled-foreground: var(--mc-button-disabled-foreground, var(--ig-primary-200));
  --disabled-icon-color: var(--mc-button-disabled-icon-color, var(--ig-primary-200));
  --size: var(--mc-button-size, max(var(--is-large, 1) * max(48px, -1 * 48px), var(--is-medium, 1) * max(38px, -1 * 38px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --default-size: var(--mc-button-default-size, 2);
  --resting-elevation: var(--mc-button-resting-elevation, var(--ig-elevation-0));
  --hover-elevation: var(--mc-button-hover-elevation, var(--ig-elevation-0));
  --focus-elevation: var(--mc-button-focus-elevation, var(--ig-elevation-0));
  --active-elevation: var(--mc-button-active-elevation, var(--ig-elevation-0));
  --background: var(--mc-button-background, var(--ig-primary-500));
  --active-background: var(--mc-button-active-background, var(--ig-primary-800));
  --border-radius: var(--mc-button-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --foreground: var(--mc-button-foreground, var(--ig-primary-600-contrast));
  --icon-color: var(--mc-button-icon-color, var(--ig-primary-600-contrast));
  --icon-color-hover: var(--mc-button-icon-color-hover, var(--ig-primary-600-contrast));
  --hover-background: var(--mc-button-hover-background, var(--ig-primary-600));
  --hover-foreground: var(--mc-button-hover-foreground, var(--ig-primary-600-contrast));
  --focus-background: var(--mc-button-focus-background, var(--ig-primary-800));
  --focus-hover-background: var(--mc-button-focus-hover-background, var(--ig-primary-600));
  --focus-hover-foreground: var(--mc-button-focus-hover-foreground, var(--ig-primary-600-contrast));
  --focus-foreground: var(--mc-button-focus-foreground, var(--ig-primary-800-contrast));
  --focus-visible-background: var(--mc-button-focus-visible-background, var(--ig-primary-500));
  --focus-visible-foreground: var(--mc-button-focus-visible-foreground, var(--ig-primary-600-contrast));
  --active-foreground: var(--mc-button-active-foreground, var(--ig-primary-800-contrast));
  --resting-shadow: var(--mc-button-resting-shadow, var(--ig-elevation-0));
  --hover-shadow: var(--mc-button-hover-shadow, var(--ig-elevation-0));
  --focus-shadow: var(--mc-button-focus-shadow, var(--ig-elevation-0));
  --active-shadow: var(--mc-button-active-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
[mcButton=fab],
.mc-button--fab {
  --shadow-color: var(--mc-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --border-color: var(--mc-button-border-color, transparent);
  --hover-border-color: var(--mc-button-hover-border-color, transparent);
  --focus-border-color: var(--mc-button-focus-border-color, transparent);
  --focus-visible-border-color: var(--mc-button-focus-visible-border-color, transparent);
  --active-border-color: var(--mc-button-active-border-color, transparent);
  --disabled-border-color: var(--mc-button-disabled-border-color, transparent);
  --disabled-background: var(--mc-button-disabled-background, var(--ig-primary-50));
  --disabled-foreground: var(--mc-button-disabled-foreground, var(--ig-primary-200));
  --disabled-icon-color: var(--mc-button-disabled-icon-color, var(--ig-primary-200));
  --size: var(--mc-button-size, max(var(--is-large, 1) * max(48px, -1 * 48px), var(--is-medium, 1) * max(38px, -1 * 38px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --default-size: var(--mc-button-default-size, 2);
  --resting-elevation: var(--mc-button-resting-elevation, var(--ig-elevation-0));
  --hover-elevation: var(--mc-button-hover-elevation, var(--ig-elevation-0));
  --focus-elevation: var(--mc-button-focus-elevation, var(--ig-elevation-0));
  --active-elevation: var(--mc-button-active-elevation, var(--ig-elevation-0));
  --background: var(--mc-button-background, var(--ig-primary-500));
  --active-background: var(--mc-button-active-background, var(--ig-primary-800));
  --border-radius: var(--mc-button-border-radius, clamp(12px, calc(var(--ig-radius-factor, 0.5357142857) * 28px), 28px));
  --foreground: var(--mc-button-foreground, var(--ig-primary-600-contrast));
  --icon-color: var(--mc-button-icon-color, var(--ig-primary-600-contrast));
  --icon-color-hover: var(--mc-button-icon-color-hover, var(--ig-primary-600-contrast));
  --hover-background: var(--mc-button-hover-background, var(--ig-primary-600));
  --hover-foreground: var(--mc-button-hover-foreground, var(--ig-primary-600-contrast));
  --focus-background: var(--mc-button-focus-background, var(--ig-primary-800));
  --focus-hover-background: var(--mc-button-focus-hover-background, var(--ig-primary-600));
  --focus-hover-foreground: var(--mc-button-focus-hover-foreground, var(--ig-primary-600-contrast));
  --focus-foreground: var(--mc-button-focus-foreground, var(--ig-primary-800-contrast));
  --focus-visible-background: var(--mc-button-focus-visible-background, var(--ig-primary-500));
  --focus-visible-foreground: var(--mc-button-focus-visible-foreground, var(--ig-primary-600-contrast));
  --active-foreground: var(--mc-button-active-foreground, var(--ig-primary-800-contrast));
  --resting-shadow: var(--mc-button-resting-shadow, var(--ig-elevation-0));
  --hover-shadow: var(--mc-button-hover-shadow, var(--ig-elevation-0));
  --focus-shadow: var(--mc-button-focus-shadow, var(--ig-elevation-0));
  --active-shadow: var(--mc-button-active-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
mc-grid-filtering-row {
  --filtering-row-button-size: max(var(--is-large, 1) * max(40px, -1 * 40px), var(--is-medium, 1) * max(30px, -1 * 30px), var(--is-small, 1) * max(21px, -1 * 21px));
}
mc-buttongroup {
  --elevation: var(--mc-button-group-elevation, var(--ig-elevation-0));
  --idle-shadow-color: var(--mc-button-group-idle-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --selected-shadow-color: var(--mc-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --item-text-color: var(--mc-button-group-item-text-color, var(--ig-primary-600-contrast));
  --item-background: var(--mc-button-group-item-background, var(--ig-primary-500));
  --item-border-color: var(--mc-button-group-item-border-color, var(--ig-primary-500));
  --item-hover-background: var(--mc-button-group-item-hover-background, var(--ig-primary-600));
  --item-hover-text-color: var(--mc-button-group-item-hover-text-color, var(--ig-primary-600-contrast));
  --item-focused-text-color: var(--mc-button-group-item-focused-text-color, var(--ig-primary-600-contrast));
  --item-focused-border-color: var(--mc-button-group-item-focused-border-color, var(--ig-gray-400));
  --disabled-background-color: var(--mc-button-group-disabled-background-color, var(--ig-primary-100));
  --disabled-selected-background: var(--mc-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));
  --border-radius: var(--mc-button-group-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --default-size: var(--mc-button-group-default-size, 2);
  --item-icon-color: var(--mc-button-group-item-icon-color, var(--ig-primary-600-contrast));
  --item-hover-border-color: var(--mc-button-group-item-hover-border-color, var(--ig-primary-500));
  --item-hover-icon-color: var(--mc-button-group-item-hover-icon-color, var(--ig-primary-600-contrast));
  --item-focused-background: var(--mc-button-group-item-focused-background, hsl(from var(--ig-primary-900) h s l/0.6));
  --item-focused-hover-background: var(--mc-button-group-item-focused-hover-background, hsl(from var(--ig-primary-600) h s l/0.5));
  --item-selected-background: var(--mc-button-group-item-selected-background, var(--ig-primary-700));
  --item-selected-text-color: var(--mc-button-group-item-selected-text-color, var(--ig-primary-700-contrast));
  --item-selected-icon-color: var(--mc-button-group-item-selected-icon-color, var(--ig-primary-700-contrast));
  --item-selected-border-color: var(--mc-button-group-item-selected-border-color, var(--ig-primary-700));
  --item-selected-hover-background: var(--mc-button-group-item-selected-hover-background, var(--ig-primary-800));
  --item-selected-hover-text-color: var(--mc-button-group-item-selected-hover-text-color, var(--ig-primary-700-contrast));
  --item-selected-hover-icon-color: var(--mc-button-group-item-selected-hover-icon-color, var(--ig-primary-700-contrast));
  --item-selected-hover-border-color: var(--mc-button-group-item-selected-hover-border-color, var(--ig-primary-700));
  --item-selected-focus-background: var(--mc-button-group-item-selected-focus-background, hsl(from var(--ig-primary-900) h s l/0.9));
  --item-selected-focus-hover-background: var(--mc-button-group-item-selected-focus-hover-background, hsl(from var(--ig-primary-600) h s l/0.5));
  --disabled-text-color: var(--mc-button-group-disabled-text-color, var(--ig-primary-200));
  --item-disabled-border: var(--mc-button-group-item-disabled-border, var(--ig-primary-100));
  --disabled-selected-text-color: var(--mc-button-group-disabled-selected-text-color, var(--ig-primary-200));
  --disabled-selected-icon-color: var(--mc-button-group-disabled-selected-icon-color, var(--ig-primary-200));
  --disabled-selected-border-color: var(--mc-button-group-disabled-selected-border-color, var(--ig-primary-100));
  --border: var(--mc-button-group-border, 1px solid var(--ig-primary-700));
  --shadow: var(--mc-button-group-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
mc-banner,
.mc-banner {
  --banner-background: var(--mc-banner-banner-background, var(--ig-surface-500));
  --border-radius: var(--mc-banner-border-radius, 0);
  --banner-border-color: var(--mc-banner-banner-border-color, var(--ig-gray-300));
  --banner-message-color: var(--mc-banner-banner-message-color, var(--ig-gray-800));
  --banner-illustration-color: var(--mc-banner-banner-illustration-color, var(--ig-gray-800));
  --ig-theme: bootstrap;
}
mc-calendar,
.mc-days-view--standalone,
.mc-calendar-view--standalone,
.mc-date-picker,
.mc-month-picker {
  --default-size: var(--mc-calendar-default-size, 2);
  --size: var(--mc-calendar-size, max(var(--is-large, 1) * max(36px, -1 * 36px), var(--is-medium, 1) * max(32px, -1 * 32px), var(--is-small, 1) * max(28px, -1 * 28px)));
  --inner-size: var(--mc-calendar-inner-size, max(var(--is-large, 1) * max(30px, -1 * 30px), var(--is-medium, 1) * max(26px, -1 * 26px), var(--is-small, 1) * max(24px, -1 * 24px)));
  --content-foreground: var(--mc-calendar-content-foreground, var(--ig-gray-900));
  --content-background: var(--mc-calendar-content-background, var(--ig-surface-500));
  --border-color: var(--mc-calendar-border-color, var(--ig-gray-300));
  --picker-background: var(--mc-calendar-picker-background, var(--ig-gray-100));
  --picker-hover-foreground: var(--mc-calendar-picker-hover-foreground, var(--ig-secondary-500));
  --picker-focus-foreground: var(--mc-calendar-picker-focus-foreground, var(--ig-secondary-500));
  --navigation-color: var(--mc-calendar-navigation-color, var(--ig-gray-800));
  --navigation-hover-color: var(--mc-calendar-navigation-hover-color, var(--ig-secondary-500));
  --navigation-focus-color: var(--mc-calendar-navigation-focus-color, var(--ig-secondary-500));
  --ym-current-outline-hover-color: var(--mc-calendar-ym-current-outline-hover-color, var(--ig-gray-900));
  --ym-current-outline-focus-color: var(--mc-calendar-ym-current-outline-focus-color, var(--ig-gray-900));
  --ym-selected-outline-color: var(--mc-calendar-ym-selected-outline-color, transparent);
  --ym-selected-hover-outline-color: var(--mc-calendar-ym-selected-hover-outline-color, transparent);
  --ym-selected-focus-outline-color: var(--mc-calendar-ym-selected-focus-outline-color, transparent);
  --date-hover-foreground: var(--mc-calendar-date-hover-foreground, var(--ig-gray-900));
  --date-focus-foreground: var(--mc-calendar-date-focus-foreground, var(--ig-gray-900));
  --date-selected-range-hover-foreground: var(--mc-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));
  --date-selected-range-focus-foreground: var(--mc-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));
  --date-selected-current-range-foreground: var(--mc-calendar-date-selected-current-range-foreground, var(--ig-gray-900));
  --date-selected-current-range-hover-foreground: var(--mc-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));
  --date-selected-current-range-focus-foreground: var(--mc-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));
  --date-current-background: var(--mc-calendar-date-current-background, transparent);
  --date-current-hover-foreground: var(--mc-calendar-date-current-hover-foreground, var(--ig-gray-900));
  --date-current-focus-foreground: var(--mc-calendar-date-current-focus-foreground, var(--ig-gray-900));
  --date-current-focus-background: var(--mc-calendar-date-current-focus-background, var(--ig-gray-200));
  --date-special-background: var(--mc-calendar-date-special-background, transparent);
  --date-special-range-background: var(--mc-calendar-date-special-range-background, transparent);
  --date-special-current-border-color: var(--mc-calendar-date-special-current-border-color, var(--ig-secondary-500));
  --week-number-foreground: var(--mc-calendar-week-number-foreground, var(--ig-gray-500));
  --week-number-background: var(--mc-calendar-week-number-background, transparent);
  --inactive-color: var(--mc-calendar-inactive-color, var(--ig-gray-500));
  --weekday-color: var(--mc-calendar-weekday-color, var(--ig-info-300));
  --weekend-color: var(--mc-calendar-weekend-color, var(--ig-gray-900));
  --border-radius: var(--mc-calendar-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --date-border-radius: var(--mc-calendar-date-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --date-range-border-radius: var(--mc-calendar-date-range-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --ym-border-radius: var(--mc-calendar-ym-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --date-selected-current-outline: var(--mc-calendar-date-selected-current-outline, transparent);
  --date-selected-current-hover-outline: var(--mc-calendar-date-selected-current-hover-outline, transparent);
  --date-selected-current-focus-outline: var(--mc-calendar-date-selected-current-focus-outline, transparent);
  --date-border-color: var(--mc-calendar-date-border-color, transparent);
  --date-hover-border-color: var(--mc-calendar-date-hover-border-color, transparent);
  --date-focus-border-color: var(--mc-calendar-date-focus-border-color, transparent);
  --date-selected-border-color: var(--mc-calendar-date-selected-border-color, transparent);
  --date-selected-hover-border-color: var(--mc-calendar-date-selected-hover-border-color, transparent);
  --date-selected-focus-border-color: var(--mc-calendar-date-selected-focus-border-color, transparent);
  --date-range-border-color: var(--mc-calendar-date-range-border-color, transparent);
  --date-range-preview-border-color: var(--mc-calendar-date-range-preview-border-color, transparent);
  --date-disabled-foreground: var(--mc-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));
  --date-disabled-range-foreground: var(--mc-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));
  --date-special-hover-background: var(--mc-calendar-date-special-hover-background, var(--ig-gray-200));
  --date-special-focus-background: var(--mc-calendar-date-special-focus-background, var(--ig-gray-200));
  --date-special-range-hover-background: var(--mc-calendar-date-special-range-hover-background, var(--ig-gray-200));
  --date-special-range-focus-background: var(--mc-calendar-date-special-range-focus-background, var(--ig-gray-200));
  --date-special-foreground: var(--mc-calendar-date-special-foreground, var(--ig-gray-900));
  --date-special-hover-foreground: var(--mc-calendar-date-special-hover-foreground, var(--ig-gray-900));
  --date-special-focus-foreground: var(--mc-calendar-date-special-focus-foreground, var(--ig-gray-900));
  --date-special-border-color: var(--mc-calendar-date-special-border-color, var(--ig-primary-800));
  --date-special-hover-border-color: var(--mc-calendar-date-special-hover-border-color, var(--ig-primary-800));
  --date-special-range-border-color: var(--mc-calendar-date-special-range-border-color, var(--ig-primary-800));
  --header-background: var(--mc-calendar-header-background, var(--ig-gray-100));
  --header-foreground: var(--mc-calendar-header-foreground, var(--ig-gray-100-contrast));
  --picker-foreground: var(--mc-calendar-picker-foreground, var(--ig-gray-900));
  --ym-selected-current-hover-foreground: var(--mc-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));
  --ym-selected-current-hover-background: var(--mc-calendar-ym-selected-current-hover-background, var(--ig-primary-600));
  --ym-hover-foreground: var(--mc-calendar-ym-hover-foreground, var(--ig-gray-900));
  --ym-hover-background: var(--mc-calendar-ym-hover-background, var(--ig-gray-200));
  --ym-current-foreground: var(--mc-calendar-ym-current-foreground, var(--ig-gray-900));
  --ym-current-background: var(--mc-calendar-ym-current-background, transparent);
  --ym-current-hover-foreground: var(--mc-calendar-ym-current-hover-foreground, var(--ig-gray-900));
  --ym-current-hover-background: var(--mc-calendar-ym-current-hover-background, var(--ig-gray-200));
  --ym-selected-foreground: var(--mc-calendar-ym-selected-foreground, var(--ig-primary-900-contrast));
  --ym-selected-background: var(--mc-calendar-ym-selected-background, var(--ig-primary-500));
  --ym-selected-hover-foreground: var(--mc-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast));
  --ym-selected-hover-background: var(--mc-calendar-ym-selected-hover-background, var(--ig-primary-600));
  --ym-selected-current-foreground: var(--mc-calendar-ym-selected-current-foreground, var(--ig-primary-900-contrast));
  --ym-selected-current-background: var(--mc-calendar-ym-selected-current-background, var(--ig-primary-500));
  --date-hover-background: var(--mc-calendar-date-hover-background, var(--ig-gray-200));
  --date-focus-background: var(--mc-calendar-date-focus-background, var(--ig-gray-200));
  --date-selected-foreground: var(--mc-calendar-date-selected-foreground, var(--ig-primary-900-contrast));
  --date-selected-background: var(--mc-calendar-date-selected-background, var(--ig-primary-500));
  --date-selected-hover-foreground: var(--mc-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast));
  --date-selected-hover-background: var(--mc-calendar-date-selected-hover-background, var(--ig-primary-600));
  --date-selected-focus-foreground: var(--mc-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast));
  --date-selected-focus-background: var(--mc-calendar-date-selected-focus-background, var(--ig-primary-600));
  --date-current-foreground: var(--mc-calendar-date-current-foreground, var(--ig-gray-900));
  --date-current-hover-background: var(--mc-calendar-date-current-hover-background, var(--ig-gray-200));
  --date-selected-current-background: var(--mc-calendar-date-selected-current-background, var(--ig-primary-500));
  --date-selected-current-foreground: var(--mc-calendar-date-selected-current-foreground, var(--ig-primary-900-contrast));
  --date-selected-current-hover-foreground: var(--mc-calendar-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));
  --date-selected-current-hover-background: var(--mc-calendar-date-selected-current-hover-background, var(--ig-primary-600));
  --date-selected-current-focus-foreground: var(--mc-calendar-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));
  --date-selected-current-focus-background: var(--mc-calendar-date-selected-current-focus-background, var(--ig-primary-600));
  --date-selected-current-range-background: var(--mc-calendar-date-selected-current-range-background, transparent);
  --date-selected-current-range-hover-background: var(--mc-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));
  --date-selected-current-range-focus-background: var(--mc-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));
  --date-selected-special-border-color: var(--mc-calendar-date-selected-special-border-color, var(--ig-primary-900-contrast));
  --date-selected-special-hover-border-color: var(--mc-calendar-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));
  --date-selected-special-focus-border-color: var(--mc-calendar-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));
  --date-selected-range-foreground: var(--mc-calendar-date-selected-range-foreground, var(--ig-gray-900));
  --date-selected-range-background: var(--mc-calendar-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));
  --date-selected-range-hover-background: var(--mc-calendar-date-selected-range-hover-background, var(--ig-gray-200));
  --date-selected-range-focus-background: var(--mc-calendar-date-selected-range-focus-background, var(--ig-gray-200));
  --date-current-border-color: var(--mc-calendar-date-current-border-color, var(--ig-gray-900));
  --date-current-hover-border-color: var(--mc-calendar-date-current-hover-border-color, var(--ig-gray-900));
  --date-current-focus-border-color: var(--mc-calendar-date-current-focus-border-color, var(--ig-gray-900));
  --date-selected-current-border-color: var(--mc-calendar-date-selected-current-border-color, var(--ig-gray-900));
  --date-selected-current-hover-border-color: var(--mc-calendar-date-selected-current-hover-border-color, var(--ig-gray-900));
  --date-selected-current-focus-border-color: var(--mc-calendar-date-selected-current-focus-border-color, var(--ig-gray-900));
  --ym-current-outline-color: var(--mc-calendar-ym-current-outline-color, var(--ig-gray-900));
  --ym-selected-current-outline-color: var(--mc-calendar-ym-selected-current-outline-color, var(--ig-gray-900));
  --ym-selected-current-outline-hover-color: var(--mc-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-900));
  --ym-selected-current-outline-focus-color: var(--mc-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-900));
  --week-number-border-radius: var(--mc-calendar-week-number-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0) * 8px), 8px));
  --actions-divider-color: var(--mc-calendar-actions-divider-color, var(--ig-gray-300));
  --date-special-range-foreground: var(--mc-calendar-date-special-range-foreground, var(--ig-gray-900));
  --ig-theme: bootstrap;
}
.mc-date-picker {
  margin-block-end: 0;
}
mc-card {
  --resting-elevation: var(--mc-card-resting-elevation, var(--ig-elevation-4));
  --hover-elevation: var(--mc-card-hover-elevation, var(--ig-elevation-6));
  --background: var(--mc-card-background, var(--ig-gray-900-contrast));
  --header-text-color: var(--mc-card-header-text-color, var(--ig-gray-900));
  --subtitle-text-color: var(--mc-card-subtitle-text-color, var(--ig-gray-800));
  --content-text-color: var(--mc-card-content-text-color, var(--ig-gray-800));
  --actions-text-color: var(--mc-card-actions-text-color, var(--ig-gray-900));
  --border-radius: var(--mc-card-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1666666667) * 24px), 24px));
  --default-size: var(--mc-card-default-size, 2);
  --outline-color: var(--mc-card-outline-color, var(--ig-gray-300));
  --resting-shadow: var(--mc-card-resting-shadow, var(--ig-elevation-4));
  --hover-shadow: var(--mc-card-hover-shadow, var(--ig-elevation-6));
  --ig-theme: bootstrap;
}
mc-carousel {
  --button-elevation: var(--mc-carousel-button-elevation, var(--ig-elevation-0));
  --slide-background: var(--mc-carousel-slide-background, var(--ig-gray-900-contrast));
  --button-background: var(--mc-carousel-button-background, var(--ig-gray-50));
  --button-hover-background: var(--mc-carousel-button-hover-background, var(--ig-gray-50));
  --button-arrow-color: var(--mc-carousel-button-arrow-color, var(--ig-gray-700));
  --button-hover-arrow-color: var(--mc-carousel-button-hover-arrow-color, var(--ig-gray-900));
  --button-disabled-background: var(--mc-carousel-button-disabled-background, var(--ig-gray-100));
  --button-disabled-arrow-color: var(--mc-carousel-button-disabled-arrow-color, var(--ig-gray-400));
  --indicator-focus-color: var(--mc-carousel-indicator-focus-color, var(--ig-primary-600));
  --button-focus-border-color: var(--mc-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));
  --button-border-color: var(--mc-carousel-button-border-color, transparent);
  --button-hover-border-color: var(--mc-carousel-button-hover-border-color, transparent);
  --button-disabled-border-color: var(--mc-carousel-button-disabled-border-color, transparent);
  --indicator-dot-color: var(--mc-carousel-indicator-dot-color, transparent);
  --indicator-hover-dot-color: var(--mc-carousel-indicator-hover-dot-color, transparent);
  --indicator-background: var(--mc-carousel-indicator-background, var(--ig-gray-50));
  --label-indicator-background: var(--mc-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));
  --indicator-color: var(--mc-carousel-indicator-color, var(--ig-gray-700));
  --indicator-border-color: var(--mc-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/0.7));
  --indicator-active-dot-color: var(--mc-carousel-indicator-active-dot-color, var(--ig-gray-900));
  --indicator-active-border-color: var(--mc-carousel-indicator-active-border-color, var(--ig-gray-900));
  --indicator-active-hover-dot-color: var(--mc-carousel-indicator-active-hover-dot-color, var(--ig-gray-900));
  --border-radius: var(--mc-carousel-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1111111111) * 36px), 36px));
  --button-shadow: var(--mc-carousel-button-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 1;
  }
}
mc-splitter {
  --bar-color: var(--mc-splitter-bar-color, var(--ig-gray-200));
  --focus-color: var(--mc-splitter-focus-color, var(--ig-secondary-500));
  --handle-color: var(--mc-splitter-handle-color, var(--ig-gray-400));
  --expander-color: var(--mc-splitter-expander-color, var(--ig-gray-400));
  --size: var(--mc-splitter-size, 4px);
  --border-radius: var(--mc-splitter-border-radius, clamp(0px, calc(var(--ig-radius-factor, 1) * 2px), 2px));
  --ig-theme: bootstrap;
}
mc-data-chart {
  --title-text-color: var(--data-chart-title-text-color, var(--ig-gray-900));
  --subtitle-text-color: var(--data-chart-subtitle-text-color, var(--ig-gray-600));
  --brushes: var(--data-chart-brushes, var(--chart-brushes));
  --marker-brushes: var(--data-chart-marker-brushes, var(--chart-brushes));
  --outlines: var(--data-chart-outlines, var(--chart-brushes));
  --marker-outlines: var(--data-chart-marker-outlines, var(--chart-brushes));
  --plot-area-background: var(--data-chart-plot-area-background, var(--ig-surface-500));
  --axis-label-text-color: var(--data-chart-axis-label-text-color, var(--ig-gray-700));
  --axis-stroke: var(--data-chart-axis-stroke, var(--ig-gray-500));
  --axis-tick-stroke: var(--data-chart-axis-tick-stroke, var(--ig-gray-500));
  --axis-title-text-color: var(--data-chart-axis-title-text-color, var(--ig-gray-900));
}
mc-doughnut-chart {
  --brushes: var(--ring-series-brushes, var(--chart-brushes));
  --outlines: var(--ring-series-outlines, var(--chart-brushes));
}
mc-linear-gauge {
  --backing-brush: var(--linear-gauge-backing-brush, var(--ig-surface-500));
  --backing-outline: var(--linear-gauge-backing-outline, var(--ig-surface-500));
  --font-brush: var(--linear-gauge-font-brush, var(--ig-surface-500-contrast));
  --minor-tick-brush: var(--linear-gauge-minor-tick-brush, var(--ig-surface-500-contrast));
  --needle-brush: var(--linear-gauge-needle-brush, var(--ig-primary-500));
  --needle-outline: var(--linear-gauge-needle-outline, var(--ig-surface-500));
  --range-brushes: var(--linear-gauge-range-brushes, var(--chart-brushes));
  --range-outlines: var(--linear-gauge-range-outlines, var(--chart-brushes));
  --scale-brush: var(--linear-gauge-scale-brush, var(--ig-surface-500));
  --tick-brush: var(--linear-gauge-tick-brush, var(--ig-surface-500-contrast));
  --scale-outline: var(--linear-gauge-scale-outline, var(--ig-surface-500));
}
mc-radial-gauge {
  --backing-brush: var(--radial-gauge-backing-brush, var(--ig-surface-500));
  --backing-outline: var(--radial-gauge-backing-outline, var(--ig-surface-500));
  --font-brush: var(--radial-gauge-font-brush, var(--ig-surface-500-contrast));
  --minor-tick-brush: var(--radial-gauge-minor-tick-brush, var(--ig-surface-500-contrast));
  --needle-brush: var(--radial-gauge-needle-brush, var(--ig-primary-500));
  --needle-outline: var(--radial-gauge-needle-outline, var(--ig-surface-500));
  --range-brushes: var(--radial-gauge-range-brushes, var(--chart-brushes));
  --range-outlines: var(--radial-gauge-range-outlines, var(--chart-brushes));
  --scale-brush: var(--radial-gauge-scale-brush, var(--ig-surface-500));
  --tick-brush: var(--radial-gauge-tick-brush, var(--ig-surface-500-contrast));
  --needle-pivot-brush: var(--radial-gauge-needle-pivot-brush, var(--ig-primary-500));
  --needle-pivot-outline: var(--radial-gauge-needle-pivot-outline, var(--ig-surface-500));
}
mc-financial-chart {
  --brushes: var(--financial-chart-brushes, var(--chart-brushes));
  --outlines: var(--financial-chart-outlines, var(--chart-brushes));
  --marker-brushes: var(--financial-chart-marker-brushes, var(--chart-brushes));
  --marker-outlines: var(--financial-chart-marker-outlines, var(--chart-brushes));
  --indicator-brushes: var(--financial-chart-indicator-brushes, var(--chart-brushes));
  --indicator-negative-brushes: var(--financial-chart-indicator-negative-brushes, var(--chart-brushes));
  --negative-brushes: var(--financial-chart-negative-brushes, var(--chart-brushes));
  --negative-outlines: var(--financial-chart-negative-outlines, var(--chart-brushes));
  --overlay-brushes: var(--financial-chart-overlay-brushes, var(--chart-brushes));
  --overlay-outlines: var(--financial-chart-overlay-outlines, var(--chart-brushes));
  --overlay-thickness: var(--financial-chart-overlay-thickness, var(--chart-brushes));
  --trend-line-brushes: var(--financial-chart-trend-line-brushes, var(--chart-brushes));
  --volume-brushes: var(--financial-chart-volume-brushes, var(--chart-brushes));
  --volume-outlines: var(--financial-chart-volume-outlines, var(--chart-brushes));
}
mc-bullet-graph {
  --backing-brush: var(--bullet-graph-backing-brush, var(--ig-surface-500));
  --backing-outline: var(--bullet-graph-backing-outline, var(--ig-surface-500));
  --font-brush: var(--bullet-graph-font-brush, var(--ig-surface-500-contrast));
  --minor-tick-brush: var(--bullet-graph-minor-tick-brush, var(--ig-surface-500-contrast));
  --range-brushes: var(--bullet-graph-range-brushes, var(--chart-brushes));
  --range-outlines: var(--bullet-graph-range-outlines, var(--chart-brushes));
  --scale-background-brush: var(--bullet-graph-scale-background-brush, var(--ig-primary-500));
  --scale-background-outline: var(--bullet-graph-scale-background-outline, var(--ig-surface-500));
  --target-value-brush: var(--bullet-graph-target-value-brush, var(--ig-gray-800));
  --tick-brush: var(--bullet-graph-tick-brush, var(--ig-surface-500-contrast));
  --value-brush: var(--bullet-graph-value-brush, var(--ig-gray-800));
}
mc-category-chart {
  --brushes: var(--category-chart-brushes, var(--chart-brushes));
  --marker-brushes: var(--category-chart-marker-brushes, var(--chart-brushes));
  --negative-brushes: var(--category-chart-negative-brushes, hsl(347, 82%, 64%));
  --outlines: var(--category-chart-outlines, var(--chart-brushes));
  --marker-outlines: var(--category-chart-marker-outlines, var(--chart-brushes));
  --negative-outlines: var(--category-chart-negative-outlines, hsl(347, 82%, 64%));
  --title-text-color: var(--category-chart-title-text-color, var(--ig-gray-900));
  --subtitle-text-color: var(--category-chart-subtitle-text-color, var(--ig-gray-700));
  --trend-line-brushes: var(--category-chart-trend-line-brushes, var(--chart-brushes));
  --x-axis-label-text-color: var(--category-chart-x-axis-label-text-color, var(--ig-gray-700));
  --x-axis-stroke: var(--category-chart-x-axis-stroke, var(--ig-gray-500));
  --x-axis-tick-stroke: var(--category-chart-x-axis-tick-stroke, var(--ig-gray-500));
  --x-axis-title-text-color: var(--category-chart-x-axis-title-text-color, var(--ig-gray-900));
  --y-axis-label-text-color: var(--category-chart-y-axis-label-text-color, var(--ig-gray-700));
  --y-axis-major-stroke: var(--category-chart-y-axis-major-stroke, var(--ig-gray-300));
  --y-axis-title-text-color: var(--category-chart-y-axis-title-text-color, var(--ig-gray-900));
  --y-axis-tick-stroke: var(--category-chart-y-axis-tick-stroke, var(--ig-gray-500));
}
mc-geographic-map {
  --plot-area-background: var(--geo-map-plot-area-background, var(--ig-surface-500));
}
mc-pie-chart {
  --brushes: var(--pie-chart-brushes, var(--chart-brushes));
  --outlines: var(--pie-chart-outlines, var(--chart-brushes));
  --label-extent: var(--pie-chart-label-extent, 30);
  --label-outer-color: var(--pie-chart-label-outer-color, var(--ig-gray-700));
}
mc-sparkline {
  --brush: var(--sparkline-brush, var(--ig-primary-500));
}
mc-funnel-chart {
  --brushes: var(--funnel-chart-brushes, var(--chart-brushes));
  --outlines: var(--funnel-chart-outlines, var(--chart-brushes));
}
mc-shape-chart {
  --title-text-color: var(--shape-chart-title-text-color, var(--ig-gray-900));
  --subtitle-text-color: var(--shape-chart-subtitle-text-color, var(--ig-gray-600));
  --brushes: var(--shape-chart-brushes, var(--chart-brushes));
  --marker-brushes: var(--shape-chart-marker-brushes, var(--chart-brushes));
  --outlines: var(--shape-chart-outlines, var(--chart-brushes));
  --marker-outlines: var(--shape-chart-marker-outlines, var(--chart-brushes));
  --trend-line-brushes: var(--shape-chart-trend-line-brushes, var(--chart-brushes));
}
mc-checkbox {
  --tick-color: var(--mc-checkbox-tick-color, var(--ig-primary-900-contrast));
  --label-color: var(--mc-checkbox-label-color, var(--ig-gray-900));
  --label-color-hover: var(--mc-checkbox-label-color-hover, var(--ig-gray-900));
  --empty-fill-color: var(--mc-checkbox-empty-fill-color, var(--ig-gray-900-contrast));
  --fill-color: var(--mc-checkbox-fill-color, var(--ig-primary-500));
  --focus-outline-color-focused: var(--mc-checkbox-focus-outline-color-focused, transparent);
  --focus-outline-color-error: var(--mc-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));
  --disabled-color: var(--mc-checkbox-disabled-color, var(--ig-gray-300));
  --disabled-tick-color: var(--mc-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));
  --disabled-indeterminate-color: var(--mc-checkbox-disabled-indeterminate-color, var(--ig-primary-200));
  --disabled-color-label: var(--mc-checkbox-disabled-color-label, var(--ig-gray-500));
  --error-color: var(--mc-checkbox-error-color, var(--ig-error-500));
  --border-radius: var(--mc-checkbox-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.4) * 10px), 10px));
  --border-radius-ripple: var(--mc-checkbox-border-radius-ripple, clamp(0px, calc(var(--ig-radius-factor, 0.1666666667) * 24px), 24px));
  --tick-color-hover: var(--mc-checkbox-tick-color-hover, var(--ig-primary-900-contrast));
  --empty-color: var(--mc-checkbox-empty-color, var(--ig-gray-400));
  --empty-color-hover: var(--mc-checkbox-empty-color-hover, var(--ig-gray-500));
  --focus-outline-color: var(--mc-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));
  --fill-color-hover: var(--mc-checkbox-fill-color-hover, var(--ig-primary-600));
  --error-color-hover: var(--mc-checkbox-error-color-hover, var(--ig-error-600));
  --ig-theme: bootstrap;
}
@keyframes scale-in-out {
  50% {
    transform: scale(0.9);
    transform-origin: 50% 50%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%;
  }
}
mc-chip,
.mc-chip__ghost {
  --ghost-elevation: var(--mc-chip-ghost-elevation, var(--ig-elevation-0));
  --remove-icon-color: var(--mc-chip-remove-icon-color, "currentColor");
  --focus-outline-color: var(--mc-chip-focus-outline-color, var(--ig-gray-200));
  --focus-selected-outline-color: var(--mc-chip-focus-selected-outline-color, var(--ig-gray-200));
  --remove-icon-color-focus: var(--mc-chip-remove-icon-color-focus, "currentColor");
  --background: var(--mc-chip-background, var(--ig-gray-200));
  --border-color: var(--mc-chip-border-color, transparent);
  --ghost-background: var(--mc-chip-ghost-background, var(--ig-gray-400));
  --hover-text-color: var(--mc-chip-hover-text-color, var(--ig-gray-400-contrast));
  --hover-background: var(--mc-chip-hover-background, var(--ig-gray-400));
  --hover-border-color: var(--mc-chip-hover-border-color, transparent);
  --focus-text-color: var(--mc-chip-focus-text-color, var(--ig-gray-400-contrast));
  --focus-border-color: var(--mc-chip-focus-border-color, transparent);
  --selected-text-color: var(--mc-chip-selected-text-color, var(--ig-gray-300-contrast));
  --selected-background: var(--mc-chip-selected-background, var(--ig-gray-200));
  --selected-border-color: var(--mc-chip-selected-border-color, transparent);
  --hover-selected-text-color: var(--mc-chip-hover-selected-text-color, var(--ig-gray-400-contrast));
  --hover-selected-background: var(--mc-chip-hover-selected-background, var(--ig-gray-400));
  --hover-selected-border-color: var(--mc-chip-hover-selected-border-color, transparent);
  --focus-selected-border-color: var(--mc-chip-focus-selected-border-color, transparent);
  --border-radius: var(--mc-chip-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.25) * 16px), 16px));
  --disabled-text-color: var(--mc-chip-disabled-text-color, var(--ig-gray-500));
  --disabled-background: var(--mc-chip-disabled-background, var(--ig-gray-200));
  --disabled-border-color: var(--mc-chip-disabled-border-color, var(--ig-gray-200));
  --size: var(--mc-chip-size, max(var(--is-large, 1) * max(32px, -1 * 32px), var(--is-medium, 1) * max(24px, -1 * 24px), var(--is-small, 1) * max(20px, -1 * 20px)));
  --default-size: var(--mc-chip-default-size, 2);
  --text-color: var(--mc-chip-text-color, var(--ig-gray-200-contrast));
  --focus-background: var(--mc-chip-focus-background, var(--ig-gray-400));
  --focus-selected-background: var(--mc-chip-focus-selected-background, var(--ig-gray-400));
  --focus-selected-text-color: var(--mc-chip-focus-selected-text-color, var(--ig-gray-400-contrast));
  --ghost-shadow: var(--mc-chip-ghost-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
.mc-chip-area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.mc-chip-area:empty {
  display: none;
}
.mc-chip__ghost,
.mc-chip {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --component-size: var(--ig-size, var(--default-size));
  --chip-size: var(--component-size);
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  min-width: max-content;
  touch-action: none;
  outline: none;
}
.mc-chip__ghost:focus .mc-chip__item,
.mc-chip:focus .mc-chip__item {
  outline-style: none;
  color: var(--focus-text-color);
  background: var(--focus-background);
  border-color: var(--focus-border-color);
  box-shadow: 0 0 0 2px var(--focus-outline-color);
}
.mc-chip__ghost:focus .mc-chip__item--selected,
.mc-chip:focus .mc-chip__item--selected {
  color: var(--focus-selected-text-color);
  background: var(--focus-selected-background);
  border-color: var(--focus-selected-border-color);
  box-shadow: 0 0 0 2px var(--focus-selected-outline-color);
}
.mc-chip__ghost:hover .mc-chip__item,
.mc-chip:hover .mc-chip__item {
  color: var(--hover-text-color);
  background: var(--hover-background);
  border-color: var(--hover-border-color);
}
.mc-chip__ghost:hover .mc-chip__item--selected,
.mc-chip:hover .mc-chip__item--selected {
  color: var(--hover-selected-text-color);
  background: var(--hover-selected-background);
  border-color: var(--hover-selected-border-color);
}
.mc-chip__item {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: var(--size);
  padding-inline: max(var(--is-large, 1) * max(12px, -1 * 12px), var(--is-medium, 1) * max(6px, -1 * 6px), var(--is-small, 1) * max(2px, -1 * 2px));
  gap: max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(6px, -1 * 6px), var(--is-small, 1) * max(3px, -1 * 3px));
  color: var(--text-color);
  background: var(--background);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
  filter: opacity(1);
  font-size: 14px;
}
.mc-chip__item mc-avatar {
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 50%;
}
.mc-chip__item mc-avatar,
.mc-chip__item mc-circular-bar,
.mc-chip__item mc-icon {
  --component-size: var(--chip-size);
}
.mc-chip__item mc-avatar,
.mc-chip__item mc-circular-bar {
  max-height: 100%;
  width: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(18px, -1 * 18px), var(--is-small, 1) * max(14px, -1 * 14px));
  max-width: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(18px, -1 * 18px), var(--is-small, 1) * max(14px, -1 * 14px));
  height: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(18px, -1 * 18px), var(--is-small, 1) * max(14px, -1 * 14px));
}
.mc-chip__item--selected {
  color: var(--selected-text-color);
  background: var(--selected-background);
  border-color: var(--selected-border-color);
}
.mc-chip--primary .mc-chip__item {
  color: var(--ig-primary-600-contrast);
  background: var(--ig-primary-500);
  border-color: var(--ig-primary-500);
}
.mc-chip--primary.mc-chip__ghost:focus .mc-chip__item,
.mc-chip.mc-chip--primary:focus .mc-chip__item {
  color: var(--ig-primary-800-contrast);
  background: var(--ig-primary-800);
  border-color: var(--ig-primary-800);
  box-shadow: 0 0 0 2px var(--ig-primary-200);
}
.mc-chip--primary.mc-chip__ghost:hover .mc-chip__item,
.mc-chip.mc-chip--primary:hover .mc-chip__item {
  color: var(--ig-primary-600-contrast);
  background: var(--ig-primary-600);
  border-color: var(--ig-primary-600);
}
.mc-chip--info .mc-chip__item {
  color: var(--ig-info-500-contrast);
  background: var(--ig-info-500);
  border-color: var(--ig-info-500);
}
.mc-chip--info.mc-chip__ghost:focus .mc-chip__item,
.mc-chip.mc-chip--info:focus .mc-chip__item {
  color: var(--ig-info-800-contrast);
  background: var(--ig-info-800);
  border-color: var(--ig-info-800);
  box-shadow: 0 0 0 2px var(--ig-info-200);
}
.mc-chip--info.mc-chip__ghost:hover .mc-chip__item,
.mc-chip.mc-chip--info:hover .mc-chip__item {
  color: var(--ig-info-600-contrast);
  background: var(--ig-info-600);
  border-color: var(--ig-info-600);
}
.mc-chip--success .mc-chip__item {
  color: var(--ig-success-600-contrast);
  background: var(--ig-success-500);
  border-color: var(--ig-success-500);
}
.mc-chip--success.mc-chip__ghost:focus .mc-chip__item,
.mc-chip.mc-chip--success:focus .mc-chip__item {
  color: var(--ig-success-800-contrast);
  background: var(--ig-success-800);
  border-color: var(--ig-success-800);
  box-shadow: 0 0 0 2px var(--ig-success-200);
}
.mc-chip--success.mc-chip__ghost:hover .mc-chip__item,
.mc-chip.mc-chip--success:hover .mc-chip__item {
  color: var(--ig-success-600-contrast);
  background: var(--ig-success-600);
  border-color: var(--ig-success-600);
}
.mc-chip--warning .mc-chip__item {
  color: var(--ig-warn-900-contrast);
  background: var(--ig-warn-500);
  border-color: var(--ig-warn-500);
}
.mc-chip--warning.mc-chip__ghost:focus .mc-chip__item,
.mc-chip.mc-chip--warning:focus .mc-chip__item {
  color: var(--ig-warn-800-contrast);
  background: var(--ig-warn-800);
  border-color: var(--ig-warn-800);
  box-shadow: 0 0 0 2px var(--ig-warn-200);
}
.mc-chip--warning.mc-chip__ghost:hover .mc-chip__item,
.mc-chip.mc-chip--warning:hover .mc-chip__item {
  color: var(--ig-warn-600-contrast);
  background: var(--ig-warn-600);
  border-color: var(--ig-warn-600);
}
.mc-chip--danger .mc-chip__item {
  color: var(--ig-error-600-contrast);
  background: var(--ig-error-500);
  border-color: var(--ig-error-500);
}
.mc-chip--danger.mc-chip__ghost:focus .mc-chip__item,
.mc-chip.mc-chip--danger:focus .mc-chip__item {
  color: var(--ig-error-800-contrast);
  background: var(--ig-error-800);
  border-color: var(--ig-error-800);
  box-shadow: 0 0 0 2px var(--ig-error-200);
}
.mc-chip--danger.mc-chip__ghost:hover .mc-chip__item,
.mc-chip.mc-chip--danger:hover .mc-chip__item {
  color: var(--ig-error-600-contrast);
  background: var(--ig-error-600);
  border-color: var(--ig-error-600);
}
.mc-chip__start > mc-avatar:first-child,
.mc-chip__start > mc-circular-bar:first-child {
  margin-inline-start: calc(max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(4px, -1 * 4px), var(--is-small, 1) * max(0px, -1 * 0px)) * -1);
}
.mc-chip__start [mcPrefix]:first-of-type mc-avatar,
.mc-chip__start [mcPrefix]:first-of-type mc-circular-bar,
.mc-chip__start mc-prefix:first-of-type mc-avatar,
.mc-chip__start mc-prefix:first-of-type mc-circular-bar {
  margin-inline-start: calc(max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(4px, -1 * 4px), var(--is-small, 1) * max(0px, -1 * 0px)) * -1);
}
.mc-chip__end > mc-avatar:last-child,
.mc-chip__end > mc-circular-bar:last-child {
  margin-inline-end: calc(max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(4px, -1 * 4px), var(--is-small, 1) * max(0px, -1 * 0px)) * -1);
}
.mc-chip__end [mcPrefix]:first-of-type mc-avatar,
.mc-chip__end [mcPrefix]:first-of-type mc-circular-bar,
.mc-chip__end mc-prefix:first-of-type mc-avatar,
.mc-chip__end mc-prefix:first-of-type mc-circular-bar {
  margin-inline-end: calc(max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(4px, -1 * 4px), var(--is-small, 1) * max(0px, -1 * 0px)) * -1);
}
.mc-chip__start,
.mc-chip__end {
  display: flex;
  align-items: center;
  position: relative;
}
.mc-chip__start:empty,
.mc-chip__end:empty {
  display: none;
}
.mc-chip__item mc-prefix,
.mc-chip__item [mcPrefix],
.mc-chip__item mc-suffix,
.mc-chip__item [mcSuffix] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  max-width: 32ch;
}
.mc-chip__item mc-prefix > mc-icon,
.mc-chip__item [mcPrefix] > mc-icon,
.mc-chip__item mc-suffix > mc-icon,
.mc-chip__item [mcSuffix] > mc-icon {
  display: block;
}
.mc-chip__content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 32ch;
}
.mc-chip__content:empty {
  display: none;
}
.mc-chip__remove {
  display: inline-flex;
  color: var(--remove-icon-color, currentColor);
}
.mc-chip__remove:empty {
  display: none;
}
.mc-chip__remove:focus mc-icon {
  color: var(--remove-icon-color-focus);
}
.mc-chip__remove mc-icon:focus {
  outline-style: none;
}
.mc-chip__select {
  display: inline-flex;
  align-items: center;
  max-width: 24px;
  opacity: 1;
  z-index: 1;
  transition: max-width 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.06s;
  transition-behavior: allow-discrete;
}
@starting-style {
  .mc-chip__select {
    max-width: 0;
    opacity: 0;
  }
}
.mc-chip__ghost {
  position: absolute;
  box-shadow: var(--ghost-shadow);
  overflow: hidden;
  color: var(--focus-text-color);
  background: var(--ghost-background);
  z-index: 10;
}
.mc-chip__ghost mc-avatar,
.mc-chip__ghost mc-circular-bar,
.mc-chip__ghost mc-icon {
  --component-size: var(--chip-size);
}
.mc-chip__ghost:hover,
.mc-chip__ghost:focus {
  background: var(--ghost-background);
}
.mc-chip--disabled .mc-chip__item {
  color: var(--disabled-text-color);
  background: var(--disabled-background);
  border-color: var(--disabled-border-color);
}
.mc-chip--disabled {
  cursor: default;
  pointer-events: none;
}
.mc-chip--disabled .mc-chip__end:has(.mc-chip__remove:only-child) {
  display: none;
}
mc-column-actions {
  --background-color: var(--mc-column-actions-background-color, var(--ig-surface-500));
  --title-color: var(--mc-column-actions-title-color, var(--ig-primary-500));
  --ig-theme: bootstrap;
}
.mc-column-actions {
  display: flex;
  flex-flow: column nowrap;
  background: var(--background-color);
  box-shadow: var(--ig-elevation-8);
  width: 100%;
  flex: 1 1 auto;
  min-width: 180px;
}
.mc-column-actions__header-title {
  color: var(--title-color);
  margin: 0;
  padding: 16px 16px 8px;
}
.mc-column-actions__header-input {
  font-size: 16px !important;
  margin: -16px 0 0 !important;
  padding: 8px 16px;
}
.mc-column-actions__columns {
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
  outline-style: none;
}
.mc-column-actions__columns-item {
  padding: 4px 16px;
  min-height: 32px;
}
.mc-column-actions__buttons {
  display: flex;
  justify-content: flex-end;
  padding: 8px 16px;
}
mc-combo,
mc-simple-combo {
  --toggle-button-background-focus--border: var(--mc-combo-toggle-button-background-focus--border, var(--ig-gray-300));
  --case-icon-color: var(--mc-combo-case-icon-color, var(--ig-gray-400));
  --case-icon-color--active: var(--mc-combo-case-icon-color--active, var(--ig-primary-500));
  --empty-list-background: var(--mc-combo-empty-list-background, var(--ig-surface-500));
  --search-separator-border-color: var(--mc-combo-search-separator-border-color, var(--ig-gray-400));
  --empty-list-placeholder-color: var(--mc-combo-empty-list-placeholder-color, var(--ig-gray-600));
  --toggle-button-background: var(--mc-combo-toggle-button-background, var(--ig-gray-300));
  --toggle-button-background-focus: var(--mc-combo-toggle-button-background-focus, var(--ig-gray-300));
  --toggle-button-foreground: var(--mc-combo-toggle-button-foreground, var(--ig-gray-800));
  --toggle-button-foreground-focus: var(--mc-combo-toggle-button-foreground-focus, var(--ig-gray-800));
  --toggle-button-foreground-filled: var(--mc-combo-toggle-button-foreground-filled, var(--ig-gray-800));
  --clear-button-background: var(--mc-combo-clear-button-background, var(--ig-gray-300));
  --clear-button-foreground: var(--mc-combo-clear-button-foreground, var(--ig-gray-800));
  --clear-button-foreground-focus: var(--mc-combo-clear-button-foreground-focus, var(--ig-gray-800));
  --toggle-button-background-disabled: var(--mc-combo-toggle-button-background-disabled, var(--ig-gray-100));
  --toggle-button-foreground-disabled: var(--mc-combo-toggle-button-foreground-disabled, var(--ig-gray-400));
  --default-size: var(--mc-combo-default-size, 2);
  --clear-button-background-focus: var(--mc-combo-clear-button-background-focus, var(--ig-gray-300));
  --ig-theme: bootstrap;
}
.mc-input-group__bundle::after {
  height: 1px !important;
}
mc-select {
  --toggle-button-background-focus--border: var(--mc-select-toggle-button-background-focus--border, var(--ig-gray-300));
  --toggle-button-background: var(--mc-select-toggle-button-background, var(--ig-gray-300));
  --toggle-button-background-focus: var(--mc-select-toggle-button-background-focus, var(--ig-gray-400));
  --toggle-button-foreground: var(--mc-select-toggle-button-foreground, var(--ig-gray-800));
  --toggle-button-foreground-focus: var(--mc-select-toggle-button-foreground-focus, var(--ig-gray-800));
  --toggle-button-foreground-filled: var(--mc-select-toggle-button-foreground-filled, var(--ig-gray-800));
  --toggle-button-background-disabled: var(--mc-select-toggle-button-background-disabled, var(--ig-gray-100));
  --toggle-button-foreground-disabled: var(--mc-select-toggle-button-foreground-disabled, var(--ig-gray-400));
  --default-size: var(--mc-select-default-size, 2);
  --ig-theme: bootstrap;
}
mc-date-range-picker {
  --label-color: var(--mc-date-range-picker-label-color, var(--ig-gray-500));
}
mc-date-range-start,
mc-date-range-end {
  flex: 1 0 0%;
}
.mc-dialog {
  --elevation: var(--mc-dialog-elevation, var(--ig-elevation-0));
  --background: var(--mc-dialog-background, var(--ig-surface-500));
  --title-color: var(--mc-dialog-title-color, var(--ig-gray-900));
  --message-color: var(--mc-dialog-message-color, var(--ig-gray-600));
  --border-color: var(--mc-dialog-border-color, var(--ig-gray-300));
  --backdrop: var(--mc-dialog-backdrop, hsl(from var(--ig-gray-500) h s l/0.54));
  --border-radius: var(--mc-dialog-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1111111111) * 36px), 36px));
  --default-size: var(--mc-dialog-default-size, 2);
  --shadow: var(--mc-dialog-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
.mc-dialog {
  outline-style: none;
}
.mc-dialog--hidden {
  display: none;
}
.mc-dialog__window {
  position: relative;
  min-width: 288px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--background);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.mc-dialog__window .mc-calendar {
  min-width: 320px;
}
.mc-dialog__window .mc-calendar--vertical {
  min-width: 496px;
}
.mc-dialog__window-title {
  display: flex;
  color: var(--title-color);
  padding: 16px;
  border-bottom: 1px solid var(--border-color);
}
.mc-dialog__window-content {
  color: var(--message-color);
  padding: 16px;
  position: relative;
  z-index: 0;
}
.mc-dialog__window-message {
  display: inline-block;
  max-width: 40ch;
}
@media all and (-ms-high-contrast: none) {
  .mc-dialog__window-message {
    max-width: 60ch;
  }
}
.mc-dialog__window-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  padding: 16px;
  gap: 8px;
  border-top: 1px solid var(--border-color);
}
mc-divider {
  --color: var(--mc-divider-color, var(--ig-gray-300));
  --inset: var(--mc-divider-inset, 0);
  --ig-theme: bootstrap;
}
.mc-divider {
  position: relative;
  justify-content: center;
  overflow: hidden;
}
.mc-divider::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: var(--color);
}
.mc-divider:not(.mc-divider--vertical) {
  display: flex;
  min-height: 1px;
  min-width: 1px;
  position: relative;
}
.mc-divider:not(.mc-divider--vertical)::after {
  inset-inline-start: var(--inset);
}
.mc-divider:not(.mc-divider--vertical):not(.mc-divider--inset)::after {
  width: 100%;
}
.mc-divider--inset:not(.mc-divider--vertical)::after {
  min-width: 4px;
  width: calc(100% - var(--inset) * 2);
}
.mc-divider--dashed:not(.mc-divider--vertical)::after {
  background:
    repeating-linear-gradient(
      to right,
      var(--color),
      var(--color) 10px,
      transparent 10px,
      transparent 20px);
}
.mc-divider--dashed::after {
  background:
    repeating-linear-gradient(
      to bottom,
      var(--color),
      var(--color) 10px,
      transparent 10px,
      transparent 20px);
}
.mc-divider--vertical {
  display: inline-flex;
  min-width: 1px;
  width: 1px;
}
.mc-divider--vertical::after {
  inset-block-start: var(--inset);
  width: 100%;
  height: 100%;
}
.mc-divider--vertical.mc-divider--inset::after {
  min-height: 4px;
  height: calc(100% - var(--inset) * 2);
}
igc-dockmanager {
  --igc-active-color: var(--igc-dockmanager-active-color, var(--ig-primary-500));
  --igc-background-color: var(--igc-dockmanager-background-color, var(--ig-gray-200));
  --igc-border-color: var(--igc-dockmanager-border-color, var(--ig-surface-500));
  --igc-button-text: var(--igc-dockmanager-button-text, var(--ig-primary-500));
  --igc-context-menu-background-active: var(--igc-dockmanager-context-menu-background-active, var(--ig-primary-500));
  --igc-dock-background: var(--igc-dockmanager-dock-background, var(--ig-gray-100));
  --igc-drop-shadow-background: var(--igc-dockmanager-drop-shadow-background, hsl(from var(--ig-primary-900) h s l/0.1));
  --igc-floating-pane-border-color: var(--igc-dockmanager-floating-pane-border-color, var(--ig-gray-300));
  --igc-flyout-shadow-color: var(--igc-dockmanager-flyout-shadow-color, hsl(from var(--ig-gray-900) h s l/0.1));
  --igc-joystick-background-active: var(--igc-dockmanager-joystick-background-active, var(--ig-primary-500));
  --igc-joystick-border-color: var(--igc-dockmanager-joystick-border-color, var(--ig-gray-300));
  --igc-joystick-icon-color: var(--igc-dockmanager-joystick-icon-color, var(--ig-primary-500));
  --igc-joystick-icon-color-active: var(--igc-dockmanager-joystick-icon-color-active, var(--ig-surface-500-contrast));
  --igc-pane-content-background: var(--igc-dockmanager-pane-content-background, var(--ig-surface-500));
  --igc-pane-header-background: var(--igc-dockmanager-pane-header-background, var(--ig-gray-100));
  --igc-pinned-header-background: var(--igc-dockmanager-pinned-header-background, var(--ig-gray-100));
  --igc-splitter-background: var(--igc-dockmanager-splitter-background, var(--ig-gray-200));
  --igc-splitter-handle: var(--igc-dockmanager-splitter-handle, var(--ig-gray-400));
  --igc-tab-background-active: var(--igc-dockmanager-tab-background-active, var(--ig-surface-500));
  --igc-tab-background: var(--igc-dockmanager-tab-background, var(--ig-surface-500));
  --igc-tab-text: var(--igc-dockmanager-tab-text, var(--ig-primary-500));
  --igc-text-color: var(--igc-dockmanager-text-color, var(--ig-gray-800));
  --igc-context-menu-background: var(--igc-dockmanager-context-menu-background, var(--ig-surface-500));
  --igc-context-menu-color-active: var(--igc-dockmanager-context-menu-color-active, var(--ig-surface-500));
  --igc-context-menu-color: var(--igc-dockmanager-context-menu-color, var(--ig-primary-500));
  --igc-tab-border-color-active: var(--igc-dockmanager-tab-border-color-active, var(--ig-gray-300));
  --igc-tab-border-color: var(--igc-dockmanager-tab-border-color, var(--ig-surface-500));
  --igc-tab-text-active: var(--igc-dockmanager-tab-text-active, var(--ig-gray-800));
}
igc-rating {
  --label-color: var(--igc-rating-label-color, var(--ig-gray-900));
  --value-label: var(--igc-rating-value-label, var(--ig-gray-900));
  --symbol-empty-color: var(--igc-rating-symbol-empty-color, var(--ig-gray-600));
  --symbol-full-color: var(--igc-rating-symbol-full-color, var(--ig-warn-500));
  --symbol-empty-filter: var(--igc-rating-symbol-empty-filter, grayscale(100%) opacity(50%));
  --symbol-full-filter: var(--igc-rating-symbol-full-filter, grayscale(50%));
  --disabled-label-color: var(--igc-rating-disabled-label-color, var(--ig-gray-400));
  --disabled-value-label: var(--igc-rating-disabled-value-label, var(--ig-gray-400));
  --disabled-empty-symbol-color: var(--igc-rating-disabled-empty-symbol-color, var(--ig-gray-400));
  --disabled-full-symbol-color: var(--igc-rating-disabled-full-symbol-color, var(--ig-warn-200));
  --default-size: var(--igc-rating-default-size, 2);
}
igc-rating::part(label) {
  color: var(--label-color);
}
igc-rating::part(value-label) {
  color: var(--value-label);
}
igc-rating[disabled]::part(label),
igc-rating[disabled]::part(value-label) {
  color: var(--disabled-label-color);
}
igc-rating[disabled] {
  --symbol-empty-color: var(--disabled-empty-symbol-color);
  --symbol-full-color: var(--disabled-full-symbol-color);
  --disabled-symbol-empty-filter: var(--symbol-empty-filter);
  --disabled-symbol-full-filter: var(--symbol-full-filter);
}
.mc-drop-down__list,
.mc-grid-toolbar__dd-list {
  --elevation: var(--mc-drop-down-elevation, var(--ig-elevation-0));
  --background-color: var(--mc-drop-down-background-color, var(--ig-surface-500));
  --header-text-color: var(--mc-drop-down-header-text-color, var(--ig-gray-700));
  --item-text-color: var(--mc-drop-down-item-text-color, var(--ig-gray-800));
  --item-icon-color: var(--mc-drop-down-item-icon-color, var(--ig-gray-800));
  --hover-item-text-color: var(--mc-drop-down-hover-item-text-color, var(--ig-gray-800));
  --hover-item-icon-color: var(--mc-drop-down-hover-item-icon-color, var(--ig-gray-800));
  --focused-item-text-color: var(--mc-drop-down-focused-item-text-color, var(--ig-gray-800));
  --focused-item-border-color: var(--mc-drop-down-focused-item-border-color, transparent);
  --selected-item-background: var(--mc-drop-down-selected-item-background, var(--ig-primary-500));
  --disabled-item-background: var(--mc-drop-down-disabled-item-background, transparent);
  --disabled-item-text-color: var(--mc-drop-down-disabled-item-text-color, var(--ig-gray-400));
  --border-color: var(--mc-drop-down-border-color, var(--ig-gray-300));
  --border-width: var(--mc-drop-down-border-width, 1px);
  --border-radius: var(--mc-drop-down-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --item-border-radius: var(--mc-drop-down-item-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0) * 20px), 20px));
  --size: var(--mc-drop-down-size, max(var(--is-large, 1) * max(40px, -1 * 40px), var(--is-medium, 1) * max(32px, -1 * 32px), var(--is-small, 1) * max(28px, -1 * 28px)));
  --default-size: var(--mc-drop-down-default-size, 2);
  --hover-item-background: var(--mc-drop-down-hover-item-background, var(--ig-gray-200));
  --focused-item-background: var(--mc-drop-down-focused-item-background, var(--ig-gray-200));
  --selected-item-text-color: var(--mc-drop-down-selected-item-text-color, var(--ig-primary-600-contrast));
  --selected-item-icon-color: var(--mc-drop-down-selected-item-icon-color, var(--ig-primary-600-contrast));
  --selected-hover-item-background: var(--mc-drop-down-selected-hover-item-background, var(--ig-primary-600));
  --selected-hover-item-text-color: var(--mc-drop-down-selected-hover-item-text-color, var(--ig-primary-600-contrast));
  --selected-hover-item-icon-color: var(--mc-drop-down-selected-hover-item-icon-color, var(--ig-primary-600-contrast));
  --selected-focus-item-background: var(--mc-drop-down-selected-focus-item-background, var(--ig-primary-600));
  --selected-focus-item-text-color: var(--mc-drop-down-selected-focus-item-text-color, var(--ig-primary-600-contrast));
  --shadow: var(--mc-drop-down-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
.mc-drop-down {
  position: absolute;
}
.mc-drop-down__list {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --component-size: var(--ig-size, var(--default-size));
  --dropdown-size: var(--component-size);
  overflow: hidden;
  border-radius: var(--border-radius);
  background: var(--background-color);
  box-shadow: var(--shadow);
  min-width: 128px;
  border: var(--border-width) solid var(--border-color);
}
.mc-drop-down__list-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.mc-drop-down__content {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}
.mc-drop-down__inner {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-inline-end: auto;
}
.mc-drop-down__inner + [mcSuffix],
.mc-drop-down__inner + mc-suffix {
  margin-inline-end: 0;
}
.mc-drop-down__group label,
.mc-drop-down__header,
.mc-drop-down__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  position: relative;
  height: var(--size);
}
.mc-drop-down__group label mc-divider,
.mc-drop-down__header mc-divider,
.mc-drop-down__item mc-divider {
  position: absolute;
  width: 100%;
  inset-inline-start: 0;
  bottom: 0;
}
.mc-drop-down__group label mc-icon,
.mc-drop-down__header mc-icon,
.mc-drop-down__item mc-icon {
  justify-content: center;
  --component-size: 1;
}
.mc-drop-down__item {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --component-size: var(--dropdown-size);
  color: var(--item-text-color);
  cursor: pointer;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(20px, -1 * 20px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  border-radius: var(--item-border-radius);
}
.mc-drop-down__item mc-icon {
  color: var(--item-icon-color);
}
.mc-drop-down__item:focus {
  outline: 0;
  outline-color: transparent;
  background: var(--focused-item-background);
  color: var(--focused-item-text-color);
}
.mc-drop-down__item:hover {
  background: var(--hover-item-background);
  color: var(--hover-item-text-color);
}
.mc-drop-down__item:hover mc-icon {
  color: var(--hover-item-icon-color);
}
.mc-drop-down__group label,
.mc-drop-down__header {
  color: var(--header-text-color);
  pointer-events: none;
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-drop-down__group {
  pointer-events: auto;
}
.mc-drop-down__item--focused {
  background: var(--focused-item-background);
  color: var(--focused-item-text-color);
}
.mc-drop-down__item--selected {
  background: var(--selected-item-background);
  color: var(--selected-item-text-color);
}
.mc-drop-down__item--selected mc-icon {
  color: var(--selected-item-icon-color);
}
.mc-drop-down__item--selected.mc-drop-down__item--focused {
  background: var(--selected-focus-item-background);
  color: var(--selected-focus-item-text-color);
}
.mc-drop-down__item--selected:hover {
  background: var(--selected-hover-item-background);
  color: var(--selected-hover-item-text-color);
}
.mc-drop-down__item--selected:hover mc-icon {
  color: var(--selected-hover-item-icon-color);
}
.mc-drop-down__item--disabled,
.mc-drop-down__group--disabled {
  background: var(--disabled-item-background);
  color: var(--disabled-item-text-color);
  cursor: default;
  pointer-events: none;
}
.mc-drop-down__item--disabled mc-icon,
.mc-drop-down__group--disabled mc-icon {
  color: var(--disabled-item-text-color);
}
mc-expansion-panel {
  --header-background: var(--mc-expansion-panel-header-background, var(--ig-surface-500));
  --body-background: var(--mc-expansion-panel-body-background, var(--ig-surface-500));
  --header-focus-background: var(--mc-expansion-panel-header-focus-background, var(--ig-gray-100));
  --header-title-color: var(--mc-expansion-panel-header-title-color, var(--ig-gray-800));
  --header-description-color: var(--mc-expansion-panel-header-description-color, var(--ig-gray-600));
  --header-icon-color: var(--mc-expansion-panel-header-icon-color, var(--ig-gray-800));
  --body-color: var(--mc-expansion-panel-body-color, var(--ig-gray-900));
  --disabled-text-color: var(--mc-expansion-panel-disabled-text-color, var(--ig-gray-500));
  --disabled-description-color: var(--mc-expansion-panel-disabled-description-color, var(--ig-gray-500));
  --expanded-margin: var(--mc-expansion-panel-expanded-margin, 8px);
  --border-radius: var(--mc-expansion-panel-border-radius, 0px, 0px, 16px);
  --ig-theme: bootstrap;
}
.mc-expansion-panel {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  overflow: hidden;
  transition: margin 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mc-expansion-panel__header-title {
  color: var(--header-title-color);
  margin-inline-end: 16px;
}
.mc-expansion-panel__header-description {
  color: var(--header-description-color);
}
.mc-expansion-panel__header-title,
.mc-expansion-panel__header-description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mc-accordion {
  overflow-y: auto;
}
.mc-accordion .mc-expansion-panel__header-title {
  display: -webkit-inline-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: initial;
  word-wrap: break-word;
}
.mc-accordion .mc-expansion-panel--expanded {
  margin: var(--expanded-margin) 0;
}
.mc-accordion .mc-expansion-panel--expanded:first-of-type {
  margin-top: 0;
}
.mc-accordion .mc-expansion-panel--expanded:last-of-type {
  margin-bottom: 0;
}
.mc-expansion-panel__header-inner {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  cursor: pointer;
  background: var(--header-background);
}
.mc-expansion-panel__header-inner:focus,
.mc-expansion-panel__header-inner:active {
  background: var(--header-focus-background);
  outline: transparent;
}
.mc-expansion-panel__title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0%;
  overflow: hidden;
}
.mc-expansion-panel__header-icon--end {
  order: 1;
  margin-inline-start: 16px;
}
.mc-expansion-panel__header-icon--start {
  order: -1;
  margin-inline-end: 16px;
}
.mc-expansion-panel__header-icon--none {
  display: none;
}
.mc-expansion-panel__header-icon--end,
.mc-expansion-panel__header-icon--start {
  display: flex;
  align-content: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  color: var(--header-icon-color);
}
.mc-expansion-panel__header-icon--end mc-icon,
.mc-expansion-panel__header-icon--start mc-icon {
  --component-size: 3;
  color: var(--header-icon-color);
}
.mc-expansion-panel__body {
  color: var(--body-color);
  background: var(--body-background);
  overflow: hidden;
  padding: 16px 24px;
}
.mc-expansion-panel--disabled {
  pointer-events: none;
}
.mc-expansion-panel--disabled .mc-expansion-panel__header-title {
  color: var(--disabled-text-color);
}
.mc-expansion-panel--disabled .mc-expansion-panel__header-description {
  color: var(--disabled-description-color);
}
.mc-expansion-panel--disabled .mc-expansion-panel__header-icon--start mc-icon,
.mc-expansion-panel--disabled .mc-expansion-panel__header-icon--end mc-icon {
  color: var(--disabled-text-color);
}
mc-grid,
mc-hierarchical-grid,
mc-pivot-grid,
mc-tree-grid,
mc-advanced-filtering-dialog,
mc-grid-excel-style-filtering,
.mc-excel-filter__secondary {
  --grid-elevation: var(--mc-grid-grid-elevation, var(--ig-elevation-2));
  --drag-elevation: var(--mc-grid-drag-elevation, var(--ig-elevation-5));
  --grouparea-color: var(--mc-grid-grouparea-color, var(--ig-gray-500));
  --grouparea-background: var(--mc-grid-grouparea-background, var(--ig-surface-500));
  --drop-area-text-color: var(--mc-grid-drop-area-text-color, var(--ig-gray-700));
  --drop-area-icon-color: var(--mc-grid-drop-area-icon-color, var(--ig-gray-500));
  --drop-area-background: var(--mc-grid-drop-area-background, var(--ig-gray-200));
  --drop-area-on-drop-background: var(--mc-grid-drop-area-on-drop-background, var(--ig-gray-200));
  --header-background: var(--mc-grid-header-background, var(--ig-surface-500));
  --sortable-header-icon-hover-color: var(--mc-grid-sortable-header-icon-hover-color, var(--ig-primary-500));
  --sorted-header-icon-color: var(--mc-grid-sorted-header-icon-color, var(--ig-primary-500));
  --header-border-width: var(--mc-grid-header-border-width, 1px);
  --header-border-style: var(--mc-grid-header-border-style, solid);
  --header-border-color: var(--mc-grid-header-border-color, hsl(from var(--ig-gray-400) h s l/0.38));
  --ghost-header-background: var(--mc-grid-ghost-header-background, var(--ig-gray-50));
  --ghost-header-text-color: var(--mc-grid-ghost-header-text-color, var(--ig-gray-700));
  --ghost-header-icon-color: var(--mc-grid-ghost-header-icon-color, var(--ig-gray-600));
  --filtering-background-and: var(--mc-grid-filtering-background-and, var(--ig-primary-300));
  --filtering-background-or: var(--mc-grid-filtering-background-or, var(--ig-secondary-300));
  --filtering-background-and--focus: var(--mc-grid-filtering-background-and--focus, var(--ig-primary-700));
  --filtering-background-or--focus: var(--mc-grid-filtering-background-or--focus, var(--ig-secondary-700));
  --excel-filtering-header-foreground: var(--mc-grid-excel-filtering-header-foreground, var(--ig-gray-700));
  --excel-filtering-subheader-foreground: var(--mc-grid-excel-filtering-subheader-foreground, var(--ig-gray-700));
  --excel-filtering-actions-foreground: var(--mc-grid-excel-filtering-actions-foreground, var(--ig-gray-700));
  --excel-filtering-actions-hover-foreground: var(--mc-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700));
  --excel-filtering-actions-disabled-foreground: var(--mc-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400));
  --grid-border-color: var(--mc-grid-grid-border-color, transparent);
  --content-background: var(--mc-grid-content-background, var(--ig-gray-50));
  --content-text-color: var(--mc-grid-content-text-color, var(--ig-gray-800));
  --row-odd-background: var(--mc-grid-row-odd-background, var(--ig-gray-50));
  --row-even-background: var(--mc-grid-row-even-background, var(--ig-gray-50));
  --row-odd-text-color: var(--mc-grid-row-odd-text-color, inherit);
  --row-even-text-color: var(--mc-grid-row-even-text-color, inherit);
  --tree-selected-filtered-row-text-color: var(--mc-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400));
  --row-selected-text-color: var(--mc-grid-row-selected-text-color, var(--ig-secondary-50-contrast));
  --row-hover-background: var(--mc-grid-row-hover-background, var(--ig-gray-200));
  --row-hover-text-color: var(--mc-grid-row-hover-text-color, var(--ig-gray-200-contrast));
  --row-border-color: var(--mc-grid-row-border-color, hsl(from var(--ig-gray-300) h s l/0.38));
  --row-drag-color: var(--mc-grid-row-drag-color, var(--ig-gray-200));
  --pinned-border-width: var(--mc-grid-pinned-border-width, 2px);
  --pinned-border-style: var(--mc-grid-pinned-border-style, solid);
  --pinned-border-color: var(--mc-grid-pinned-border-color, var(--ig-gray-400));
  --cell-active-border-color: var(--mc-grid-cell-active-border-color, var(--ig-primary-500));
  --cell-selected-background: var(--mc-grid-cell-selected-background, var(--ig-gray-200));
  --tree-selected-filtered-cell-text-color: var(--mc-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500));
  --cell-selected-text-color: var(--mc-grid-cell-selected-text-color, var(--ig-gray-200-contrast));
  --cell-editing-background: var(--mc-grid-cell-editing-background, var(--ig-gray-50));
  --cell-editing-foreground: var(--mc-grid-cell-editing-foreground, var(--ig-gray-900));
  --cell-editing-focus-foreground: var(--mc-grid-cell-editing-focus-foreground, var(--ig-gray-900));
  --edit-mode-color: var(--mc-grid-edit-mode-color, var(--ig-primary-500));
  --edited-row-indicator: var(--mc-grid-edited-row-indicator, var(--ig-gray-400));
  --cell-new-color: var(--mc-grid-cell-new-color, inherit);
  --cell-edited-value-color: var(--mc-grid-cell-edited-value-color, var(--ig-gray-600));
  --cell-disabled-color: var(--mc-grid-cell-disabled-color, var(--ig-gray-500));
  --resize-line-color: var(--mc-grid-resize-line-color, var(--ig-primary-500));
  --drop-indicator-color: var(--mc-grid-drop-indicator-color, var(--ig-primary-500));
  --group-label-column-name-text: var(--mc-grid-group-label-column-name-text, var(--ig-primary-500));
  --group-label-icon: var(--mc-grid-group-label-icon, var(--ig-primary-500));
  --group-label-text: var(--mc-grid-group-label-text, var(--ig-gray-800));
  --expand-all-icon-color: var(--mc-grid-expand-all-icon-color, var(--ig-gray-600));
  --expand-all-icon-hover-color: var(--mc-grid-expand-all-icon-hover-color, var(--ig-gray-800));
  --expand-icon-color: var(--mc-grid-expand-icon-color, var(--ig-gray-600));
  --expand-icon-hover-color: var(--mc-grid-expand-icon-hover-color, var(--ig-gray-700));
  --active-expand-icon-color: var(--mc-grid-active-expand-icon-color, var(--ig-gray-500));
  --active-expand-icon-hover-color: var(--mc-grid-active-expand-icon-hover-color, var(--ig-primary-500));
  --group-count-background: var(--mc-grid-group-count-background, var(--ig-gray-200));
  --group-count-text-color: var(--mc-grid-group-count-text-color, var(--ig-gray-600));
  --group-row-background: var(--mc-grid-group-row-background, var(--ig-gray-100));
  --group-row-selected-background: var(--mc-grid-group-row-selected-background, var(--ig-gray-200));
  --filtering-header-background: var(--mc-grid-filtering-header-background, var(--ig-gray-50));
  --filtering-header-text-color: var(--mc-grid-filtering-header-text-color, var(--ig-gray-800));
  --filtering-row-background: var(--mc-grid-filtering-row-background, var(--ig-gray-50));
  --filtering-row-text-color: var(--mc-grid-filtering-row-text-color, var(--ig-gray-800));
  --tree-filtered-text-color: var(--mc-grid-tree-filtered-text-color, var(--ig-gray-500));
  --body-summaries-background: var(--mc-grid-body-summaries-background, var(--ig-gray-100));
  --body-summaries-text-color: var(--mc-grid-body-summaries-text-color, var(--ig-gray-100-contrast));
  --root-summaries-background: var(--mc-grid-root-summaries-background, var(--ig-gray-300));
  --root-summaries-text-color: var(--mc-grid-root-summaries-text-color, var(--ig-gray-300-contrast));
  --row-highlight: var(--mc-grid-row-highlight, var(--ig-primary-500));
  --row-ghost-background: var(--mc-grid-row-ghost-background, var(--ig-primary-50));
  --drop-area-border-radius: var(--mc-grid-drop-area-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.25) * 16px), 16px));
  --header-size: var(--mc-grid-header-size, max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --drop-area-size: var(--mc-grid-drop-area-size, max(var(--is-large, 1) * max(32px, -1 * 32px), var(--is-medium, 1) * max(24px, -1 * 24px), var(--is-small, 1) * max(24px, -1 * 24px)));
  --group-area-size: var(--mc-grid-group-area-size, max(var(--is-large, 1) * max(57px, -1 * 57px), var(--is-medium, 1) * max(49px, -1 * 49px), var(--is-small, 1) * max(41px, -1 * 41px)));
  --header-text-color: var(--mc-grid-header-text-color, var(--ig-surface-500-contrast));
  --header-selected-background: var(--mc-grid-header-selected-background, var(--ig-primary-50));
  --header-selected-text-color: var(--mc-grid-header-selected-text-color, var(--ig-primary-50-contrast));
  --row-selected-background: var(--mc-grid-row-selected-background, var(--ig-primary-50));
  --cell-selected-within-background: var(--mc-grid-cell-selected-within-background, var(--ig-primary-100));
  --cell-selected-within-text-color: var(--mc-grid-cell-selected-within-text-color, var(--ig-primary-100-contrast));
  --row-selected-hover-background: var(--mc-grid-row-selected-hover-background, var(--ig-primary-100));
  --row-selected-hover-text-color: var(--mc-grid-row-selected-hover-text-color, var(--ig-primary-100-contrast));
  --grid-shadow: var(--mc-grid-grid-shadow, var(--ig-elevation-2));
  --drag-shadow: var(--mc-grid-drag-shadow, var(--ig-elevation-5));
  --ig-theme: bootstrap;
}
@keyframes scale-in-ver-center {
  0% {
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
.mc-grid__td--editing > mc-input-group,
.mc-grid__td--editing mc-combo,
.mc-grid__td--editing mc-simple-combo,
.mc-grid__td--editing mc-select,
.mc-grid__td--editing mc-date-picker,
.mc-grid__td--editing mc-time-picker {
  position: relative;
  height: calc(100% - 4px);
  width: calc(100% - 4px) !important;
  inset-inline-start: 2px;
  overflow: hidden;
}
.mc-grid__td--editing mc-input-group {
  background: var(--cell-editing-background);
}
.mc-grid__td--editing mc-input-group input {
  height: 100%;
  color: var(--cell-editing-foreground);
}
.mc-grid__td--editing mc-input-group input:focus {
  color: var(--cell-editing-focus-foreground);
}
.mc-grid__td--editing mc-select mc-input-group,
.mc-grid__td--editing mc-combo mc-input-group,
.mc-grid__td--editing mc-simple-combo mc-input-group,
.mc-grid__td--editing mc-time-picker mc-input-group,
.mc-grid__td--editing mc-date-picker mc-input-group {
  height: 100%;
}
.mc-grid__td--editing .mc-input-group__bundle {
  background: transparent !important;
  height: 100% !important;
  min-height: 100% !important;
  border: none !important;
}
.mc-grid__td--editing .mc-input-group__bundle::before {
  content: none !important;
}
.mc-grid__td--editing .mc-input-group__bundle::after {
  display: none;
}
.mc-grid__td--editing .mc-input-group--indigo .mc-input-group__bundle:hover,
.mc-grid__td--editing .mc-input-group--indigo .mc-input-group__bundle:focus {
  background: transparent;
}
.mc-grid__td--editing .mc-input-group__bundle-main,
.mc-grid__td--editing .mc-input-group__bundle-start,
.mc-grid__td--editing .mc-input-group__bundle-end {
  height: auto;
  border: none !important;
  border-radius: 0 !important;
}
.mc-grid__td--editing .mc-input-group__bundle-main {
  padding: 0;
}
.mc-grid__td--editing .mc-input-group__line {
  display: none;
}
.mc-grid__td--editing mc-prefix,
.mc-grid__td--editing mc-suffix {
  background: transparent !important;
  border-radius: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
  padding-inline: max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(6px, -1 * 6px), var(--is-small, 1) * max(4px, -1 * 4px)) !important;
}
.mc-grid__td--editing .mc-input-group--indigo {
  padding-inline: max(var(--is-large, 1) * max(12px, -1 * 12px), var(--is-medium, 1) * max(8px, -1 * 8px), var(--is-small, 1) * max(6px, -1 * 6px)) !important;
}
.mc-grid__td--editing .mc-input-group--indigo mc-prefix {
  padding-inline-start: 0 !important;
}
.mc-grid__td--editing .mc-input-group--indigo mc-suffix {
  padding-inline-end: 0 !important;
}
.mc-grid__td--editing .mc-input-group__input {
  padding-inline: max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(6px, -1 * 6px), var(--is-small, 1) * max(4px, -1 * 4px)) !important;
}
.mc-grid__td--editing mc-date-range-picker {
  height: 100%;
}
.mc-grid__td--editing mc-time-picker [mcLabel] {
  display: none;
}
.mc-grid__td--editing input {
  margin: 0 auto;
  max-width: 100%;
}
.mc-grid__td--editing .mc-input-group__input,
.mc-grid__td--editing .mc-input-group__file-input,
.mc-grid__td--editing .mc-input-group__textarea {
  box-shadow: none !important;
  border: none !important;
}
.mc-grid__filtering-row mc-input-group {
  width: 100%;
  max-width: 200px;
  min-width: 140px;
  border: 1px solid var(--ig-gray-300);
  --size: calc(max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px)) - 8px);
  color: var(--filtering-row-text-color);
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end,
.mc-grid__filtering-row mc-input-group mc-prefix,
.mc-grid__filtering-row mc-input-group mc-suffix {
  background: transparent;
  border-radius: 0;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus-within,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start:focus-within,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end:focus-within,
.mc-grid__filtering-row mc-input-group mc-prefix:hover,
.mc-grid__filtering-row mc-input-group mc-prefix:focus,
.mc-grid__filtering-row mc-input-group mc-prefix:focus-within,
.mc-grid__filtering-row mc-input-group mc-suffix:hover,
.mc-grid__filtering-row mc-input-group mc-suffix:focus,
.mc-grid__filtering-row mc-input-group mc-suffix:focus-within {
  background: transparent;
}
.mc-grid__filtering-row mc-input-group mc-prefix,
.mc-grid__filtering-row mc-input-group mc-suffix {
  height: 100% !important;
  padding: 0 max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(6px, -1 * 6px), var(--is-small, 1) * max(4px, -1 * 4px));
}
.mc-grid__filtering-row mc-input-group .mc-input-group__input {
  font-size: max(var(--is-large, 1) * max(16px, -1 * 16px), var(--is-medium, 1) * max(14px, -1 * 14px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: 0;
  padding-block: 0;
  height: 100%;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end,
.mc-grid__filtering-row mc-input-group .mc-input-group__input {
  border: 0;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus-within,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-start:focus-within,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-end:focus-within,
.mc-grid__filtering-row mc-input-group .mc-input-group__input:hover,
.mc-grid__filtering-row mc-input-group .mc-input-group__input:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__input:focus-within {
  border: 0;
  box-shadow: none;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle::after {
  display: none;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus-within {
  border-width: 1px;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus .mc-input-group__bundle-main,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus .mc-input-group__bundle-start,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus .mc-input-group__bundle-end,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus-within .mc-input-group__bundle-main,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus-within .mc-input-group__bundle-start,
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle:focus-within .mc-input-group__bundle-end {
  margin: 0 !important;
}
.mc-grid__filtering-row mc-input-group .mc-input-group__bundle-main {
  padding-inline-start: 0;
}
.mc-grid__filtering-row mc-input-group:hover,
.mc-grid__filtering-row mc-input-group:focus,
.mc-grid__filtering-row mc-input-group:focus-within {
  color: var(--filtering-row-text-color);
  border-color: var(--ig-primary-500);
}
.mc-grid__filtering-row .mc-input-group__line {
  display: none;
}
.mc-grid__filtering-row mc-prefix:focus {
  color: var(--ig-secondary-500);
}
.mc-grid__filtering-row mc-suffix mc-icon {
  outline-style: none;
}
.mc-grid__filtering-row mc-suffix mc-icon:focus {
  color: var(--ig-secondary-500);
}
.mc-grid__filtering-row mc-suffix mc-icon + mc-icon {
  margin-inline-start: 4px;
}
.mc-grid__tbody-content:focus,
.mc-grid__tfoot:focus,
.mc-grid-thead__wrapper:focus {
  outline: 0;
}
.mc-grid {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --component-size: var(--ig-size, var(--ig-size-large));
  --grid-size: var(--component-size);
}
.mc-grid {
  --header-size: max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px));
  --grouparea-size: max(var(--is-large, 1) * max(57px, -1 * 57px), var(--is-medium, 1) * max(49px, -1 * 49px), var(--is-small, 1) * max(41px, -1 * 41px));
  --mc-tree-indent-size: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto auto;
  grid-template-columns: 100%;
  overflow: hidden;
  box-shadow: var(--grid-shadow);
  outline-style: none;
  z-index: 1;
}
.mc-grid__caption {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
  padding: 16px 24px;
  grid-row: 1;
}
.mc-grid-thead__wrapper,
.mc-grid__tfoot {
  position: relative;
  display: flex;
  background: var(--header-background);
  color: var(--header-text-color);
  overflow: hidden;
  outline-style: none;
}
.mc-grid-thead__wrapper .mc-grid__tr,
.mc-grid__tfoot .mc-grid__tr {
  position: relative;
  background: inherit;
  color: inherit;
  z-index: 2;
}
.mc-grid-thead__wrapper .mc-grid__tr:hover,
.mc-grid__tfoot .mc-grid__tr:hover {
  background: inherit;
  color: inherit;
}
.mc-grid-thead__wrapper > [aria-activedescendant],
.mc-grid__tfoot > [aria-activedescendant] {
  outline-style: none;
}
.mc-grid-thead__wrapper {
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  border-bottom-width: 2px;
  z-index: 2;
}
.mc-grid-thead__wrapper .mc-grid__cbx-selection--push {
  align-items: flex-start;
  padding-block-start: max(var(--is-large, 1) * max(15px, -1 * 15px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(10px, -1 * 10px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(6px, -1 * 6px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
}
.mc-grid-thead__wrapper .mc-grid__tr {
  border-bottom: none;
}
.mc-grid-thead {
  grid-row: 3;
  display: flex;
  overflow: hidden;
}
.mc-grid-thead .mc-grid__header-indentation mc-icon {
  --component-size: 3;
}
.mc-grid-thead .mc-grid__drag-indicator {
  cursor: default;
}
.mc-grid-thead .mc-grid__tr--mrl .mc-grid__hierarchical-expander--header,
.mc-grid-thead .mc-grid__tr--mrl .mc-grid__header-indentation,
.mc-grid-thead .mc-grid__tr--mrl .mc-grid__row-indentation,
.mc-grid-thead .mc-grid__tr--mrl .mc-grid__cbx-selection {
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid-thead:focus-visible {
  outline-color: transparent;
}
.mc-grid-thead__title {
  flex-basis: auto !important;
  align-items: center !important;
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  height: var(--header-size);
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
}
.mc-grid-thead__title--pinned-last {
  border-inline-end: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important;
}
.mc-grid-thead__group {
  display: flex;
  flex-flow: row nowrap;
}
.mc-grid-thead__item {
  display: flex;
  flex-flow: column nowrap;
  white-space: nowrap;
}
.mc-grid-thead__item .mc-grid-thead__group {
  flex: 1 1 auto;
}
.mc-grid-thead__item .mc-grid-thead__title,
.mc-grid-thead__item .mc-grid-th {
  flex: 1 1 auto;
}
.mc-grid-thead__item .mc-grid-thead__title {
  flex: 0 0 auto;
}
.mc-grid-thead__item,
.mc-grid-thead__subgroup {
  position: relative;
}
.mc-grid__tfoot {
  grid-row: 5;
  border-top: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  z-index: 10001;
}
.mc-grid__footer {
  grid-row: 7;
}
.mc-grid-thead__wrapper mc-display-container {
  width: 100%;
  overflow: visible;
}
.mc-grid__tr mc-display-container,
.mc-grid__summaries mc-display-container,
.mc-grid__summaries--body mc-display-container {
  width: 100%;
  overflow: visible;
}
.mc-grid__mrl-block {
  display: grid;
  background: inherit;
  position: relative;
}
.mc-grid__mrl-block .mc-grid-thead__item {
  display: flex;
}
.mc-grid__mrl-block .mc-grid-thead__title,
.mc-grid__mrl-block .mc-grid-th {
  align-items: center;
  flex-grow: 1;
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid__mrl-block .mc-grid__td,
.mc-grid__mrl-block .mc-grid-thead__title,
.mc-grid__mrl-block .mc-grid-th {
  border-inline-end: 1px solid var(--header-border-color);
  border-bottom: 1px solid var(--header-border-color);
}
.mc-grid__tr--mrl.mc-grid__tr {
  border-bottom-color: transparent;
}
.mc-grid__tr--mrl .mc-grid__cbx-selection,
.mc-grid__tr--mrl .mc-grid__row-indentation,
.mc-grid__tr--mrl .mc-grid__drag-indicator {
  border-bottom: 1px solid var(--row-border-color);
}
.mc-grid__tbody-content {
  position: relative;
  background: var(--content-background);
  color: var(--content-text-color);
  overflow: hidden;
  z-index: 1;
  outline-style: none;
}
.mc-grid__tbody {
  position: relative;
  display: flex;
  grid-row: 4;
  overflow: hidden;
  z-index: 1;
}
.mc-grid__tbody-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--content-text-color);
  flex-direction: column;
  padding: 24px;
}
.mc-grid__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100px;
}
.mc-grid__scroll {
  grid-row: 6;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  background: var(--header-background);
  z-index: 10001;
}
.mc-grid-thead__thumb {
  background: var(--header-background);
  border-inline-start: 1px solid var(--header-border-color);
}
.mc-grid__tfoot-thumb {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  background: var(--header-background);
  border-inline-start: 1px solid var(--header-border-color);
}
.mc-grid__tbody-scrollbar {
  background: var(--content-background);
  border-inline-start: 1px solid var(--row-border-color);
  position: relative;
}
.mc-grid__tbody-scrollbar-start {
  background: var(--header-background);
}
.mc-grid__tbody-scrollbar-main {
  position: relative;
}
.mc-grid__tbody-scrollbar-end {
  background: var(--header-background);
}
.mc-grid__scroll-start {
  background: var(--header-background);
}
.mc-grid__scroll-main mc-display-container {
  height: 0;
}
.mc-grid__scroll-main mc-horizontal-virtual-helper {
  height: 100%;
}
.mc-grid__tr {
  display: flex;
  background: var(--content-background);
  border-bottom: 1px solid var(--row-border-color);
  outline-style: none;
  position: relative;
  background-clip: content-box !important;
}
.mc-grid__tr:hover {
  background: var(--row-hover-background);
  color: var(--row-hover-text-color);
}
.mc-grid__tr:hover .mc-grid__td--column-selected {
  color: var(--row-selected-hover-text-color);
  background: var(--row-selected-hover-background);
}
.mc-grid__tr:hover .mc-grid__td--selected.mc-grid__td--column-selected {
  color: var(--cell-selected-within-text-color);
  background: var(--cell-selected-within-background);
}
.mc-grid__tr.mc-grid__tr--ghost {
  background: var(--row-ghost-background);
  color: var(--row-drag-color);
  z-index: 10002;
}
.mc-grid__tr.mc-grid__tr--ghost,
.mc-grid__tr.mc-grid__tr--ghost mc-grid-row {
  --row-ghost-background: var(--mc-grid-row-row-ghost-background, var(--ig-primary-50));
  --row-drag-color: var(--mc-grid-row-row-drag-color, );
}
.mc-grid__drag-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  flex: 1 0 auto;
  background: inherit;
  z-index: 4;
  cursor: move;
  border-inline-end: 1px solid transparent;
  background-clip: border-box;
}
.mc-grid__drag-indicator mc-icon {
  --component-size: 3;
}
.mc-grid__drag-indicator--header {
  border-inline-end: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid__drag-indicator--off {
  color: var(--row-drag-color);
}
.mc-grid__tr--drag {
  opacity: 0.5;
}
.mc-grid__tr--odd {
  background: var(--row-odd-background);
  color: var(--row-odd-text-color);
}
.mc-grid__tr--even {
  background: var(--row-even-background);
  color: var(--row-even-text-color);
}
.mc-grid__tr--expanded {
  border-bottom: none;
}
.mc-grid__tr--pinned {
  position: relative;
  background: inherit;
  z-index: 10000;
}
.mc-grid__tr--pinned .mc-grid__hierarchical-expander--empty {
  border-inline-end: 1px solid var(--header-border-color);
}
.mc-grid__tr--pinned-top {
  border-bottom: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important;
}
.mc-grid__tr--pinned-bottom {
  border-top: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important;
  position: absolute;
  bottom: 0;
}
.mc-grid__td--bool,
.mc-grid__td--image {
  justify-content: center;
}
.mc-grid__td--bool mc-icon {
  --component-size: 1;
}
.mc-grid__tr--edit {
  border-bottom: 1px solid var(--edit-mode-color);
  position: relative;
}
.mc-grid__tr--edit::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  top: -1px;
  inset-inline-start: 0;
  background: var(--edit-mode-color);
}
.mc-grid__tr--edit.mc-grid__tr {
  border-bottom: 1px solid var(--edit-mode-color);
}
.mc-grid__tr--edit .mc-grid__td--editing {
  border: none;
}
.mc-grid__tr--edit [aria-readonly=true] {
  color: var(--cell-disabled-color);
}
.mc-grid__tr--edit [aria-readonly=true] mc-icon {
  color: var(--cell-disabled-color);
}
.mc-grid__tr--inner {
  display: flex;
  background: inherit;
}
.mc-grid__tr--header {
  display: flex;
  align-items: center;
}
.mc-grid__tr--header mc-icon {
  --component-size: 3;
}
.mc-grid__tr--add-animate {
  animation: scale-in-ver-center 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mc-grid__tr--mrl.mc-grid__tr--edit:first-of-type::after {
  top: 0;
  z-index: 5;
}
.mc-grid__tr--edited::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  z-index: 10000;
  background: var(--edited-row-indicator);
}
.mc-grid__tr--group {
  position: relative;
  background: var(--header-background) !important;
}
.mc-grid__tr--filtered .mc-grid__td-text {
  color: var(--tree-filtered-text-color);
}
.mc-grid__tr--filtered .mc-grid__tree-grouping-indicator {
  color: var(--tree-filtered-text-color);
}
.mc-grid__tr--filtered .mc-grid__tree-grouping-indicator:hover {
  color: var(--tree-filtered-text-color);
}
.mc-grid__tr--filtered .mc-grid__td--selected .mc-grid__td-text {
  color: var(--tree-selected-filtered-cell-text-color);
}
.mc-grid__tr--filtered .mc-grid__td--selected .mc-grid__tree-grouping-indicator {
  color: var(--tree-selected-filtered-cell-text-color);
}
.mc-grid__tr--filtered .mc-grid__td--selected .mc-grid__tree-grouping-indicator:hover {
  color: var(--tree-selected-filtered-cell-text-color);
}
.mc-grid__tr--selected.mc-grid__tr--filtered .mc-grid__td-text {
  color: var(--tree-selected-filtered-row-text-color);
}
.mc-grid__tr--selected.mc-grid__tr--filtered .mc-grid__tree-grouping-indicator {
  color: var(--tree-selected-filtered-row-text-color);
}
.mc-grid__tr--selected.mc-grid__tr--filtered .mc-grid__tree-grouping-indicator:hover {
  color: var(--tree-selected-filtered-row-text-color);
}
.mc-grid__tr--selected.mc-grid__tr--filtered .mc-grid__td--selected .mc-grid__td-text {
  color: var(--tree-selected-filtered-cell-text-color);
}
.mc-grid__tr--selected.mc-grid__tr--filtered .mc-grid__td--selected .mc-grid__tree-grouping-indicator {
  color: var(--tree-selected-filtered-cell-text-color);
}
.mc-grid__tr--selected.mc-grid__tr--filtered .mc-grid__td--selected .mc-grid__tree-grouping-indicator:hover {
  color: var(--tree-selected-filtered-cell-text-color);
}
.mc-grid__tree-grouping-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  outline-style: none;
  margin-inline-end: 8px;
  cursor: pointer;
  color: var(--expand-icon-color);
}
.mc-grid__tree-grouping-indicator:hover {
  color: var(--expand-icon-hover-color);
}
[dir=rtl] .mc-grid__tree-grouping-indicator {
  transform: scaleX(-1);
}
.mc-grid__tree-grouping-indicator mc-icon {
  --component-size: 3;
}
.mc-grid__tree-loading-indicator {
  width: 24px;
  height: 24px;
  margin-inline-end: 8px;
}
.mc-grid__td,
.mc-grid-thead__title,
.mc-grid-th {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  outline-style: none;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  color: inherit;
  text-align: start;
  background-clip: border-box !important;
  border-inline-end: 1px solid var(--row-border-color);
  font-size: 14px;
  line-height: 16px;
  min-height: max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px));
}
.mc-grid__td-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
}
.mc-grid__td--fw,
.mc-grid-th--fw {
  flex-grow: 0;
  outline-style: none;
}
.mc-grid__td--fw mc-icon,
.mc-grid-th--fw mc-icon {
  --component-size: 3;
}
.mc-grid__tr-container--active,
.mc-grid__group-row--active,
.mc-grid-summary--active,
.mc-grid-th--active .mc-grid-th--selected,
.mc-grid-th--active .mc-grid-th--selectable,
.mc-grid-th--active,
.mc-grid__td--active {
  box-shadow: inset 0 0 0 1px var(--cell-active-border-color);
}
.mc-grid__tr-container--active > .mc-grid__filtering-cell,
.mc-grid__group-row--active > .mc-grid__filtering-cell,
.mc-grid-summary--active > .mc-grid__filtering-cell,
.mc-grid-th--active .mc-grid-th--selected > .mc-grid__filtering-cell,
.mc-grid-th--active .mc-grid-th--selectable > .mc-grid__filtering-cell,
.mc-grid-th--active > .mc-grid__filtering-cell,
.mc-grid__td--active > .mc-grid__filtering-cell,
.mc-grid__tr-container--active > .mc-grid__filtering-cell--selected,
.mc-grid__group-row--active > .mc-grid__filtering-cell--selected,
.mc-grid-summary--active > .mc-grid__filtering-cell--selected,
.mc-grid-th--active .mc-grid-th--selected > .mc-grid__filtering-cell--selected,
.mc-grid-th--active .mc-grid-th--selectable > .mc-grid__filtering-cell--selected,
.mc-grid-th--active > .mc-grid__filtering-cell--selected,
.mc-grid__td--active > .mc-grid__filtering-cell--selected,
.mc-grid__tr-container--active > .mc-grid-thead__title,
.mc-grid__group-row--active > .mc-grid-thead__title,
.mc-grid-summary--active > .mc-grid-thead__title,
.mc-grid-th--active .mc-grid-th--selected > .mc-grid-thead__title,
.mc-grid-th--active .mc-grid-th--selectable > .mc-grid-thead__title,
.mc-grid-th--active > .mc-grid-thead__title,
.mc-grid__td--active > .mc-grid-thead__title,
.mc-grid__tr-container--active > .mc-grid-th,
.mc-grid__group-row--active > .mc-grid-th,
.mc-grid-summary--active > .mc-grid-th,
.mc-grid-th--active .mc-grid-th--selected > .mc-grid-th,
.mc-grid-th--active .mc-grid-th--selectable > .mc-grid-th,
.mc-grid-th--active > .mc-grid-th,
.mc-grid__td--active > .mc-grid-th {
  border-inline-end-color: var(--cell-active-border-color);
  border-bottom-color: var(--cell-active-border-color);
}
.mc-grid__td--invalid {
  padding-inline-end: 4px !important;
}
.mc-grid__td--invalid > mc-icon {
  margin-inline-start: auto;
  color: var(--ig-error-500);
  width: var(--mc-icon-size, 18px);
  height: var(--mc-icon-size, 18px);
  font-size: var(--mc-icon-size, 18px);
}
.mc-grid__td--invalid .mc-grid__td-text {
  width: 100%;
}
.mc-grid__td--invalid .mc-input-group__bundle:focus-within::after {
  border: none !important;
}
.mc-grid__td--valid {
  box-shadow: inset 0 0 0 2px var(--ig-success-500) !important;
}
.mc-grid__td--pinned.mc-grid__td--selected,
.mc-grid__td--selected {
  color: var(--cell-selected-text-color);
  background: var(--cell-selected-background);
}
.mc-grid__td--selected .mc-grid__tree-grouping-indicator:hover {
  color: var(--cell-selected-text-color);
}
.mc-grid__tr--selected {
  color: var(--row-selected-text-color);
  background: var(--row-selected-background);
}
.mc-grid__tr--selected .mc-grid__td--selected {
  color: var(--cell-selected-within-text-color);
  background: var(--cell-selected-within-background);
}
.mc-grid__tr--selected:hover {
  background: var(--row-selected-hover-background);
  color: var(--row-selected-hover-text-color);
}
.mc-grid__tr--selected:hover .mc-grid__td--column-selected {
  color: var(--row-selected-hover-text-color);
  background: var(--row-selected-hover-background);
}
.mc-grid__tr--selected .mc-grid__tree-grouping-indicator {
  color: var(--row-selected-text-color);
}
.mc-grid__tr--selected .mc-grid__tree-grouping-indicator:hover {
  color: var(--row-selected-text-color);
}
.mc-grid__td--column-selected {
  color: var(--row-selected-text-color);
  background: var(--row-selected-background);
}
.mc-grid__td--selected.mc-grid__td--column-selected {
  color: var(--cell-selected-within-text-color);
  background: var(--cell-selected-within-background);
}
.mc-grid__td--new {
  color: var(--cell-new-color);
}
.mc-grid__td--edited .mc-grid__td-text {
  font-style: italic;
  color: var(--cell-edited-value-color);
  padding: 0 1px;
}
.mc-grid__tr--deleted .mc-grid__td-text {
  font-style: italic;
  color: var(--ig-error-500);
  text-decoration: line-through;
}
.mc-grid__tr--disabled .mc-grid__td-text {
  color: var(--cell-disabled-color);
}
.mc-grid__td--editing {
  background: var(--cell-editing-background) !important;
  box-shadow: inset 0 0 0 2px var(--edit-mode-color);
  padding: 0 !important;
}
.mc-grid__td--invalid.mc-grid__td--editing {
  box-shadow: inset 0 0 0 2px var(--ig-error-500) !important;
  padding-inline-end: 4px !important;
}
.mc-grid__td--editing.mc-grid__td--number,
.mc-grid__td--editing.mc-grid-th--number {
  justify-content: flex-start !important;
}
.mc-grid__td--pinned,
.mc-grid__td--pinned-last,
.mc-grid__td--pinned-first,
.mc-grid-th--pinned {
  position: relative;
  background: inherit;
  z-index: 9999;
}
.mc-grid__td--pinned.mc-grid__td--column-selected {
  color: var(--row-selected-text-color);
  background: var(--row-selected-background);
}
.mc-grid__td--pinned.mc-grid__td--column-selected:hover {
  background: var(--row-selected-hover-background);
  color: var(--row-selected-text-color);
}
.mc-grid__td--pinned-last,
.mc-grid-th--pinned-last {
  border-inline-end: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important;
}
.mc-grid__td--pinned-last .mc-grid__filtering-cell,
.mc-grid-th--pinned-last .mc-grid__filtering-cell,
.mc-grid__td--pinned-last .mc-grid__filtering-cell--selected,
.mc-grid-th--pinned-last .mc-grid__filtering-cell--selected,
.mc-grid__td--pinned-last .mc-grid-thead__title,
.mc-grid-th--pinned-last .mc-grid-thead__title,
.mc-grid__td--pinned-last .mc-grid-th,
.mc-grid-th--pinned-last .mc-grid-th {
  border-inline-end: none;
}
.mc-grid__td--pinned-first,
.mc-grid-th--pinned-first {
  border-inline-start: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color) !important;
}
.mc-grid__td--row-pinned-first {
  overflow: hidden;
}
.mc-grid__td--pinned-chip {
  margin-inline-end: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid-thead__title,
.mc-grid-th {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 14px;
  font-weight: 600;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  min-width: 0;
  padding-block: 0;
  border-inline-end: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  min-height: var(--header-size);
  outline-style: none;
  overflow: hidden;
  transition: color 250ms ease-in-out;
}
.mc-grid-th--filtering {
  background: var(--filtering-header-background);
  color: var(--filtering-header-text-color);
  z-index: 3;
}
.mc-grid-th__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  min-width: 3ch;
  -webkit-user-select: none;
  user-select: none;
  cursor: initial;
  flex-grow: 1;
  line-height: var(--header-size);
  transition: color 250ms ease-in-out;
}
.mc-grid-th__icons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-user-select: none;
  user-select: none;
  min-width: 30px;
  height: var(--header-size);
  align-self: flex-end;
}
.mc-grid-th__icons:empty {
  min-width: 0;
}
.mc-grid-th__icons .sort-icon {
  position: relative;
  display: flex;
}
.mc-grid-th__icons .sort-icon mc-icon {
  --size: var(--mc-icon-size, 15px);
}
.mc-grid-th__icons .sort-icon::after {
  content: attr(data-sortIndex);
  position: absolute;
  top: -5px;
  inset-inline-end: -1px;
  font-size: 10px;
  text-align: end;
  font-family: sans-serif;
  line-height: 10px;
}
.mc-grid-th__expander {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
  cursor: pointer;
}
.mc-grid-th__expander mc-icon {
  color: var(--expand-icon-color);
}
.mc-grid-th__expander:hover mc-icon {
  color: var(--expand-icon-hover-color);
}
.mc-grid-th__group-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mc-grid-th--collapsible {
  justify-content: normal;
}
.mc-grid-th--selectable {
  opacity: 0.75;
}
.mc-grid-th--selectable.mc-grid__drag-ghost-image {
  opacity: 1;
}
.mc-grid-th--selectable .sort-icon {
  color: var(--header-selected-text-color);
}
.mc-grid-th--selectable .sort-icon ::after {
  background: var(--header-selected-background);
}
.mc-grid-th--selected .sort-icon::after {
  background: var(--header-selected-background);
}
.mc-grid-th--selectable,
.mc-grid-th--selected {
  color: var(--header-selected-text-color);
  background: var(--header-selected-background);
}
.mc-grid-th--selectable.mc-grid-th--sorted .sort-icon,
.mc-grid-th--selected.mc-grid-th--sorted .sort-icon {
  color: var(--header-selected-text-color);
}
.mc-grid-th--selectable.mc-grid-th--sorted .sort-icon:focus,
.mc-grid-th--selectable.mc-grid-th--sorted .sort-icon:hover,
.mc-grid-th--selected.mc-grid-th--sorted .sort-icon:focus,
.mc-grid-th--selected.mc-grid-th--sorted .sort-icon:hover {
  color: var(--header-selected-text-color);
}
.mc-grid-th--sortable .sort-icon {
  cursor: pointer;
  opacity: 0.7;
}
.mc-grid-th--sortable .sort-icon:hover {
  opacity: 1;
}
.mc-grid-th--sorted .sort-icon {
  opacity: 1;
  color: var(--sorted-header-icon-color);
}
.mc-grid-th--sorted .sort-icon:hover {
  color: var(--sortable-header-icon-hover-color);
}
.mc-grid-th--filtrable .mc-grid-th__title {
  opacity: 0.7;
}
.mc-grid-th--filtrable.mc-grid-th--sortable .sort-icon {
  cursor: pointer;
  opacity: 0.7;
}
.mc-grid-th--filtrable.mc-grid-th--sortable .sort-icon:hover {
  opacity: 1;
}
.mc-excel-filter__icon--filtered,
.mc-excel-filter__icon,
.sort-icon {
  transition: all 250ms ease-in-out;
}
.mc-grid__td--number,
.mc-grid-th--number {
  text-align: end;
  justify-content: flex-end;
}
.mc-grid__td--number .mc-grid-th__icons,
.mc-grid-th--number .mc-grid-th__icons {
  justify-content: flex-start;
  order: -1;
}
.mc-grid__td--number .mc-grid-th__icons .sort-icon,
.mc-grid-th--number .mc-grid-th__icons .sort-icon {
  order: 1;
}
.mc-grid__cbx-selection {
  display: flex;
  justify-content: center;
  align-items: center;
  background: inherit;
  z-index: 4;
  background-clip: border-box;
}
.mc-grid__cbx-padding {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid-th__resize-handle {
  position: absolute;
  width: 4px;
  top: 0;
  inset-inline-end: -2px;
  height: 100%;
  z-index: 2;
}
.mc-grid-th__resize-line {
  position: absolute;
  cursor: col-resize;
  width: 4px;
  background: var(--resize-line-color);
  z-index: 2;
}
.mc-grid-th__resize-line::before,
.mc-grid-th__resize-line::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 96px;
}
.mc-grid-th__resize-line::before {
  inset-inline-end: 100%;
}
.mc-grid-th__resize-line::after {
  inset-inline-start: 100%;
}
.mc-grid__summaries,
.mc-grid__summaries--body {
  display: flex;
  overflow: hidden;
  background: var(--root-summaries-background);
  outline-style: none;
}
.mc-grid__summaries .mc-grid-summary__result,
.mc-grid__summaries--body .mc-grid-summary__result {
  color: var(--root-summaries-text-color);
}
.mc-grid__summaries--body {
  background: var(--body-summaries-background);
  border-bottom: 1px dashed var(--row-border-color);
}
.mc-grid__summaries--body:last-of-type {
  border-bottom: none;
}
.mc-grid__summaries--body .mc-grid-summary__result {
  color: var(--body-summaries-text-color);
}
.mc-grid__summaries-patch {
  background: var(--ig-gray-100);
  position: relative;
  z-index: 1;
  border-inline-end: 1px solid var(--header-border-color);
}
.mc-grid-th__drop-indicator-left,
.mc-grid-th__drop-indicator-right {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  z-index: 1;
}
.mc-grid-th__drop-indicator-left {
  inset-inline-start: -1px;
}
.mc-grid-th__drop-indicator-right {
  inset-inline-end: -1px;
}
.mc-grid-th__drop-indicator--active.mc-grid-th__drop-indicator-left,
.mc-grid-th__drop-indicator--active.mc-grid-th__drop-indicator-right {
  border-inline-end: 1px solid var(--drop-indicator-color);
}
.mc-grid-th__drop-indicator--active::after,
.mc-grid-th__drop-indicator--active::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  inset-inline-start: -3px;
}
.mc-grid-th__drop-indicator--active::before {
  bottom: 0;
  border-width: 0 4px 4px;
  border-color: transparent transparent var(--drop-indicator-color);
}
.mc-grid-th__drop-indicator--active::after {
  top: 0;
  border-width: 4px 4px 0;
  border-color: var(--drop-indicator-color) transparent transparent;
}
.mc-grid__scroll-on-drag-left,
.mc-grid__scroll-on-drag-right {
  position: absolute;
  width: 15px;
  top: 0;
  height: 100%;
  z-index: 25;
}
.mc-grid__scroll-on-drag-left {
  inset-inline-start: 0;
}
.mc-grid__scroll-on-drag-right {
  inset-inline-end: 0;
}
.mc-grid__scroll-on-drag-pinned {
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
  z-index: 25;
}
.mc-grid__drag-ghost-image {
  position: absolute;
  display: flex;
  align-items: center;
  background: var(--ghost-header-background);
  color: var(--ghost-header-text-color);
  min-width: 168px;
  max-width: 320px;
  height: var(--header-size);
  min-height: var(--header-size);
  top: -99999px;
  inset-inline-start: -99999px;
  border: none;
  box-shadow: var(--drag-shadow);
  overflow: hidden;
  z-index: 20;
}
.mc-grid__drag-ghost-image .mc-grid-th__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 0 0;
  text-align: end;
}
.mc-grid__drag-ghost-image .mc-grid-th__icons {
  display: none;
}
.mc-grid__drag-ghost-image .mc-grid-thead__title {
  border: none;
}
.mc-grid__drag-ghost-image-icon {
  color: var(--ghost-header-icon-color);
  margin-inline-end: 12px;
}
.mc-grid__drag-ghost-image-icon-group {
  color: var(--ghost-header-icon-color);
  padding: 24px;
  padding-inline-end: 0;
  margin-inline-end: 8px;
}
.mc-grid__drag-col-header {
  background: var(--header-background);
}
.mc-grid__drag-col-header .mc-grid-thead__title > *,
.mc-grid__drag-col-header .mc-grid-th > * {
  opacity: 0.4;
}
.mc-grid__group-row {
  background: var(--group-row-background);
  display: flex;
  outline-style: none;
  border-bottom: 1px solid var(--row-border-color);
  min-height: var(--header-size);
}
.mc-grid__group-row .mc-grid__drag-indicator {
  cursor: default;
  flex-grow: 0;
}
.mc-grid__group-row .mc-grid__cbx-selection {
  background: initial;
}
.mc-grid__group-row--active {
  background: var(--group-row-selected-background);
}
.mc-grid__group-row--active .mc-grid__grouping-indicator {
  color: var(--expand-icon-color);
}
.mc-grid__group-row--active .mc-grid__drag-indicator {
  border: 1px solid var(--cell-active-border-color);
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  box-shadow: inset 1px 0 0 0 var(--cell-active-border-color);
}
.mc-grid__group-row--active:hover {
  background: var(--group-row-selected-background);
}
.mc-group-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 16px;
  gap: 4px;
}
mc-icon.mc-group-label__icon {
  --component-size: 1;
  color: var(--group-label-icon);
  -webkit-user-select: none;
  user-select: none;
}
.mc-group-label__column-name {
  font-weight: 600;
  font-size: 12px;
  color: var(--group-label-column-name-text);
}
.mc-group-label__count-badge {
  --background-color: var(--group-count-background);
  --text-color: var(--group-count-text-color);
}
.mc-group-label__count-badge > span {
  font-size: 14px;
}
.mc-group-label__text {
  font-size: 13px;
  color: var(--group-label-text);
}
[dir=rtl] .mc-group-label > * {
  margin-inline-start: 4px;
}
[dir=rtl] .mc-group-label > *:last-child {
  margin-inline-start: 0;
}
.mc-grid__group-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  padding-inline-start: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  min-height: max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px));
}
.mc-grid__group-content:focus {
  outline: transparent;
}
.mc-grid__row-indentation {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-start: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-inline-end: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  border-inline-end: 1px solid var(--header-border-color);
  background: inherit;
  z-index: 1;
  background-clip: border-box;
}
.mc-grid__row-indentation::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  inset-inline-start: 0;
  background: transparent;
}
.mc-grid-grouparea {
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  background: var(--grouparea-background);
  color: var(--grouparea-color);
  min-height: var(--grouparea-size);
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}
.mc-grid-grouparea:focus {
  outline-style: none;
}
.mc-grid-grouparea .mc-chip,
.mc-grid-grouparea .mc-chip__ghost {
  margin-block: max(var(--is-large, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
}
.mc-grid-grouparea__connector {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
}
.mc-grid-grouparea__connector mc-icon {
  width: var(--mc-icon-size, 16px);
  height: var(--mc-icon-size, 16px);
  font-size: var(--mc-icon-size, 16px);
}
[dir=rtl] .mc-grid-grouparea__connector {
  transform: scaleX(-1);
}
.mc-drop-area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 80px;
  height: max(var(--is-large, 1) * max(32px, -1 * 32px), var(--is-medium, 1) * max(24px, -1 * 24px), var(--is-small, 1) * max(24px, -1 * 24px));
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  flex: 1 0 0%;
  background: var(--drop-area-background);
  border-radius: var(--drop-area-border-radius);
}
.mc-drop-area .mc-drop-area__icon {
  color: var(--drop-area-icon-color);
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-inline-end: 8px;
}
.mc-drop-area--hover {
  background: var(--drop-area-on-drop-background);
}
.mc-drop-area__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--drop-area-text-color);
  font-size: 13px;
}
.mc-grid__grouping-indicator {
  position: relative;
  display: flex;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  padding-inline-end: 12px;
  margin-inline-start: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  min-height: var(--header-size);
}
.mc-grid__grouping-indicator mc-icon {
  --component-size: 3;
  color: var(--expand-icon-color);
}
.mc-grid__grouping-indicator:hover,
.mc-grid__grouping-indicator:focus {
  outline-style: none;
}
.mc-grid__grouping-indicator:hover mc-icon,
.mc-grid__grouping-indicator:focus mc-icon {
  color: var(--expand-icon-hover-color);
}
[dir=rtl] .mc-grid__grouping-indicator {
  transform: scaleX(-1);
}
.mc-grid__header-indentation {
  position: relative;
  padding-inline-end: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  border-inline-end: 1px solid var(--header-border-color);
  background: var(--header-background);
  z-index: 4;
}
.mc-grid__header-indentation mc-icon {
  --component-size: 3;
}
.mc-grid__group-expand-btn {
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  inset-block-start: calc(50% - 24px / 2);
  inset-inline-start: var(--indicator-inline-inset);
}
.mc-grid__group-expand-btn:hover {
  color: var(--expand-icon-hover-color);
}
.mc-grid__group-expand-btn.mc-grid__group-expand-btn--push {
  inset-block-start: max(var(--is-large, 1) * max(13px, -1 * 13px), var(--is-medium, 1) * max(8px, -1 * 8px), var(--is-small, 1) * max(4px, -1 * 4px));
}
.mc-grid__row-indentation--level-1 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(24px + 24px), -1 * calc(24px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(16px + 24px), -1 * calc(16px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(12px + 24px), -1 * calc(12px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-1 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-2 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(48px + 24px), -1 * calc(48px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(32px + 24px), -1 * calc(32px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(24px + 24px), -1 * calc(24px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-2 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(48px, -1 * 48px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(32px, -1 * 32px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-3 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(72px + 24px), -1 * calc(72px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(48px + 24px), -1 * calc(48px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(36px + 24px), -1 * calc(36px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-3 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(72px, -1 * 72px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(48px, -1 * 48px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(36px, -1 * 36px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-4 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(96px + 24px), -1 * calc(96px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(64px + 24px), -1 * calc(64px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(48px + 24px), -1 * calc(48px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-4 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(96px, -1 * 96px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(64px, -1 * 64px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(48px, -1 * 48px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-5 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(120px + 24px), -1 * calc(120px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(80px + 24px), -1 * calc(80px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(60px + 24px), -1 * calc(60px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-5 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(120px, -1 * 120px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(80px, -1 * 80px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(60px, -1 * 60px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-6 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(144px + 24px), -1 * calc(144px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(96px + 24px), -1 * calc(96px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(72px + 24px), -1 * calc(72px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-6 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(144px, -1 * 144px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(96px, -1 * 96px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(72px, -1 * 72px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-7 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(168px + 24px), -1 * calc(168px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(112px + 24px), -1 * calc(112px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(84px + 24px), -1 * calc(84px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-7 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(168px, -1 * 168px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(112px, -1 * 112px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(84px, -1 * 84px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-8 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(192px + 24px), -1 * calc(192px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(128px + 24px), -1 * calc(128px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(96px + 24px), -1 * calc(96px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-8 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(192px, -1 * 192px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(128px, -1 * 128px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(96px, -1 * 96px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-9 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(216px + 24px), -1 * calc(216px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(144px + 24px), -1 * calc(144px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(108px + 24px), -1 * calc(108px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-9 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(216px, -1 * 216px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(144px, -1 * 144px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(108px, -1 * 108px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__row-indentation--level-10 {
  --indicator-inline-inset: max(var(--is-large, 1) * max(24px, -1 * 24px), var(--is-medium, 1) * max(16px, -1 * 16px), var(--is-small, 1) * max(12px, -1 * 12px));
  padding-inline-start: max(var(--is-large, 1) * max(calc(240px + 24px), -1 * calc(240px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(160px + 24px), -1 * calc(160px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(120px + 24px), -1 * calc(120px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__group-row--padding-level-10 .mc-grid__grouping-indicator {
  padding-inline-start: max(var(--is-large, 1) * max(240px, -1 * 240px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(160px, -1 * 160px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(120px, -1 * 120px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__outlet {
  --ig-size: var(--grid-size);
  z-index: 10002;
  position: fixed;
}
.mc-grid__loading-outlet {
  z-index: 10003;
}
.mc-grid__loading-outlet > .mc-overlay__wrapper--modal {
  background: none;
}
.mc-grid__row-editing-outlet {
  z-index: 10000;
  position: absolute;
}
.mc-grid__row-editing-outlet .mc-overlay__wrapper,
.mc-grid__row-editing-outlet .mc-overlay__wrapper--modal,
.mc-grid__row-editing-outlet .mc-overlay__wrapper--flex,
.mc-grid__row-editing-outlet .mc-overlay__wrapper--flex-container {
  position: absolute;
}
.mc-grid__addrow-snackbar {
  position: absolute;
  z-index: 5;
  bottom: 24px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
.mc-grid__filtering-cell,
.mc-grid__filtering-cell--selected {
  display: flex;
  align-items: center;
  border-inline-end: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  border-top: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  height: var(--header-size);
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  overflow: hidden;
}
.mc-grid__filtering-cell mc-chips-area,
.mc-grid__filtering-cell--selected mc-chips-area {
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  flex-wrap: nowrap;
}
.mc-grid__filtering-cell mc-chips-area .mc-filtering-chips__connector,
.mc-grid__filtering-cell--selected mc-chips-area .mc-filtering-chips__connector {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 8px;
}
.mc-grid__filtering-cell--selected {
  color: var(--header-selected-text-color);
  background: var(--header-selected-background);
}
.mc-grid__filtering-cell-indicator,
.mc-grid__filtering-cell-indicator--hidden {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline-end: 8px;
  margin-inline-start: 8px;
  cursor: pointer;
  visibility: visible;
}
.mc-grid__filtering-cell-indicator mc-icon,
.mc-grid__filtering-cell-indicator--hidden mc-icon {
  --component-size: 1;
}
.mc-grid__filtering-cell-indicator .mc-badge,
.mc-grid__filtering-cell-indicator--hidden .mc-badge {
  --size: 14px;
  --font-size: 12px;
  line-height: 0;
  position: absolute;
  inset-inline-end: 0;
}
.mc-grid__filtering-cell-indicator--hidden {
  visibility: hidden;
}
.mc-grid__filtering-row {
  position: absolute;
  display: flex;
  width: 100%;
  height: max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px));
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  align-items: center;
  justify-content: space-between;
  background: var(--filtering-row-background);
  color: var(--filtering-row-text-color);
  inset-inline-start: 0;
  bottom: 0;
  z-index: 3;
}
.mc-grid__filtering-row::after {
  display: block;
  position: absolute;
  content: "";
  background: inherit;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0 1px 0 var(--filtering-row-background), 0 4px 10px rgba(0, 0, 0, 0.12);
  z-index: -1;
}
.mc-grid__filtering-row mc-input-group {
  --ig-size: var(--grid-size) !important;
}
.mc-grid__filtering-row [mcIconButton] {
  --ig-size: 1;
}
.mc-grid__filtering-row [mcButton] {
  margin: 4px;
}
.mc-grid__filtering-dropdown-items {
  display: flex;
  align-items: center;
}
.mc-grid__filtering-dropdown-text {
  margin-inline-start: 16px;
}
.mc-grid__filtering-row-main {
  display: flex;
  flex: 1;
  overflow: hidden;
  max-width: calc(100% - 176px);
  min-width: 56px;
}
.mc-grid__filtering-row-main mc-chips-area {
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  flex-wrap: nowrap;
  margin-inline: 8px;
  gap: 4px;
}
.mc-grid__filtering-row-main mc-chip {
  margin: 0 4px;
}
.mc-grid__filtering-row-main [mcButton] mc-icon {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.mc-grid__filtering-row-main [mcButton] span {
  margin-inline-start: 16px;
}
.mc-grid__filtering-row-scroll-start::after {
  display: block;
  position: absolute;
  width: 10px;
  content: "";
  inset-block: -2px;
  background:
    linear-gradient(
      to right,
      var(--filtering-row-background),
      transparent);
  inset-inline-start: calc(100% + 6px);
}
[dir=rtl] .mc-grid__filtering-row-scroll-start::before {
  display: block;
  position: absolute;
  width: 10px;
  content: "";
  inset-block: -2px;
  background:
    linear-gradient(
      to right,
      var(--filtering-row-background),
      transparent);
  inset-inline-end: calc(100% + 6px);
}
.mc-grid__filtering-row-scroll-end::before {
  display: block;
  position: absolute;
  width: 10px;
  content: "";
  inset-block: -2px;
  background:
    linear-gradient(
      to left,
      var(--filtering-row-background),
      transparent);
  inset-inline-end: calc(100% + 6px);
}
[dir=rtl] .mc-grid__filtering-row-scroll-end::after {
  display: block;
  position: absolute;
  width: 10px;
  content: "";
  inset-block: -2px;
  background:
    linear-gradient(
      to left,
      var(--filtering-row-background),
      transparent);
  inset-inline-start: calc(100% + 6px);
}
.mc-grid__filtering-row-scroll-start,
.mc-grid__filtering-row-scroll-end {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  margin: 8px;
  z-index: 1;
}
[dir=rtl] .mc-grid__filtering-row-scroll-start,
[dir=rtl] .mc-grid__filtering-row-scroll-end {
  transform: scaleX(-1);
}
[dir=rtl] .mc-grid__filtering-row-scroll-start::after,
[dir=rtl] .mc-grid__filtering-row-scroll-end::after {
  content: initial;
}
.mc-grid__tr--highlighted {
  position: relative;
}
.mc-grid__tr--highlighted::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 4px;
  height: 100%;
  background: var(--row-highlight);
  z-index: 3;
}
.mc-grid__tr--highlighted .mc-grid__tr--edited::before {
  inset-inline-start: 4px;
}
.mc-grid__tr--highlighted::before {
  inset-inline-start: 4px;
}
.mc-grid__tr-container {
  overflow: auto;
  width: 100%;
  border-bottom: 1px solid var(--row-border-color);
}
.mc-grid__hierarchical-expander,
.mc-grid__hierarchical-expander--empty {
  -webkit-user-select: none;
  user-select: none;
  background: inherit;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  color: var(--expand-icon-color);
  background-clip: border-box;
}
.mc-grid__hierarchical-expander:focus,
.mc-grid__hierarchical-expander--empty:focus {
  outline: none;
}
.mc-grid__hierarchical-expander:focus mc-icon,
.mc-grid__hierarchical-expander--empty:focus mc-icon {
  color: var(--expand-icon-hover-color);
}
.mc-grid__hierarchical-expander:hover mc-icon,
.mc-grid__hierarchical-expander--empty:hover mc-icon {
  color: var(--expand-icon-hover-color);
}
.mc-grid__hierarchical-expander mc-icon,
.mc-grid__hierarchical-expander--empty mc-icon {
  --component-size: 3;
  color: var(--expand-icon-color);
  max-width: 24px;
  min-width: min-content;
}
[dir=rtl] .mc-grid__hierarchical-expander,
[dir=rtl] .mc-grid__hierarchical-expander--empty {
  transform: scaleX(-1);
}
.mc-grid__hierarchical-expander--empty {
  cursor: default;
  pointer-events: none;
}
.mc-grid__hierarchical-expander--header {
  background: inherit;
  border-inline-end: 1px solid var(--header-border-color);
  z-index: 3;
  background-clip: border-box;
}
.mc-grid__hierarchical-expander--header mc-icon {
  display: flex;
  align-items: center;
}
.mc-grid__hierarchical-expander--push {
  align-items: flex-start;
}
.mc-grid__hierarchical-expander--push mc-icon {
  min-height: var(--header-size);
  max-height: var(--header-size);
}
.mc-grid__header-indentation--no-border {
  border-inline-end: 1px solid transparent;
}
.mc-grid__hierarchical-indent {
  display: flex;
  margin-inline-start: max(var(--is-large, 1) * max(calc(2 * 24px + 24px), -1 * calc(2 * 24px + 24px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(2 * 16px + 24px), -1 * calc(2 * 16px + 24px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(2 * 12px + 24px), -1 * calc(2 * 12px + 24px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  margin-inline-end: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  margin-block: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
}
.mc-grid__hierarchical-indent--scroll {
  margin-inline-end: max(var(--is-large, 1) * max(calc(24px + 18px), -1 * calc(24px + 18px)) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(calc(16px + 18px), -1 * calc(16px + 18px)) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(calc(12px + 18px), -1 * calc(12px + 18px)) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-excel-filter {
  --component-size: var(--ig-size, var(--ig-size-large));
  display: block;
  height: 100%;
  flex-grow: 1;
  box-shadow: var(--ig-elevation-12);
  overflow: auto;
}
.mc-excel-filter__sizing {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  min-height: max(var(--is-large, 1) * max(645px, -1 * 645px), var(--is-medium, 1) * max(465px, -1 * 465px), var(--is-small, 1) * max(330px, -1 * 330px));
  max-height: max(var(--is-large, 1) * max(775px, -1 * 775px), var(--is-medium, 1) * max(565px, -1 * 565px), var(--is-small, 1) * max(405px, -1 * 405px));
}
.mc-excel-filter--inline {
  box-shadow: none;
  width: 100%;
}
.mc-excel-filter__loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mc-excel-filter__icon,
.mc-excel-filter__icon--filtered {
  display: flex;
  cursor: pointer;
}
.mc-excel-filter__icon mc-icon,
.mc-excel-filter__icon--filtered mc-icon {
  --size: var(--mc-icon-size, 15px);
}
.mc-excel-filter__icon--filtered {
  opacity: 1;
}
.mc-excel-filter__icon--filtered mc-icon {
  color: var(--ig-secondary-500);
}
.mc-excel-filter__menu {
  --component-size: var(--ig-size, var(--ig-size-large));
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: clamp(0px, calc(var(--ig-radius-factor, 1) * 4px), 4px);
  background: var(--filtering-row-background);
}
.mc-excel-filter__menu,
.mc-excel-filter__menu mc-tree-node {
  --background: var(--mc-tree-background, var(--ig-surface-500));
  --foreground: var(--mc-tree-foreground, var(--ig-surface-500-contrast));
  --icon-color: var(--mc-tree-icon-color, var(--ig-surface-500-contrast));
  --background-selected: var(--mc-tree-background-selected, var(--ig-surface-500));
  --background-active: var(--mc-tree-background-active, var(--ig-surface-500));
  --foreground-active: var(--mc-tree-foreground-active, var(--ig-surface-500-contrast));
  --background-disabled: var(--mc-tree-background-disabled, var(--ig-surface-500));
  --foreground-disabled: var(--mc-tree-foreground-disabled, var(--ig-gray-500));
  --drop-area-color: var(--mc-tree-drop-area-color, var(--ig-secondary-500));
  --hover-color: var(--mc-tree-hover-color, hsl(from var(--ig-gray-900) h s l/0.1));
  --hover-selected-color: var(--mc-tree-hover-selected-color, hsl(from var(--ig-gray-900) h s l/0.1));
  --size: var(--mc-tree-size, max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --default-size: var(--mc-tree-default-size, 2);
  --foreground-selected: var(--mc-tree-foreground-selected, var(--ig-surface-500-contrast));
  --background-active-selected: var(--mc-tree-background-active-selected, var(--ig-surface-500));
  --foreground-active-selected: var(--mc-tree-foreground-active-selected, var(--ig-surface-500-contrast));
  --border-color: var(--mc-tree-border-color, var(--ig-secondary-500));
  --ig-theme: material;
}
.mc-excel-filter__menu .mc-tree-node__wrapper {
  padding: 0;
}
.mc-excel-filter__menu mc-chips-area {
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block-start: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
  padding-block-end: 0;
  gap: max(var(--is-large, 1) * max(8px, -1 * 8px), var(--is-medium, 1) * max(4px, -1 * 4px), var(--is-small, 1) * max(4px, -1 * 4px));
}
.mc-excel-filter__menu-header,
.mc-excel-filter__secondary-header {
  display: flex;
  align-items: center;
  padding: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
  color: var(--excel-filtering-header-foreground);
}
.mc-excel-filter__menu-header-actions {
  display: flex;
  margin-inline-start: auto;
}
.mc-excel-filter__menu-header-actions [mcButton] + [mcButton] {
  margin-inline-start: 4px;
}
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-pin,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-pin--disabled,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-unpin,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-hide,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-select,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-selected,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-filter,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-filter--active,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-clear,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-clear--disabled {
  padding: 0 !important;
  margin: 0 !important;
}
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-pin,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-pin--disabled,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-unpin,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-hide,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-select,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-selected,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-filter,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-filter--active,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-clear,
.mc-excel-filter__menu-header-actions .mc-excel-filter__actions-clear--disabled {
  justify-content: center;
}
.mc-excel-filter__menu-footer,
.mc-excel-filter__secondary-footer {
  display: flex;
  justify-content: space-between;
}
.mc-excel-filter__menu-footer .mc-excel-filter__apply,
.mc-excel-filter__secondary-footer .mc-excel-filter__apply,
.mc-excel-filter__menu-footer .mc-excel-filter__cancel,
.mc-excel-filter__secondary-footer .mc-excel-filter__cancel {
  flex-grow: 1;
}
.mc-excel-filter__menu-footer .mc-excel-filter__apply [mcButton],
.mc-excel-filter__secondary-footer .mc-excel-filter__apply [mcButton],
.mc-excel-filter__menu-footer .mc-excel-filter__cancel [mcButton],
.mc-excel-filter__secondary-footer .mc-excel-filter__cancel [mcButton] {
  width: 100%;
}
.mc-excel-filter__clear {
  flex-grow: 1;
}
.mc-excel-filter__cancel + .mc-excel-filter__apply {
  margin-inline-start: 16px;
}
.mc-excel-filter__sort,
.mc-excel-filter__move {
  display: block;
  padding-block: max(var(--is-large, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-excel-filter__sort header,
.mc-excel-filter__move header {
  color: var(--excel-filtering-subheader-foreground);
  margin-block-end: 4px;
}
.mc-excel-filter__sort mc-icon,
.mc-excel-filter__move mc-icon {
  --component-size: var(--grid-size);
  display: initial;
  width: var(--size) !important;
  height: var(--size) !important;
  font-size: var(--size) !important;
}
.mc-excel-filter__menu--compact .mc-excel-filter__sort,
.mc-excel-filter__menu--compact .mc-excel-filter__move {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mc-excel-filter__menu--compact .mc-excel-filter__sort header,
.mc-excel-filter__menu--compact .mc-excel-filter__move header {
  margin-inline-end: auto;
}
.mc-excel-filter__actions {
  padding-block: max(var(--is-large, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-excel-filter__actions-selected mc-icon {
  color: var(--ig-secondary-500);
}
[dir=rtl] .mc-excel-filter__move .mc-button-group {
  flex-direction: row-reverse;
}
[dir=rtl] .mc-excel-filter__move .mc-button-group mc-icon,
[dir=rtl] .mc-excel-filter__move .mc-button-group [mcButton] {
  direction: ltr;
}
[dir=rtl] .mc-excel-filter__sort .mc-button-group {
  flex-direction: row-reverse;
}
[dir=rtl] .mc-excel-filter__sort .mc-button-group mc-icon,
[dir=rtl] .mc-excel-filter__sort .mc-button-group [mcButton] {
  direction: ltr;
}
.mc-excel-filter__actions-pin,
.mc-excel-filter__actions-pin--disabled,
.mc-excel-filter__actions-unpin,
.mc-excel-filter__actions-hide,
.mc-excel-filter__actions-select,
.mc-excel-filter__actions-selected,
.mc-excel-filter__actions-filter,
.mc-excel-filter__actions-filter--active,
.mc-excel-filter__actions-clear,
.mc-excel-filter__actions-clear--disabled {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: max(var(--is-large, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  cursor: pointer;
  color: var(--excel-filtering-actions-foreground);
  outline-style: none;
}
.mc-excel-filter__actions-pin:hover,
.mc-excel-filter__actions-pin--disabled:hover,
.mc-excel-filter__actions-unpin:hover,
.mc-excel-filter__actions-hide:hover,
.mc-excel-filter__actions-select:hover,
.mc-excel-filter__actions-selected:hover,
.mc-excel-filter__actions-filter:hover,
.mc-excel-filter__actions-filter--active:hover,
.mc-excel-filter__actions-clear:hover,
.mc-excel-filter__actions-clear--disabled:hover,
.mc-excel-filter__actions-pin:focus,
.mc-excel-filter__actions-pin--disabled:focus,
.mc-excel-filter__actions-unpin:focus,
.mc-excel-filter__actions-hide:focus,
.mc-excel-filter__actions-select:focus,
.mc-excel-filter__actions-selected:focus,
.mc-excel-filter__actions-filter:focus,
.mc-excel-filter__actions-filter--active:focus,
.mc-excel-filter__actions-clear:focus,
.mc-excel-filter__actions-clear--disabled:focus {
  color: var(--excel-filtering-actions-hover-foreground);
  background: var(--ig-gray-100);
}
[dir=rtl] .mc-excel-filter__actions-pin mc-icon,
[dir=rtl] .mc-excel-filter__actions-pin--disabled mc-icon,
[dir=rtl] .mc-excel-filter__actions-unpin mc-icon,
[dir=rtl] .mc-excel-filter__actions-hide mc-icon,
[dir=rtl] .mc-excel-filter__actions-select mc-icon,
[dir=rtl] .mc-excel-filter__actions-selected mc-icon,
[dir=rtl] .mc-excel-filter__actions-filter mc-icon,
[dir=rtl] .mc-excel-filter__actions-filter--active mc-icon,
[dir=rtl] .mc-excel-filter__actions-clear mc-icon,
[dir=rtl] .mc-excel-filter__actions-clear--disabled mc-icon {
  transform: scaleX(-1);
}
.mc-excel-filter__actions-filter--active {
  background: var(--ig-gray-100);
  color: var(--excel-filtering-actions-hover-foreground);
}
.mc-excel-filter__actions-pin--disabled,
.mc-excel-filter__actions-clear--disabled {
  color: var(--excel-filtering-actions-disabled-foreground);
  pointer-events: none;
}
.mc-excel-filter__empty {
  display: grid;
  place-items: center;
  height: 100%;
}
.mc-excel-filter__menu-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
  gap: max(var(--is-large, 1) * max(16px, -1 * 16px), var(--is-medium, 1) * max(8px, -1 * 8px), var(--is-small, 1) * max(4px, -1 * 4px));
}
.mc-excel-filter__menu-main .mc-list,
.mc-excel-filter__menu-main .mc-list--empty {
  flex-grow: 1;
  overflow: hidden;
  margin-inline: calc(max(var(--is-large, 1) * max(-16px, -1 * -16px), var(--is-medium, 1) * max(-8px, -1 * -8px), var(--is-small, 1) * max(-4px, -1 * -4px)) * -1);
  border: 0;
}
.mc-excel-filter__menu-main .mc-excel-filter__tree {
  --p-treetable-row-background: var(--pivot-grid-content-background);
  background: var(--pivot-grid-content-background);
  overflow-y: auto;
  margin-inline: calc(max(var(--is-large, 1) * max(-16px, -1 * -16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(-8px, -1 * -8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(-4px, -1 * -4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing))) * -1);
  margin-block: 0;
  flex: 1;
}
.mc-excel-filter__menu-main .mc-excel-filter__tree mc-icon {
  width: var(--mc-icon-size, 20px);
  height: var(--mc-icon-size, 20px);
  font-size: var(--mc-icon-size, 20px);
}
.mc-excel-filter__menu-main .mc-excel-filter__tree > mc-checkbox,
.mc-excel-filter__menu-main .mc-excel-filter__tree .mc-tree-node__wrapper {
  height: max(var(--is-large, 1) * max(40px, -1 * 40px), var(--is-medium, 1) * max(32px, -1 * 32px), var(--is-small, 1) * max(24px, -1 * 24px));
  min-height: max(var(--is-large, 1) * max(40px, -1 * 40px), var(--is-medium, 1) * max(32px, -1 * 32px), var(--is-small, 1) * max(24px, -1 * 24px));
}
.mc-excel-filter__menu-main .mc-excel-filter__tree .mc-tree-node__toggle-button {
  min-width: 20px;
  margin-inline-start: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  margin-inline-end: max(var(--is-large, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-excel-filter__menu-main .mc-excel-filter__tree .mc-tree {
  overflow-y: hidden;
}
.mc-excel-filter__menu-main .mc-excel-filter__tree-alike {
  background: var(--pivot-grid-content-background);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.mc-excel-filter__menu-main .mc-excel-filter__tree-alike-item {
  display: flex;
  align-items: center;
  height: max(var(--is-large, 1) * max(40px, -1 * 40px), var(--is-medium, 1) * max(32px, -1 * 32px), var(--is-small, 1) * max(24px, -1 * 24px));
  background: var(--pivot-grid-content-background);
}
.mc-excel-filter__menu-main .mc-excel-filter__tree-alike-item:hover,
.mc-excel-filter__menu-main .mc-excel-filter__tree-alike-item:focus {
  background: var(--pivot-grid-row-hover-background);
}
.mc-excel-filter__menu-main .mc-excel-filter__tree-alike-item > mc-checkbox {
  margin-inline-start: 32px;
}
.mc-excel-filter__menu--cosy .mc-excel-filter__menu-header,
.mc-excel-filter__menu--cosy .mc-excel-filter__secondary-header {
  justify-content: space-between;
}
.mc-excel-filter__menu--compact .mc-excel-filter__menu-header,
.mc-excel-filter__menu--compact .mc-excel-filter__secondary-header {
  justify-content: space-between;
}
.mc-excel-filter__menu--compact .mc-excel-filter__sort mc-buttongroup,
.mc-excel-filter__menu--compact .mc-excel-filter__move mc-buttongroup {
  width: 208px;
}
.mc-excel-filter__menu--compact .mc-excel-filter__move {
  margin-bottom: 0;
}
.mc-excel-filter__secondary {
  width: 520px;
  min-width: 520px;
  background: var(--filtering-row-background);
  box-shadow: var(--ig-elevation-12);
  border-radius: clamp(0px, calc(var(--ig-radius-factor, 1) * 4px), 4px);
}
.mc-excel-filter__condition {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
}
.mc-excel-filter__condition mc-select {
  flex-grow: 1;
  flex-basis: 40%;
  margin: 16px 0;
}
.mc-excel-filter__condition mc-select ~ mc-input-group,
.mc-excel-filter__condition mc-select ~ mc-date-picker,
.mc-excel-filter__condition mc-select ~ mc-time-picker {
  margin-inline-start: 16px;
}
.mc-excel-filter__condition mc-buttongroup {
  min-width: 30%;
}
.mc-excel-filter__condition [mcIconButton] {
  --component-size: var(--grid-size);
  margin-inline-start: 16px;
}
.mc-excel-filter__add-filter {
  margin-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  margin-block-start: 0;
  margin-block-end: 4px !important;
}
.mc-excel-filter__add-filter mc-icon {
  width: var(--mc-icon-size, 18px);
  height: var(--mc-icon-size, 18px);
  font-size: var(--mc-icon-size, 18px);
}
.mc-excel-filter__secondary-header {
  border-bottom: 1px solid var(--ig-gray-100);
}
.mc-excel-filter__secondary-main {
  height: 232px;
  overflow: auto;
}
.mc-excel-filter__secondary-footer {
  --ig-size: 2;
  padding-inline: 16px;
  padding-block-end: 16px;
  padding-block-start: 16px;
  border-top: 1px solid var(--ig-gray-300);
}
.mc-excel-filter__secondary-footer .mc-excel-filter__apply,
.mc-excel-filter__secondary-footer .mc-excel-filter__cancel {
  flex-grow: 0;
}
.mc-excel-filter__filter-results {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
mc-excel-style-filter-operations,
[mcExcelStyleFilterOperations] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.mc-advanced-filter {
  background: var(--ig-surface-500);
  box-shadow: var(--ig-elevation-24);
  border-radius: 4px;
}
.mc-advanced-filter mc-query-builder {
  box-shadow: none;
  border: none;
  border-radius: inherit;
}
.mc-advanced-filter mc-query-builder-header {
  cursor: grab;
}
.mc-grid__filtering-row-editing-buttons--small,
.mc-grid__filtering-row-editing-buttons {
  display: flex;
  align-items: center;
}
.mc-grid__filtering-row-editing-buttons--small button,
.mc-grid__filtering-row-editing-buttons button {
  transition: none;
}
.mc-grid__filtering-row-editing-buttons--small button:not([disabled]) mc-icon {
  color: var(--sorted-header-icon-color);
}
.mc-grid__tr-action:last-of-type {
  border-inline-end: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
mc-child-grid-row mc-child-grid-row .mc-grid__tr-action {
  border-inline-end: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid__pivot--super-compact {
  --ig-size: 1 !important;
}
.mc-grid__pivot--super-compact .mc-grid__td,
.mc-grid__pivot--super-compact .mc-grid-thead__title,
.mc-grid__pivot--super-compact .mc-grid-th {
  padding: 0 4px !important;
  min-height: 24px !important;
  height: 24px;
}
.mc-grid__pivot--super-compact .mc-grid-thead__title > *,
.mc-grid__pivot--super-compact .mc-grid-th > * {
  line-height: normal;
  align-self: initial;
  max-height: 100%;
}
.mc-grid__pivot--super-compact .mc-grid__tr-pivot--row-area {
  padding-bottom: 4px;
}
.mc-grid-thead--pivot {
  display: flex;
}
.mc-grid-thead--pivot .mc-grid-thead--virtualizationWrapper {
  border-inline-start: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid-thead--virtualizationWrapper {
  height: 100%;
}
.mc-grid-thead--virtualizationContainer {
  overflow: visible;
  height: 100%;
}
.mc-grid__tr-pivot {
  display: flex;
  align-items: center;
  background: inherit;
  overflow: hidden;
  z-index: 3;
  height: var(--header-size);
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  background-clip: border-box !important;
  border-inline-start: var(--header-border-width) var(--header-border-style) var(--header-border-color);
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid__tr-pivot mc-chips-area {
  flex-wrap: nowrap;
  width: auto;
}
.mc-grid__tr-pivot mc-chips-area > * {
  margin-inline-end: 4px;
}
.mc-grid__tr-pivot mc-chips-area:last-child {
  margin-inline-end: 0;
}
.mc-grid__pivot-filter-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.mc-grid__pivot-filter-toggle > mc-badge {
  position: absolute;
  top: -4px;
  inset-inline-start: 60%;
  width: 18px;
  min-width: 18px;
  height: 18px;
  font-size: 10px;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.mc-grid__pivot-empty-chip-area {
  line-height: normal;
  font-size: 14px;
  margin-inline-end: 0 !important;
}
.mc-grid__tr-pivot--row-area {
  height: auto !important;
  align-items: flex-end;
  padding-bottom: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
  border-inline-start: 0;
  border-bottom: 0;
}
.mc-grid__tr-pivot--filter-container {
  display: flex;
  flex-direction: column;
}
.mc-grid__tr-pivot--chip_drop_indicator {
  width: 2px;
  background: var(--resize-line-color);
  visibility: hidden;
}
.mc-grid__tr-pivot--drop-row-area {
  flex-grow: 1;
}
.mc-grid__tr-pivot--filter {
  height: var(--header-size);
  border-inline-start: 0;
  border-inline-end: 0;
  border-bottom: var(--header-border-width) var(--header-border-style) var(--header-border-color);
}
.mc-grid-thead__wrapper--pivot {
  border-bottom: 0;
}
.mc-grid__tr-pivot-group {
  flex: 1;
}
.mc-grid__tr-pivot-toggle-icons {
  display: inline-flex !important;
}
.mc-grid__tr-pivot--columnDimensionLeaf {
  box-shadow: none;
}
.mc-grid__tr-pivot--columnDimensionLeaf mc-grid-header {
  border: none;
}
.mc-grid__tr-pivot--columnMultiRowSpan mc-grid-header > * {
  visibility: hidden;
}
.mc-grid__tr-header-row mc-pivot-row-dimension-header-group mc-pivot-row-dimension-header {
  align-items: center;
}
.mc-grid__tr-header-row mc-pivot-row-header-group {
  padding-inline-start: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid__tr-header-row mc-pivot-row-header-group mc-pivot-row-dimension-header {
  align-items: center;
}
.mc-grid__tr-header-row mc-pivot-row-header-group mc-pivot-row-dimension-header .mc-grid-th__icons {
  padding-inline-end: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  align-self: center;
}
.mc-grid__tr-header-row mc-pivot-row-header-group:last-of-type mc-pivot-row-dimension-header {
  border-inline-end: 0;
}
.mc-pivot-grid-row-filler__wrapper .mc-grid-thead__wrapper {
  height: 100%;
  border-bottom: initial;
}
.mc-pivot-grid-row-filler__wrapper .mc-grid-thead__wrapper .mc-grid-th {
  height: 100%;
}
.mc-grid__tbody-pivot-mrl-dimension .mc-grid-th {
  border-bottom: none;
}
.mc-grid-summary {
  --background-color: var(--mc-grid-summary-background-color, inherit);
  --focus-background-color: var(--mc-grid-summary-focus-background-color, var(--ig-gray-100));
  --label-color: var(--mc-grid-summary-label-color, var(--ig-primary-500));
  --label-hover-color: var(--mc-grid-summary-label-hover-color, var(--ig-primary-700));
  --result-color: var(--mc-grid-summary-result-color, "currentColor");
  --border-color: var(--mc-grid-summary-border-color, var(--ig-gray-400));
  --pinned-border-width: var(--mc-grid-summary-pinned-border-width, 2px);
  --pinned-border-style: var(--mc-grid-summary-pinned-border-style, solid);
  --pinned-border-color: var(--mc-grid-summary-pinned-border-color, var(--ig-gray-400));
  --ig-theme: bootstrap;
}
.mc-grid-summary {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  padding-block: 0;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  background: var(--background-color, inherit);
  overflow: hidden;
  outline-style: none;
}
.mc-grid-summary::after {
  position: absolute;
  inset: 0;
}
.mc-grid-summary:focus::after {
  background: var(--focus-background-color);
}
.mc-grid-summary--pinned {
  position: relative;
  z-index: 1;
}
.mc-grid-summary--fw {
  flex-grow: 0;
}
.mc-grid-summary--pinned-last {
  border-inline-end: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color);
}
@media print {
  .mc-grid-summary--pinned-last {
    border-inline-end: var(--pinned-border-width) var(--pinned-border-style) #999;
  }
}
.mc-grid-summary--pinned-first {
  border-inline-start: var(--pinned-border-width) var(--pinned-border-style) var(--pinned-border-color);
}
@media print {
  .mc-grid-summary--pinned-first {
    border-inline-start: var(--pinned-border-width) var(--pinned-border-style) #999;
  }
}
.mc-grid-summary__item {
  display: flex;
  align-items: center;
  padding-block: max(var(--is-large, 1) * max(6px, -1 * 6px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(2px, -1 * 2px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(0, -1 * 0) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
  padding-inline: 0;
  font-size: 12px;
  position: relative;
}
.mc-grid-summary__label {
  color: var(--label-color);
  min-width: 30px;
  margin-inline-end: 3px;
}
.mc-grid-summary__label:hover {
  color: var(--label-hover-color);
}
.mc-grid-summary__result {
  color: var(--result-color);
  font-weight: 600;
  flex: 1 1 auto;
  text-align: end;
}
.mc-grid-summary__label,
.mc-grid-summary__result {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
mc-grid-toolbar,
.mc-grid-toolbar__dd-list {
  --background-color: var(--mc-grid-toolbar-background-color, var(--ig-gray-50));
  --title-text-color: var(--mc-grid-toolbar-title-text-color, var(--ig-gray-600));
  --dropdown-background: var(--mc-grid-toolbar-dropdown-background, var(--ig-surface-500));
  --item-text-color: var(--mc-grid-toolbar-item-text-color, var(--ig-gray-600));
  --item-hover-background: var(--mc-grid-toolbar-item-hover-background, var(--ig-gray-100));
  --item-hover-text-color: var(--mc-grid-toolbar-item-hover-text-color, var(--ig-gray-600));
  --item-focus-background: var(--mc-grid-toolbar-item-focus-background, var(--ig-gray-100));
  --item-focus-text-color: var(--mc-grid-toolbar-item-focus-text-color, var(--ig-gray-600));
  --size: var(--mc-grid-toolbar-size, max(var(--is-large, 1) * max(58px, -1 * 58px), var(--is-medium, 1) * max(52px, -1 * 52px), var(--is-small, 1) * max(44px, -1 * 44px)));
  --border-color: var(--mc-grid-toolbar-border-color, var(--ig-gray-100));
  --ig-theme: bootstrap;
}
.mc-grid-toolbar {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --component-size: var(--ig-size, var(--ig-size-large));
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-row: 1;
  font-size: 16px;
  border-bottom: 1px solid var(--border-color);
  background: var(--background-color);
  height: auto;
  min-height: var(--size);
  padding-block: 0;
  padding-inline-start: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-inline-end: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid-toolbar [mcButton] {
  margin-inline-start: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
}
.mc-grid-toolbar [mcButton]:first-of-type {
  margin-inline-start: 0;
}
.mc-grid-toolbar [mcButton]:last-of-type {
  margin-inline-end: 0;
}
[dir=rtl].mc-grid-toolbar {
  text-align: end;
}
[dir=rtl].mc-grid-toolbar [mcButton] {
  margin-inline-start: 0;
  margin-inline-end: 8px;
}
[dir=rtl].mc-grid-toolbar [mcButton]:last-child {
  margin-inline-end: 0;
}
.mc-grid-toolbar__title {
  color: var(--title-text-color);
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 40ch;
  margin-inline-end: 16px;
}
.mc-grid-toolbar__custom-content {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-end;
  margin-inline-end: 16px;
}
.mc-grid-toolbar__actions {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin-inline-start: auto;
  gap: 16px;
}
.mc-grid-toolbar__actions > * {
  display: flex;
}
.mc-grid-toolbar__actions:empty,
.mc-grid-toolbar__title:empty,
.mc-grid-toolbar__custom-content:empty {
  display: none;
}
.mc-grid-toolbar__title:empty + .mc-grid-toolbar__custom-content:empty + .mc-grid-toolbar__actions {
  width: 100%;
  margin-inline-start: 0;
  justify-content: flex-end;
}
.mc-grid-toolbar__progress-bar {
  position: absolute;
  width: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: -1px;
  height: 2px;
  overflow: hidden;
  background: var(--background-color);
}
.mc-grid-toolbar__progress-bar mc-linear-bar > * {
  border-radius: 0;
}
.mc-grid-toolbar__progress-bar mc-linear-bar > *:first-child > div {
  background: var(--ig-secondary-500);
}
.mc-grid-toolbar__dropdown {
  position: relative;
}
.mc-grid-toolbar__dd-list {
  list-style: none;
  background: var(--dropdown-background);
  margin: 0;
  padding: 0;
  box-shadow: var(--ig-elevation-8);
}
.mc-grid-toolbar__dd-list-items {
  cursor: pointer;
  position: relative;
  padding: 8px 16px;
  color: var(--item-text-color);
  white-space: nowrap;
}
.mc-grid-toolbar__dd-list-items:hover {
  background: var(--item-hover-background);
  color: var(--item-hover-text-color);
}
.mc-grid-toolbar__dd-list-items:focus {
  background: var(--item-focus-background);
  color: var(--item-focus-text-color);
}
mc-pivot-data-selector {
  --background: var(--mc-pivot-data-selector-background, var(--ig-surface-500));
  --header-color: var(--mc-pivot-data-selector-header-color, var(--ig-gray-100));
  --ig-theme: bootstrap;
}
.mc-pivot-data-selector {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  background: var(--background);
  z-index: 0;
}
.mc-pivot-data-selector > mc-input-group {
  flex: 0 1 auto;
}
.mc-pivot-data-selector mc-display-container {
  display: flex;
  flex-direction: column;
}
.mc-pivot-data-selector > mc-list mc-display-container {
  padding: 4px;
}
.mc-pivot-data-selector > mc-list mc-list-item {
  display: flex;
  min-height: 28px;
}
.mc-pivot-data-selector .mc-expansion-panel__body {
  position: relative;
  height: 128px;
  font-size: 14px;
  padding: 4px;
  overflow-y: auto;
}
.mc-pivot-data-selector .mc-expansion-panel__body > mc-list {
  height: auto;
}
.mc-pivot-data-selector .mc-expansion-panel__header-icon--start {
  margin-inline-end: 8px;
}
.mc-pivot-data-selector .mc-expansion-panel__header-title {
  display: flex;
}
.mc-pivot-data-selector .mc-expansion-panel__header-title > h6 {
  font-size: 12px;
  margin-bottom: 0;
}
.mc-pivot-data-selector .mc-expansion-panel__header-inner {
  background: var(--header-color);
  padding: 4px;
}
.dragOver .mc-pivot-data-selector .mc-expansion-panel__header-inner {
  background: var(--ig-gray-300);
  box-shadow: inset 0 0 0 1px var(--ig-gray-400);
}
.mc-pivot-data-selector__filter {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mc-pivot-data-selector__filter mc-input-group {
  padding: 4px;
}
.mc-pivot-data-selector__filter mc-list {
  display: flex;
  flex-direction: column;
  padding: 8px 4px;
  min-height: 186px;
  max-height: 208px;
  overflow-y: auto;
}
.mc-pivot-data-selector__filter mc-list-item {
  display: flex;
}
.mc-pivot-data-selector__filter mc-checkbox + span {
  margin-inline-start: 8px;
  line-height: 28px;
}
.mc-pivot-data-selector__header,
.mc-pivot-data-selector__header-extra {
  display: flex;
  align-items: center;
}
.mc-pivot-data-selector__header-extra mc-icon {
  padding: 0 8px;
  box-sizing: content-box;
}
.mc-pivot-data-selector__header-extra .mc-chip__item {
  height: max(var(--is-large, 1) * max(22px, -1 * 22px), var(--is-medium, 1) * max(20px, -1 * 20px), var(--is-small, 1) * max(18px, -1 * 18px));
}
.mc-pivot-data-selector__header-extra .mc-chip__content {
  padding: 0 2px;
}
.mc-pivot-data-selector__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  width: 100%;
}
.mc-drag--push .mc-pivot-data-selector__item {
  padding-top: 32px;
}
.mc-pivot-data-selector__item-ghost {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  background: var(--ig-surface-500);
  min-height: 32px;
  height: auto;
  padding: 0 2px 0 4px;
  cursor: grabbing;
  box-shadow: var(--ig-elevation-24);
  border: 1px solid var(--ig-gray-100);
  border-radius: clamp(0px, calc(var(--ig-radius-factor, 1) * 2px), 2px);
  z-index: 10;
}
.mc-pivot-data-selector mc-icon,
.mc-pivot-data-selector__item-ghost mc-icon {
  width: var(--mc-icon-size, 18px);
  height: var(--mc-icon-size, 18px);
  font-size: var(--mc-icon-size, 18px);
}
.mc-pivot-data-selector__item-ghost-text {
  display: flex;
  align-items: center;
}
.mc-pivot-data-selector__item-ghost-text mc-icon {
  margin-inline-end: 8px;
}
.mc-pivot-data-selector__item-ghost--no-drop {
  cursor: no-drop;
}
.mc-pivot-data-selector__item-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 18px + 8px);
}
.mc-pivot-data-selector__item-text,
.mc-pivot-data-selector__action-sort,
.mc-pivot-data-selector__action-filter,
.mc-pivot-data-selector__action-move,
.mc-pivot-data-selector__action-summary {
  -webkit-user-select: none;
  user-select: none;
}
.mc-pivot-data-selector__action-sort,
.mc-pivot-data-selector__action-summary,
.mc-pivot-data-selector__action-filter {
  cursor: pointer;
}
.mc-pivot-data-selector__action-move {
  cursor: grab;
}
.mc-pivot-data-selector__item-start {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 100%;
  margin-inline-end: 8px;
  overflow: hidden;
}
.mc-pivot-data-selector__item-end {
  display: flex;
}
.mc-pivot-data-selector__item-end mc-icon + mc-icon {
  margin-inline-start: 8px;
}
.mc-highlight {
  --resting-background: var(--mc-highlight-resting-background, var(--ig-gray-300));
  --resting-color: var(--mc-highlight-resting-color, var(--ig-gray-300-contrast));
  --active-background: var(--mc-highlight-active-background, var(--ig-secondary-A100));
  --active-color: var(--mc-highlight-active-color, var(--ig-secondary-A100-contrast));
  --ig-theme: bootstrap;
}
.mc-highlight,
.mc-highlight--active {
  color: var(--resting-color);
  background: var(--resting-background);
}
.mc-highlight--active {
  color: var(--active-color);
  background: var(--active-background);
}
mc-list {
  --background: var(--mc-list-background, var(--ig-surface-500));
  --header-background: var(--mc-list-header-background, var(--ig-gray-900-contrast));
  --header-text-color: var(--mc-list-header-text-color, var(--ig-secondary-500));
  --item-background: var(--mc-list-item-background, var(--ig-gray-900-contrast));
  --item-background-hover: var(--mc-list-item-background-hover, var(--ig-gray-200));
  --item-background-active: var(--mc-list-item-background-active, var(--ig-gray-200));
  --item-background-selected: var(--mc-list-item-background-selected, var(--ig-gray-200));
  --item-text-color: var(--mc-list-item-text-color, var(--ig-gray-900));
  --item-text-color-hover: var(--mc-list-item-text-color-hover, var(--ig-gray-900));
  --item-text-color-active: var(--mc-list-item-text-color-active, var(--ig-gray-900));
  --item-text-color-selected: var(--mc-list-item-text-color-selected, var(--ig-gray-900));
  --item-title-color: var(--mc-list-item-title-color, var(--ig-gray-900));
  --item-title-color-hover: var(--mc-list-item-title-color-hover, var(--ig-gray-900));
  --item-title-color-active: var(--mc-list-item-title-color-active, var(--ig-gray-900));
  --item-title-color-selected: var(--mc-list-item-title-color-selected, var(--ig-gray-900));
  --item-action-color: var(--mc-list-item-action-color, "currentColor");
  --item-action-color-hover: var(--mc-list-item-action-color-hover, "currentColor");
  --item-action-color-active: var(--mc-list-item-action-color-active, "currentColor");
  --item-action-color-selected: var(--mc-list-item-action-color-selected, "currentColor");
  --item-subtitle-color: var(--mc-list-item-subtitle-color, var(--ig-gray-700));
  --item-subtitle-color-hover: var(--mc-list-item-subtitle-color-hover, var(--ig-gray-700));
  --item-subtitle-color-active: var(--mc-list-item-subtitle-color-active, var(--ig-gray-700));
  --item-subtitle-color-selected: var(--mc-list-item-subtitle-color-selected, var(--ig-gray-700));
  --item-thumbnail-color: var(--mc-list-item-thumbnail-color, "currentColor");
  --item-thumbnail-color-hover: var(--mc-list-item-thumbnail-color-hover, "currentColor");
  --item-thumbnail-color-active: var(--mc-list-item-thumbnail-color-active, "currentColor");
  --item-thumbnail-color-selected: var(--mc-list-item-thumbnail-color-selected, "currentColor");
  --border-color: var(--mc-list-border-color, var(--ig-gray-300));
  --border-width: var(--mc-list-border-width, 1px);
  --border-radius: var(--mc-list-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1666666667) * 24px), 24px));
  --item-border-radius: var(--mc-list-item-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0) * 24px), 24px));
  --default-size: var(--mc-list-default-size, 2);
  --ig-theme: bootstrap;
}
.mc-list,
.mc-list--empty {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
  --component-size: var(--ig-size, var(--default-size));
  --list-size: var(--component-size);
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  background: var(--background);
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 0;
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.mc-list:focus-visible,
.mc-list--empty:focus-visible {
  outline-style: none;
}
.mc-list mc-avatar,
.mc-list--empty mc-avatar {
  --ig-size: 1;
}
.mc-list--empty {
  justify-content: center;
  align-items: center;
}
.mc-list--empty .mc-list__message {
  text-align: center;
  color: var(--item-text-color);
  padding: 16px;
  z-index: 1;
}
.mc-list__header {
  --component-size: var(--list-size);
  display: flex;
  align-items: center;
  color: var(--header-text-color);
  background: var(--header-background);
  -webkit-user-select: none;
  user-select: none;
}
.mc-list__item-base {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  border-radius: var(--item-border-radius);
  color: var(--item-text-color);
  background: var(--item-background);
  border-bottom: var(--border-width) solid var(--border-color);
}
.mc-list__item-base:last-of-type {
  border-bottom: none;
}
.mc-list__item-base:hover {
  color: var(--item-text-color-hover);
  background: var(--item-background-hover);
}
.mc-list__item-base:hover .mc-list__item-lines {
  color: currentColor;
}
.mc-list__item-base:hover .mc-list__item-line-title {
  color: var(--item-title-color-hover);
}
.mc-list__item-base:hover .mc-list__item-line-subtitle {
  color: var(--item-subtitle-color-hover);
}
.mc-list__item-base:hover .mc-list__item-actions {
  color: var(--item-action-color-hover);
}
.mc-list__item-base:hover .mc-list__item-actions mc-icon,
.mc-list__item-base:hover .mc-list__item-actions igc-icon {
  color: var(--item-action-color-hover);
}
.mc-list__item-base:hover .mc-list__item-thumbnail {
  color: var(--item-thumbnail-color-hover);
}
.mc-list__item-base:hover .mc-list__item-thumbnail mc-icon,
.mc-list__item-base:hover .mc-list__item-thumbnail igc-icon {
  color: var(--item-thumbnail-color-hover);
}
.mc-list__item-right,
.mc-list__item-left {
  position: absolute;
  visibility: hidden;
  display: flex;
  z-index: 1;
}
.mc-list__item-lines {
  color: currentColor;
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  gap: 2px;
}
.mc-list__item-lines:empty {
  display: none;
}
.mc-list__item-line-subtitle {
  color: var(--item-subtitle-color);
}
.mc-list__item-line-title {
  color: var(--item-title-color);
}
.mc-list__item-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--item-action-color);
  gap: 8px;
}
.mc-list__item-actions:empty {
  display: none;
}
.mc-list__item-actions > * {
  --component-size: var(--list-size);
}
.mc-list__item-actions igc-icon,
.mc-list__item-actions mc-icon {
  color: var(--item-action-color);
}
[dir=rtl] .mc-list__item-actions mc-icon,
[dir=rtl] .mc-list__item-actions igc-icon {
  transform: scaleX(-1);
}
.mc-list__item-content,
.mc-list__item-content:active {
  --component-size: var(--list-size);
  display: flex;
  align-items: center;
  position: relative;
  border-radius: var(--item-border-radius);
  background: inherit;
  z-index: 2;
  gap: 16px;
}
.mc-list__header,
.mc-list__item-content,
.mc-list__item-content:active {
  padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(8px, -1 * 8px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: max(var(--is-large, 1) * max(8px, -1 * 8px) * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * max(4px, -1 * 4px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * max(2px, -1 * 2px) * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
}
.mc-list__item-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 0;
  color: var(--item-thumbnail-color);
  gap: 8px;
}
.mc-list__item-thumbnail > mc-icon,
.mc-list__item-thumbnail > igc-icon {
  --component-size: var(--list-size);
}
.mc-list__item-thumbnail:empty {
  display: none;
}
.mc-list__item-thumbnail:not(:empty) + .mc-list__item-lines {
  --component-size: var(--list-size);
}
.mc-list__item-content:active,
.mc-list__item-base--active .mc-list__item-content {
  color: var(--item-text-color-active);
  background: var(--item-background-active);
  z-index: 3;
}
.mc-list__item-content:active .mc-list__item-line-title,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-line-title {
  color: var(--item-title-color-active);
}
.mc-list__item-content:active .mc-list__item-line-subtitle,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-line-subtitle {
  color: var(--item-subtitle-color-active);
}
.mc-list__item-content:active .mc-list__item-actions,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-actions {
  color: var(--item-action-color-active);
}
.mc-list__item-content:active .mc-list__item-actions mc-icon,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-actions mc-icon,
.mc-list__item-content:active .mc-list__item-actions igc-icon,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-actions igc-icon {
  color: var(--item-action-color-active);
}
.mc-list__item-content:active .mc-list__item-thumbnail,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-thumbnail {
  color: var(--item-thumbnail-color-active);
}
.mc-list__item-content:active .mc-list__item-thumbnail mc-icon,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-thumbnail mc-icon,
.mc-list__item-content:active .mc-list__item-thumbnail igc-icon,
.mc-list__item-base--active .mc-list__item-content .mc-list__item-thumbnail igc-icon {
  color: var(--item-thumbnail-color-active);
}
.mc-list__item-base--selected .mc-list__item-content {
  color: var(--item-text-color-selected);
  background: var(--item-background-selected);
  z-index: 3;
}
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-line-title {
  color: var(--item-title-color-selected);
}
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-line-subtitle {
  color: var(--item-subtitle-color-selected);
}
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-actions {
  color: var(--item-action-color-selected);
}
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-actions mc-icon,
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-actions igc-icon {
  color: var(--item-action-color-selected);
}
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-thumbnail {
  color: var(--item-thumbnail-color-selected);
}
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-thumbnail mc-icon,
.mc-list__item-base--selected .mc-list__item-content .mc-list__item-thumbnail igc-icon {
  color: var(--item-thumbnail-color-selected);
}
.mc-list__item-content:not(:active) {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[mcLabel] {
  --color: var(--mc-label-color, var(--ig-gray-700));
  --ig-theme: bootstrap;
}
[mcLabel] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  color: var(--color);
  max-width: 100%;
  line-height: normal;
  height: auto;
}
[dir=rtl] [mcLabel] {
  transform-origin: top right;
}
mc-navbar {
  --elevation: var(--mc-navbar-elevation, var(--ig-elevation-0));
  --background: var(--mc-navbar-background, var(--ig-surface-500));
  --text-color: var(--mc-navbar-text-color, var(--ig-surface-500-contrast));
  --idle-icon-color: var(--mc-navbar-idle-icon-color, var(--ig-surface-500-contrast));
  --hover-icon-color: var(--mc-navbar-hover-icon-color, var(--ig-surface-500-contrast));
  --border-color: var(--mc-navbar-border-color, var(--ig-gray-300));
  --shadow: var(--mc-navbar-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
.mc-navbar {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 56px;
  max-height: 128px;
  padding-inline: 16px;
  background: var(--background);
  color: var(--text-color);
  box-shadow: var(--shadow);
  z-index: 4;
  overflow: hidden;
  border-bottom: 1px solid var(--border-color);
}
.mc-navbar mc-avatar {
  --ig-size: 1;
}
.mc-navbar igc-input,
.mc-navbar igc-icon-button {
  --ig-size: 1;
}
.mc-navbar [mcButton],
.mc-navbar igc-button,
.mc-navbar [mcIconButton],
.mc-navbar mc-input-group {
  --ig-size: 2;
}
mc-navbar-title,
[mcNavbarTitle],
mc-navbar-action,
[mcNavbarAction] {
  display: flex;
  align-items: center;
}
mc-navbar-title,
[mcNavbarTitle],
.mc-navbar__title {
  display: -webkit-inline-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  flex-grow: 1;
  -webkit-user-select: text;
  user-select: text;
  display: flex;
  flex-direction: row;
}
.mc-navbar__left:not(:empty) {
  margin-inline-end: 16px;
}
.mc-navbar__middle {
  flex-grow: 1;
}
.mc-navbar__right {
  gap: 16px;
}
.mc-navbar__left:empty,
.mc-navbar__right:empty {
  display: none;
}
.mc-navbar__left,
.mc-navbar__middle,
.mc-navbar__right {
  display: flex;
  align-items: center;
}
.mc-navbar__left mc-icon,
.mc-navbar__left igc-icon,
.mc-navbar__middle mc-icon,
.mc-navbar__middle igc-icon,
.mc-navbar__right mc-icon,
.mc-navbar__right igc-icon {
  --component-size: 3;
  cursor: pointer;
}
.mc-navbar__left > mc-icon,
.mc-navbar__left > igc-icon,
.mc-navbar__middle > mc-icon,
.mc-navbar__middle > igc-icon,
.mc-navbar__right > mc-icon,
.mc-navbar__right > igc-icon {
  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--idle-icon-color);
  -webkit-user-select: none;
  user-select: none;
}
.mc-navbar__left > mc-icon:hover,
.mc-navbar__left > igc-icon:hover,
.mc-navbar__middle > mc-icon:hover,
.mc-navbar__middle > igc-icon:hover,
.mc-navbar__right > mc-icon:hover,
.mc-navbar__right > igc-icon:hover {
  color: var(--hover-icon-color);
}
mc-nav-drawer {
  --elevation: var(--mc-nav-drawer-elevation, var(--ig-elevation-0));
  --background: var(--mc-nav-drawer-background, var(--ig-surface-500));
  --item-disabled-text-color: var(--mc-nav-drawer-item-disabled-text-color, var(--ig-gray-400));
  --item-disabled-icon-color: var(--mc-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));
  --border-radius: var(--mc-nav-drawer-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0) * 36px), 36px));
  --item-border-radius: var(--mc-nav-drawer-item-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1666666667) * 24px), 24px));
  --item-hover-icon-color: var(--mc-nav-drawer-item-hover-icon-color, var(--ig-gray-900));
  --item-hover-text-color: var(--mc-nav-drawer-item-hover-text-color, var(--ig-gray-900));
  --item-hover-background: var(--mc-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));
  --item-text-color: var(--mc-nav-drawer-item-text-color, var(--ig-gray-900));
  --item-active-background: var(--mc-nav-drawer-item-active-background, var(--ig-primary-500));
  --item-active-icon-color: var(--mc-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));
  --item-active-text-color: var(--mc-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));
  --border-color: var(--mc-nav-drawer-border-color, var(--ig-gray-300));
  --item-icon-color: var(--mc-nav-drawer-item-icon-color, var(--ig-gray-900));
  --item-header-text-color: var(--mc-nav-drawer-item-header-text-color, var(--ig-gray-900));
  --shadow: var(--mc-nav-drawer-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
.mc-nav-drawer {
  --mc-nav-drawer-size: 240px;
  --mc-nav-drawer-size--mini: 88px;
  flex-basis: 0;
  transition: flex-basis;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
}
.mc-nav-drawer--pinned {
  flex-basis: var(--mc-nav-drawer-size);
}
.mc-nav-drawer--mini.mc-nav-drawer--pinned {
  flex-basis: calc(var(--mc-mini-nav-drawer-size, 88px) + 1px);
}
.mc-nav-drawer__aside {
  position: fixed;
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
  background: var(--background);
  top: 0;
  bottom: 0;
  width: var(--mc-nav-drawer-size);
  inset-inline-start: 0;
  z-index: 999;
  transition:
    width,
    padding,
    transform;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  box-shadow: var(--shadow);
  padding: 16px;
  border-inline-end: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.mc-nav-drawer__aside.panning {
  overflow-x: hidden;
  transition: none;
}
.mc-nav-drawer__aside--pinned {
  position: relative;
  box-shadow: none;
  z-index: 0;
}
.mc-nav-drawer__aside--collapsed.mc-nav-drawer__aside--right {
  transform: translate3d(300px, 0, 0);
  box-shadow: none;
}
[dir=rtl] .mc-nav-drawer__aside--collapsed.mc-nav-drawer__aside--right {
  transform: translate3d(-300px, 0, 0);
}
.mc-nav-drawer__aside--pinned.mc-nav-drawer__aside--collapsed {
  transform: none;
  width: 0;
  overflow: hidden;
  border: none;
  padding: 0;
}
.mc-nav-drawer__aside--collapsed {
  transform: translate3d(-300px, 0, 0);
  box-shadow: none;
}
[dir=rtl] .mc-nav-drawer__aside--collapsed {
  transform: translate3d(300px, 0, 0);
}
.mc-nav-drawer__aside--right {
  inset-inline-start: auto;
  inset-inline-end: 0;
  border-inline-end: none;
  border-inline-start: 1px solid var(--border-color);
}
.mc-nav-drawer__aside--mini {
  transition-duration: 0.3s;
  width: var(--mc-nav-drawer-size--mini);
  min-width: fit-content;
}
.mc-nav-drawer__aside--mini .mc-nav-drawer__item,
.mc-nav-drawer__aside--mini .mc-nav-drawer__item--active {
  justify-content: center;
  min-width: fit-content;
  width: 56px;
}
.mc-nav-drawer__aside--mini .mc-nav-drawer__item mc-icon,
.mc-nav-drawer__aside--mini .mc-nav-drawer__item--active mc-icon {
  margin-inline-start: 0;
}
.mc-nav-drawer__aside--normal {
  transition-duration: 0.3s;
  width: var(--mc-nav-drawer-size);
}
.mc-nav-drawer__overlay {
  opacity: 1;
  background: hsl(from var(--ig-gray-500) h s l/0.54);
  transition: opacity, visibility;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease-in, step-start;
  transition-delay: 0s, 0s;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
  z-index: 999;
}
.mc-nav-drawer__overlay.panning {
  transform: translate3d(0, 0, 0);
  transition: none;
}
.mc-nav-drawer__overlay--hidden {
  transition-timing-function: ease-in-out, step-end;
  visibility: hidden;
  opacity: 0;
}
.mc-nav-drawer__overlay.panning.mc-nav-drawer__overlay--hidden {
  visibility: visible;
}
.mc-nav-drawer__item,
.mc-nav-drawer__item--active {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: var(--item-text-color);
  max-height: 40px;
  gap: 8px;
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: transparent;
  white-space: nowrap;
  border-radius: var(--item-border-radius);
  text-decoration: none;
  border: none;
  justify-content: flex-start;
}
.mc-nav-drawer__item mc-icon,
.mc-nav-drawer__item--active mc-icon {
  --component-size: 3;
  color: var(--item-icon-color);
}
[mcButton].mc-nav-drawer__item,
[mcButton].mc-nav-drawer__item--active {
  background: transparent;
  border: none;
}
.mc-nav-drawer__item:hover,
.mc-nav-drawer__item--active:hover,
.mc-nav-drawer__item:focus,
.mc-nav-drawer__item--active:focus {
  background: var(--item-hover-background);
  color: var(--item-hover-text-color);
  box-shadow: none;
}
.mc-nav-drawer__item:hover mc-icon,
.mc-nav-drawer__item--active:hover mc-icon,
.mc-nav-drawer__item:focus mc-icon,
.mc-nav-drawer__item--active:focus mc-icon {
  color: var(--item-hover-icon-color);
}
.mc-nav-drawer__item--active {
  color: var(--item-active-text-color);
  background: var(--item-active-background);
}
.mc-nav-drawer__item--active mc-icon {
  color: var(--item-active-icon-color);
}
.mc-nav-drawer__item--active:focus,
.mc-nav-drawer__item--active:hover {
  color: var(--item-active-text-color);
  background: var(--item-active-background);
}
.mc-nav-drawer__item--active:focus mc-icon,
.mc-nav-drawer__item--active:hover mc-icon {
  color: var(--item-active-icon-color);
}
[mcButton].mc-nav-drawer__item,
[mcButton].mc-nav-drawer__item--active {
  box-shadow: none;
}
[mcButton].mc-nav-drawer__item mc-icon,
[mcButton].mc-nav-drawer__item--active mc-icon {
  width: var(--mc-icon-size, 24px);
  height: var(--mc-icon-size, 24px);
  font-size: var(--mc-icon-size, 24px);
  margin: 0;
}
[mcButton].mc-nav-drawer__item:hover,
[mcButton].mc-nav-drawer__item--active:hover,
[mcButton].mc-nav-drawer__item:focus,
[mcButton].mc-nav-drawer__item--active:focus {
  box-shadow: none;
  border: none;
}
.mc-nav-drawer__item--header {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  min-height: 40px;
  white-space: nowrap;
  color: var(--item-header-text-color);
}
.mc-nav-drawer__item--disabled {
  background: none;
  color: var(--item-disabled-text-color);
  cursor: default;
  pointer-events: none;
}
.mc-nav-drawer__item--disabled mc-icon {
  color: var(--item-disabled-icon-color);
}
.mc-nav-drawer__style-dummy {
  height: 0;
  background: none;
  box-shadow: none;
  transition: none;
  visibility: hidden;
}
.mc-nav-drawer--disable-animation {
  transition-duration: 0s;
}
.mc-overlay__wrapper--modal,
.mc-overlay__content--modal {
  --background-color: var(--mc-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));
  --ig-theme: bootstrap;
}
.mc-overlay {
  width: 0;
  height: 0;
  box-sizing: content-box;
}
.mc-overlay__wrapper,
.mc-overlay__wrapper--modal,
.mc-overlay__wrapper--flex,
.mc-overlay__wrapper--flex-container {
  position: fixed;
  inset: 0;
  background: transparent;
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
  z-index: 10005;
  box-sizing: content-box;
}
.mc-overlay__wrapper--modal {
  background: var(--background-color);
  pointer-events: initial;
}
.mc-overlay__wrapper--flex {
  display: flex;
}
.mc-overlay__wrapper--flex-container {
  display: flex;
  position: absolute;
}
.mc-overlay__content,
.mc-overlay__content--modal,
.mc-overlay__content--elastic,
.mc-overlay__content--relative {
  position: absolute;
  pointer-events: all;
  box-sizing: content-box;
}
.mc-overlay__content--modal {
  pointer-events: initial;
}
.mc-overlay__content--elastic {
  overflow: auto;
}
.mc-overlay__content--relative {
  position: relative;
}
.mc-toggle--hidden:not(.mc-toggle--hidden-webkit) {
  display: none !important;
}
.mc-toggle--hidden-webkit {
  position: absolute;
  visibility: hidden;
  width: 0;
  min-width: 0;
  height: 0;
  padding: 0 !important;
  top: 0;
  left: 0;
  margin: -1px;
  border: none;
  clip: rect(0, 0, 0, 0);
  outline: 0;
  pointer-events: none;
  overflow: hidden;
  appearance: none;
  z-index: -1;
}
mc-paginator {
  --text-color: var(--mc-paginator-text-color, var(--ig-gray-800));
  --background-color: var(--mc-paginator-background-color, var(--ig-gray-50));
  --border-color: var(--mc-paginator-border-color, var(--ig-gray-200));
  --size: var(--mc-paginator-size, max(var(--is-large, 1) * max(56px, -1 * 56px), var(--is-medium, 1) * max(48px, -1 * 48px), var(--is-small, 1) * max(44px, -1 * 44px)));
  --ig-theme: bootstrap;
}
.mc-paginator {
  --component-size: var(--ig-size, var(--ig-size-large));
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-color);
  background: var(--background-color);
  font-size: 12px;
  border-top: 1px solid var(--border-color);
  z-index: 1;
  padding-inline: max(var(--is-large, 1) * max(24px, -1 * 24px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
  padding-block: 0;
  height: var(--size);
  width: 100%;
}
.mc-paginator:empty {
  padding: 0;
}
.mc-paginator {
  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
  --is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );
  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
}
.mc-paginator-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.mc-page-size {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.mc-page-size__label {
  margin-inline-end: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mc-page-size__select {
  display: flex;
  max-width: 114px;
  min-width: 100px;
}
.mc-page-size__select mc-select {
  --ig-size: 1;
}
.mc-page-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}
.mc-page-nav > * {
  margin-inline-start: 8px;
}
[dir=rtl] .mc-page-nav mc-icon {
  transform: scaleX(-1);
}
.mc-page-nav__text {
  display: flex;
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
mc-circular-bar {
  --base-circle-color: var(--mc-circular-bar-base-circle-color, var(--ig-gray-300));
  --fill-color-default: var(--mc-circular-bar-fill-color-default, var(--ig-primary-500));
  --fill-color-danger: var(--mc-circular-bar-fill-color-danger, var(--ig-error-500));
  --fill-color-warning: var(--mc-circular-bar-fill-color-warning, var(--ig-warn-500));
  --fill-color-info: var(--mc-circular-bar-fill-color-info, var(--ig-info-500));
  --fill-color-success: var(--mc-circular-bar-fill-color-success, var(--ig-success-500));
  --text-color: var(--mc-circular-bar-text-color, var(--ig-gray-700));
  --diameter: var(--mc-circular-bar-diameter, 54px);
  --track-border-radius: var(--mc-circular-bar-track-border-radius, 0px);
  --fill-color-default-start: var(--mc-circular-bar-fill-color-default-start, var(--ig-primary-500));
  --fill-color-default-end: var(--mc-circular-bar-fill-color-default-end, var(--ig-primary-500));
  --ig-theme: bootstrap;
}
@keyframes mc-indeterminate-accordion {
  0% {
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);
  }
  100% {
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
  }
}
@keyframes mc-indeterminate-accordion-rtl {
  0% {
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);
  }
  100% {
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
  }
}
@keyframes mc-indeterminate-circular-fluent {
  0% {
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 0.0001), calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);
    stroke-dashoffset: calc(-1 * calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 4);
    transform: rotate(-90deg);
  }
  50% {
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 2), calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 2);
    stroke-dashoffset: calc(-1 * calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 4);
    transform: rotate(360deg);
  }
  100% {
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 0.0001), calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);
    stroke-dashoffset: calc(-1 * calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 4);
    transform: rotate(990deg);
  }
}
@keyframes mc-indeterminate-circular-fluent-rtl {
  0% {
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 0.0001), calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 4);
    transform: rotate(90deg);
  }
  50% {
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 2), calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 2);
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 4);
    transform: rotate(-360deg);
  }
  100% {
    stroke-dasharray: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 0.0001), calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) / 4);
    transform: rotate(-990deg);
  }
}
@keyframes mc-initial-dashoffset {
  from {
    stroke-dashoffset: calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);
  }
  to {
    stroke-dashoffset: calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage) * calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));
  }
}
@keyframes igc-initial-counter {
  from {
    --_progress-integer: 0;
    --_progress-fraction: 0;
  }
}
@keyframes mc-rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
mc-linear-bar {
  --track-color: var(--mc-linear-bar-track-color, var(--ig-gray-300));
  --fill-color-default: var(--mc-linear-bar-fill-color-default, var(--ig-primary-500));
  --fill-color-danger: var(--mc-linear-bar-fill-color-danger, var(--ig-error-500));
  --fill-color-warning: var(--mc-linear-bar-fill-color-warning, var(--ig-warn-500));
  --fill-color-info: var(--mc-linear-bar-fill-color-info, var(--ig-info-500));
  --fill-color-success: var(--mc-linear-bar-fill-color-success, var(--ig-success-500));
  --stripes-color: var(--mc-linear-bar-stripes-color, hsl(from var(--ig-gray-50) h s l/0.2));
  --text-color: var(--mc-linear-bar-text-color, var(--ig-gray-700));
  --track-border-radius: var(--mc-linear-bar-track-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.5) * 8px), 8px));
  --track-height: var(--mc-linear-bar-track-height, 16px);
  --strip-size: var(--mc-linear-bar-strip-size, 5px);
  --ig-theme: bootstrap;
}
@keyframes mc-indeterminate-primary {
  0% {
    transform: translateX(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);
    transform: translateX(0);
  }
  59.15% {
    animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);
    transform: translateX(83.671%);
  }
  100% {
    transform: translateX(200.611%);
  }
}
@keyframes mc-indeterminate-primary-scale {
  0% {
    transform: scaleX(0.08);
  }
  36.65% {
    animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
    transform: scaleX(0.08);
  }
  69.15% {
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    transform: scaleX(0.6614);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes mc-indeterminate-secondary {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
    transform: translateX(0);
  }
  25% {
    animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
    transform: translateX(37.6519%);
  }
  48.35% {
    animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
    transform: translateX(84.3861%);
  }
  100% {
    transform: translateX(160.2777%);
  }
}
@keyframes mc-indeterminate-secondary-scale {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
    transform: scaleX(0.08);
  }
  19.15% {
    animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
    transform: scaleX(0.4571);
  }
  44.15% {
    animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
    transform: scaleX(0.727);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes mc-indeterminate-bar-fluent {
  0% {
    transform: translateX(-100%);
    transform-origin: left;
  }
  100% {
    transform: translateX(310%);
    transform-origin: right;
  }
}
@keyframes mc-indeterminate-bar-fluent-rtl {
  0% {
    transform: translateX(100%);
    transform-origin: right;
  }
  100% {
    transform: translateX(-310%);
    transform-origin: left;
  }
}
@keyframes mc-initial-width {
  from {
    width: 0;
  }
  to {
    width: calc(var(--_progress-whole, 0) * 1%);
  }
}
mc-radio {
  --empty-fill-color: var(--mc-radio-empty-fill-color, var(--ig-gray-900-contrast));
  --hover-color: var(--mc-radio-hover-color, var(--ig-gray-500));
  --label-color: var(--mc-radio-label-color, var(--ig-gray-900));
  --label-color-hover: var(--mc-radio-label-color-hover, var(--ig-gray-900));
  --fill-color: var(--mc-radio-fill-color, var(--ig-primary-500));
  --disabled-color: var(--mc-radio-disabled-color, var(--ig-gray-300));
  --disabled-fill-color: var(--mc-radio-disabled-fill-color, var(--ig-primary-200));
  --disabled-label-color: var(--mc-radio-disabled-label-color, var(--ig-gray-500));
  --error-color: var(--mc-radio-error-color, var(--ig-error-500));
  --focus-outline-color-filled: var(--mc-radio-focus-outline-color-filled, transparent);
  --focus-outline-color-error: var(--mc-radio-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));
  --empty-color: var(--mc-radio-empty-color, var(--ig-gray-400));
  --fill-hover-border-color: var(--mc-radio-fill-hover-border-color, var(--ig-primary-900-contrast));
  --fill-color-hover: var(--mc-radio-fill-color-hover, var(--ig-primary-600));
  --focus-outline-color: var(--mc-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));
  --error-color-hover: var(--mc-radio-error-color-hover, var(--ig-error-600));
  --ig-theme: bootstrap;
}
mc-query-builder {
  --elevation: var(--mc-query-builder-elevation, var(--ig-elevation-0));
  --background: var(--mc-query-builder-background, var(--ig-surface-500));
  --header-background: var(--mc-query-builder-header-background, var(--ig-surface-500));
  --header-foreground: var(--mc-query-builder-header-foreground, var(--ig-gray-900));
  --header-border: var(--mc-query-builder-header-border, var(--ig-gray-300));
  --color-expression-group-and: var(--mc-query-builder-color-expression-group-and, #9c27b0);
  --color-expression-group-or: var(--mc-query-builder-color-expression-group-or, #007254);
  --border-radius: var(--mc-query-builder-border-radius, 4px);
  --subquery-header-background: var(--mc-query-builder-subquery-header-background, var(--ig-gray-100));
  --subquery-border-color: var(--mc-query-builder-subquery-border-color, var(--ig-gray-300));
  --subquery-border-radius: var(--mc-query-builder-subquery-border-radius, 12px);
  --separator-color: var(--mc-query-builder-separator-color, var(--ig-gray-500));
  --label-foreground: var(--mc-query-builder-label-foreground, var(--ig-gray-700));
  --ig-theme: bootstrap;
}
.ig-scrollbar {
  --sb-size: var(--ig-scrollbar-sb-size, 16px);
  --sb-thumb-min-height: var(--ig-scrollbar-sb-thumb-min-height, 32px);
  --sb-thumb-bg-color: var(--ig-scrollbar-sb-thumb-bg-color, var(--ig-gray-400));
  --sb-thumb-bg-color-hover: var(--ig-scrollbar-sb-thumb-bg-color-hover, var(--ig-gray-400));
  --sb-thumb-border-color: var(--ig-scrollbar-sb-thumb-border-color, transparent);
  --sb-thumb-border-size: var(--ig-scrollbar-sb-thumb-border-size, 0);
  --sb-thumb-border-radius: var(--ig-scrollbar-sb-thumb-border-radius, 0);
  --sb-track-bg-color: var(--ig-scrollbar-sb-track-bg-color, var(--ig-gray-100));
  --sb-track-bg-color-hover: var(--ig-scrollbar-sb-track-bg-color-hover, var(--ig-gray-100));
  --sb-track-border-color: var(--ig-scrollbar-sb-track-border-color, transparent);
  --sb-track-border-size: var(--ig-scrollbar-sb-track-border-size, 0);
  --sb-corner-bg: var(--ig-scrollbar-sb-corner-bg, var(--ig-gray-100));
  --sb-corner-border-color: var(--ig-scrollbar-sb-corner-border-color, transparent);
  --sb-corner-border-size: var(--ig-scrollbar-sb-corner-border-size, 0);
  --ig-theme: bootstrap;
}
.ig-scrollbar {
}
@-moz-document url-prefix() {
  .ig-scrollbar {
    scrollbar-width: var(--sb-size);
    scrollbar-color: var(--sb-thumb-bg-color) var(--sb-track-bg-color);
  }
}
.ig-scrollbar ::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.ig-scrollbar ::-webkit-scrollbar-track {
  background: var(--sb-track-bg-color);
}
.ig-scrollbar ::-webkit-scrollbar-track:hover,
.ig-scrollbar ::-webkit-scrollbar-track:active {
  background: var(--sb-track-bg-color-hover);
}
.ig-scrollbar ::-webkit-scrollbar-thumb {
  min-height: var(--sb-thumb-min-height);
  border-radius: var(--sb-thumb-border-radius);
  border: var(--sb-thumb-border-size) solid var(--sb-thumb-border-color);
  background-clip: content-box;
  background-color: var(--sb-thumb-bg-color);
}
.ig-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: var(--sb-thumb-bg-color-hover);
}
.ig-scrollbar ::-webkit-scrollbar-corner {
  background: var(--sb-corner-bg);
  border: var(--sb-corner-border-size) solid var(--sb-corner-border-color);
}
.ig-scrollbar ::-webkit-scrollbar-track-piece {
  border: var(--sb-track-border-size) solid var(--sb-track-border-color);
}
@media (hover: none) {
  .ig-scrollbar ::-webkit-scrollbar {
    width: auto;
    height: auto;
  }
}
mc-slider {
  --track-color: var(--mc-slider-track-color, var(--ig-gray-800));
  --track-step-color: var(--mc-slider-track-step-color, white);
  --track-step-size: var(--mc-slider-track-step-size, 3px);
  --thumb-disabled-border-color: var(--mc-slider-thumb-disabled-border-color, var(--ig-gray-400));
  --label-background-color: var(--mc-slider-label-background-color, var(--ig-primary-500));
  --label-text-color: var(--mc-slider-label-text-color, var(--ig-gray-700-contrast));
  --tick-color: var(--mc-slider-tick-color, var(--ig-gray-500));
  --tick-label-color: var(--mc-slider-tick-label-color, var(--ig-gray-500));
  --track-hover-color: var(--mc-slider-track-hover-color, var(--ig-primary-500));
  --thumb-color: var(--mc-slider-thumb-color, var(--ig-primary-500));
  --thumb-border-color: var(--mc-slider-thumb-border-color, var(--ig-primary-500));
  --thumb-border-hover-color: var(--mc-slider-thumb-border-hover-color, var(--ig-primary-500));
  --thumb-border-focus-color: var(--mc-slider-thumb-border-focus-color, var(--ig-surface-500));
  --thumb-focus-color: var(--mc-slider-thumb-focus-color, var(--ig-primary-200));
  --disabled-thumb-color: var(--mc-slider-disabled-thumb-color, var(--ig-gray-400));
  --base-track-color: var(--mc-slider-base-track-color, hsl(from var(--ig-secondary-500) h s l/0.24));
  --base-track-hover-color: var(--mc-slider-base-track-hover-color, hsl(from var(--ig-secondary-500) h s l/0.24));
  --disabled-base-track-color: var(--mc-slider-disabled-base-track-color, var(--ig-gray-100));
  --disabled-fill-track-color: var(--mc-slider-disabled-fill-track-color, var(--ig-gray-500));
  --ig-theme: bootstrap;
}
mc-snackbar {
  --elevation: var(--mc-snackbar-elevation, var(--ig-elevation-10));
  --background: var(--mc-snackbar-background, var(--ig-surface-500));
  --text-color: var(--mc-snackbar-text-color, var(--ig-surface-500-contrast));
  --button-color: var(--mc-snackbar-button-color, var(--ig-primary-500));
  --border-radius: var(--mc-snackbar-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1666666667) * 24px), 24px));
  --shadow: var(--mc-snackbar-shadow, var(--ig-elevation-10));
  --ig-theme: bootstrap;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mc-snackbar {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 7px 24px;
  margin: 8px;
  gap: 24px;
  color: var(--text-color);
  background: var(--background);
  backface-visibility: hidden;
  box-shadow: var(--shadow);
  border-radius: var(--border-radius);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.mc-snackbar [mcButton] {
  animation: fade-in 0.35s ease-out;
  --ig-size: 1;
  background: transparent;
  color: var(--button-color);
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
}
.mc-snackbar__button {
  display: contents;
}
.mc-snackbar__message {
  animation: fade-in 0.35s ease-out;
}
mc-switch {
  --border-on-color: var(--mc-switch-border-on-color, var(--ig-primary-500));
  --track-on-color: var(--mc-switch-track-on-color, var(--ig-primary-500));
  --track-disabled-color: var(--mc-switch-track-disabled-color, var(--ig-primary-800-contrast));
  --track-off-color: var(--mc-switch-track-off-color, var(--ig-gray-900-contrast));
  --thumb-on-color: var(--mc-switch-thumb-on-color, var(--ig-primary-800-contrast));
  --thumb-on-disabled-color: var(--mc-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));
  --label-color: var(--mc-switch-label-color, var(--ig-gray-900));
  --label-hover-color: var(--mc-switch-label-hover-color, var(--ig-gray-900));
  --label-disabled-color: var(--mc-switch-label-disabled-color, var(--ig-gray-500));
  --label-invalid-color: var(--mc-switch-label-invalid-color, var(--ig-gray-900));
  --track-on-disabled-color: var(--mc-switch-track-on-disabled-color, var(--ig-primary-200));
  --track-error-color: var(--mc-switch-track-error-color, var(--ig-gray-500));
  --thumb-on-error-color: var(--mc-switch-thumb-on-error-color, var(--ig-primary-800-contrast));
  --border-radius-thumb: var(--mc-switch-border-radius-thumb, clamp(0px, calc(var(--ig-radius-factor, 1) * 32px), 32px));
  --border-radius-ripple: var(--mc-switch-border-radius-ripple, clamp(0px, calc(var(--ig-radius-factor, 1) * 24px), 24px));
  --focus-outline-color: var(--mc-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));
  --border-color: var(--mc-switch-border-color, var(--ig-gray-400));
  --thumb-off-color: var(--mc-switch-thumb-off-color, var(--ig-gray-400));
  --border-hover-color: var(--mc-switch-border-hover-color, var(--ig-gray-500));
  --focus-fill-color: var(--mc-switch-focus-fill-color, var(--ig-primary-200));
  --focus-fill-hover-color: var(--mc-switch-focus-fill-hover-color, var(--ig-primary-300));
  --track-on-hover-color: var(--mc-switch-track-on-hover-color, var(--ig-primary-600));
  --border-on-hover-color: var(--mc-switch-border-on-hover-color, var(--ig-primary-600));
  --thumb-disabled-color: var(--mc-switch-thumb-disabled-color, var(--ig-gray-300));
  --border-disabled-color: var(--mc-switch-border-disabled-color, var(--ig-gray-300));
  --error-color: var(--mc-switch-error-color, var(--ig-gray-400));
  --error-color-hover: var(--mc-switch-error-color-hover, var(--ig-primary-200));
  --border-radius-track: var(--mc-switch-border-radius-track, clamp(0px, calc(var(--ig-radius-factor, 1) * 32px), 32px));
  --resting-shadow: var(--mc-switch-resting-shadow, var(--ig-elevation-));
  --hover-shadow: var(--mc-switch-hover-shadow, var(--ig-elevation-));
  --disabled-shadow: var(--mc-switch-disabled-shadow, var(--ig-elevation-));
  --ig-theme: bootstrap;
}
mc-tabs {
  --item-text-color: var(--mc-tabs-item-text-color, var(--ig-primary-500));
  --item-background: var(--mc-tabs-item-background, var(--ig-surface-500));
  --item-hover-background: var(--mc-tabs-item-hover-background, var(--ig-surface-500));
  --item-hover-color: var(--mc-tabs-item-hover-color, var(--ig-primary-700));
  --item-active-color: var(--mc-tabs-item-active-color, var(--ig-gray-800));
  --item-icon-color: var(--mc-tabs-item-icon-color, var(--ig-primary-500));
  --item-active-icon-color: var(--mc-tabs-item-active-icon-color, var(--ig-gray-800));
  --item-hover-icon-color: var(--mc-tabs-item-hover-icon-color, var(--ig-primary-700));
  --item-disabled-icon-color: var(--mc-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));
  --item-active-background: var(--mc-tabs-item-active-background, var(--ig-surface-500));
  --item-disabled-color: var(--mc-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));
  --indicator-color: var(--mc-tabs-indicator-color, var(--ig-primary-500));
  --button-color: var(--mc-tabs-button-color, var(--ig-primary-500));
  --button-background: var(--mc-tabs-button-background, var(--ig-surface-500));
  --button-hover-background: var(--mc-tabs-button-hover-background, var(--ig-gray-100));
  --button-hover-color: var(--mc-tabs-button-hover-color, var(--ig-primary-500));
  --button-disabled-color: var(--mc-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));
  --tab-ripple-color: var(--mc-tabs-tab-ripple-color, var(--ig-gray-100));
  --button-ripple-color: var(--mc-tabs-button-ripple-color, var(--ig-gray-100));
  --border-color: var(--mc-tabs-border-color, var(--ig-gray-300));
  --border-color--hover: var(--mc-tabs-border-color--hover, var(--ig-gray-200));
  --border-radius: var(--mc-tabs-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.6666666667) * 6px), 6px));
  --ig-theme: bootstrap;
}
mc-stepper {
  --content-foreground: var(--mc-stepper-content-foreground, var(--ig-gray-900));
  --step-background: var(--mc-stepper-step-background, transparent);
  --step-hover-background: var(--mc-stepper-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --step-focus-background: var(--mc-stepper-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --indicator-background: var(--mc-stepper-indicator-background, transparent);
  --indicator-outline: var(--mc-stepper-indicator-outline, var(--ig-gray-400));
  --indicator-color: var(--mc-stepper-indicator-color, var(--ig-primary-500));
  --title-color: var(--mc-stepper-title-color, var(--ig-gray-900));
  --title-hover-color: var(--mc-stepper-title-hover-color, var(--ig-gray-900));
  --title-focus-color: var(--mc-stepper-title-focus-color, var(--ig-gray-900));
  --subtitle-color: var(--mc-stepper-subtitle-color, var(--ig-gray-700));
  --subtitle-hover-color: var(--mc-stepper-subtitle-hover-color, var(--ig-gray-700));
  --subtitle-focus-color: var(--mc-stepper-subtitle-focus-color, var(--ig-gray-700));
  --complete-step-background: var(--mc-stepper-complete-step-background, transparent);
  --complete-step-hover-background: var(--mc-stepper-complete-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --complete-step-focus-background: var(--mc-stepper-complete-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --complete-title-color: var(--mc-stepper-complete-title-color, var(--ig-gray-900));
  --complete-title-hover-color: var(--mc-stepper-complete-title-hover-color, var(--ig-gray-900));
  --complete-title-focus-color: var(--mc-stepper-complete-title-focus-color, var(--ig-gray-900));
  --complete-subtitle-color: var(--mc-stepper-complete-subtitle-color, var(--ig-gray-700));
  --complete-subtitle-hover-color: var(--mc-stepper-complete-subtitle-hover-color, var(--ig-gray-700));
  --complete-subtitle-focus-color: var(--mc-stepper-complete-subtitle-focus-color, var(--ig-gray-700));
  --current-step-background: var(--mc-stepper-current-step-background, transparent);
  --current-step-hover-background: var(--mc-stepper-current-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --current-step-focus-background: var(--mc-stepper-current-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --current-indicator-background: var(--mc-stepper-current-indicator-background, var(--ig-primary-500));
  --current-indicator-outline: var(--mc-stepper-current-indicator-outline, var(--ig-primary-500));
  --current-indicator-color: var(--mc-stepper-current-indicator-color, var(--ig-gray-900-contrast));
  --current-title-color: var(--mc-stepper-current-title-color, var(--ig-gray-900));
  --current-title-hover-color: var(--mc-stepper-current-title-hover-color, var(--ig-gray-900));
  --current-title-focus-color: var(--mc-stepper-current-title-focus-color, var(--ig-gray-900));
  --current-subtitle-color: var(--mc-stepper-current-subtitle-color, var(--ig-gray-700));
  --current-subtitle-hover-color: var(--mc-stepper-current-subtitle-hover-color, var(--ig-gray-700));
  --current-subtitle-focus-color: var(--mc-stepper-current-subtitle-focus-color, var(--ig-gray-700));
  --invalid-step-background: var(--mc-stepper-invalid-step-background, transparent);
  --invalid-step-hover-background: var(--mc-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --invalid-step-focus-background: var(--mc-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-300) h s l/0.5));
  --invalid-indicator-background: var(--mc-stepper-invalid-indicator-background, var(--ig-error-500));
  --invalid-indicator-outline: var(--mc-stepper-invalid-indicator-outline, var(--ig-error-500));
  --invalid-indicator-color: var(--mc-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));
  --invalid-title-color: var(--mc-stepper-invalid-title-color, var(--ig-error-500));
  --invalid-title-hover-color: var(--mc-stepper-invalid-title-hover-color, var(--ig-error-500));
  --invalid-title-focus-color: var(--mc-stepper-invalid-title-focus-color, var(--ig-error-500));
  --invalid-subtitle-color: var(--mc-stepper-invalid-subtitle-color, var(--ig-error-500));
  --invalid-subtitle-hover-color: var(--mc-stepper-invalid-subtitle-hover-color, var(--ig-error-500));
  --invalid-subtitle-focus-color: var(--mc-stepper-invalid-subtitle-focus-color, var(--ig-error-500));
  --disabled-indicator-color: var(--mc-stepper-disabled-indicator-color, var(--ig-gray-500));
  --disabled-indicator-background: var(--mc-stepper-disabled-indicator-background, transparent);
  --disabled-indicator-outline: var(--mc-stepper-disabled-indicator-outline, var(--ig-gray-300));
  --disabled-title-color: var(--mc-stepper-disabled-title-color, var(--ig-gray-500));
  --disabled-subtitle-color: var(--mc-stepper-disabled-subtitle-color, var(--ig-gray-500));
  --step-separator-color: var(--mc-stepper-step-separator-color, var(--ig-gray-300));
  --complete-step-separator-color: var(--mc-stepper-complete-step-separator-color, var(--ig-primary-500));
  --step-separator-style: var(--mc-stepper-step-separator-style, solid);
  --complete-step-separator-style: var(--mc-stepper-complete-step-separator-style, solid);
  --border-radius-indicator: var(--mc-stepper-border-radius-indicator, clamp(0px, calc(var(--ig-radius-factor, 0.02) * 100px), 100px));
  --border-radius-step-header: var(--mc-stepper-border-radius-step-header, clamp(0px, calc(var(--ig-radius-factor, 0.02) * 100px), 100px));
  --complete-indicator-background: var(--mc-stepper-complete-indicator-background, var(--ig-gray-400));
  --complete-indicator-outline: var(--mc-stepper-complete-indicator-outline, var(--ig-gray-400));
  --complete-indicator-color: var(--mc-stepper-complete-indicator-color, var(--ig-gray-300-contrast));
  --ig-theme: bootstrap;
}
mc-toast {
  --elevation: var(--mc-toast-elevation, var(--ig-elevation-10));
  --background: var(--mc-toast-background, var(--ig-surface-500));
  --border-color: var(--mc-toast-border-color, var(--ig-gray-300));
  --text-color: var(--mc-toast-text-color, var(--ig-gray-600));
  --border-radius: var(--mc-toast-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.1538461538) * 26px), 26px));
  --shadow: var(--mc-toast-shadow, var(--ig-elevation-10));
  --ig-theme: bootstrap;
}
.mc-tooltip {
  --elevation: var(--mc-tooltip-elevation, var(--ig-elevation-0));
  --background: var(--mc-tooltip-background, hsl(from var(--ig-gray-900) h s l/0.8));
  --text-color: var(--mc-tooltip-text-color, var(--ig-gray-900-contrast));
  --border-radius: var(--mc-tooltip-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.25) * 16px), 16px));
  --shadow: var(--mc-tooltip-shadow, var(--ig-elevation-0));
  --ig-theme: bootstrap;
}
.mc-time-picker {
  --modal-elevation: var(--mc-time-picker-modal-elevation, var(--ig-elevation-24));
  --dropdown-elevation: var(--mc-time-picker-dropdown-elevation, var(--ig-elevation-3));
  --text-color: var(--mc-time-picker-text-color, var(--ig-gray-900));
  --hover-text-color: var(--mc-time-picker-hover-text-color, var(--ig-primary-600));
  --selected-text-color: var(--mc-time-picker-selected-text-color, var(--ig-primary-600));
  --active-item-foreground: var(--mc-time-picker-active-item-foreground, var(--ig-primary-500-contrast));
  --active-item-background: var(--mc-time-picker-active-item-background, var(--ig-primary-600));
  --disabled-text-color: var(--mc-time-picker-disabled-text-color, var(--ig-gray-400));
  --disabled-item-background: var(--mc-time-picker-disabled-item-background, transparent);
  --background-color: var(--mc-time-picker-background-color, var(--ig-surface-500));
  --border-color: var(--mc-time-picker-border-color, var(--ig-gray-300));
  --divider-color: var(--mc-time-picker-divider-color, var(--ig-gray-300));
  --border-radius: var(--mc-time-picker-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --time-item-size: var(--mc-time-picker-time-item-size, max(var(--is-large, 1) * max(36px, -1 * 36px), var(--is-medium, 1) * max(32px, -1 * 32px), var(--is-small, 1) * max(28px, -1 * 28px)));
  --default-size: var(--mc-time-picker-default-size, 2);
  --header-background: var(--mc-time-picker-header-background, var(--ig-gray-100));
  --header-hour-text-color: var(--mc-time-picker-header-hour-text-color, var(--ig-gray-100-contrast));
  --active-item-border-radius: var(--mc-time-picker-active-item-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.2) * 20px), 20px));
  --modal-shadow: var(--mc-time-picker-modal-shadow, var(--ig-elevation-24));
  --dropdown-shadow: var(--mc-time-picker-dropdown-shadow, var(--ig-elevation-3));
  --ig-theme: bootstrap;
}
mc-tree-node {
  --background: var(--mc-tree-background, var(--ig-surface-500));
  --foreground: var(--mc-tree-foreground, var(--ig-surface-500-contrast));
  --icon-color: var(--mc-tree-icon-color, var(--ig-surface-500-contrast));
  --background-selected: var(--mc-tree-background-selected, var(--ig-primary-500));
  --background-active: var(--mc-tree-background-active, var(--ig-gray-200));
  --foreground-active: var(--mc-tree-foreground-active, var(--ig-primary-500));
  --background-disabled: var(--mc-tree-background-disabled, var(--ig-surface-500));
  --foreground-disabled: var(--mc-tree-foreground-disabled, var(--ig-gray-500));
  --drop-area-color: var(--mc-tree-drop-area-color, var(--ig-secondary-500));
  --hover-color: var(--mc-tree-hover-color, hsl(from var(--ig-gray-900) h s l/0.1));
  --hover-selected-color: var(--mc-tree-hover-selected-color, hsl(from var(--ig-gray-900) h s l/0.1));
  --size: var(--mc-tree-size, max(var(--is-large, 1) * max(50px, -1 * 50px), var(--is-medium, 1) * max(40px, -1 * 40px), var(--is-small, 1) * max(32px, -1 * 32px)));
  --default-size: var(--mc-tree-default-size, 2);
  --foreground-selected: var(--mc-tree-foreground-selected, var(--ig-primary-600-contrast));
  --background-active-selected: var(--mc-tree-background-active-selected, var(--ig-primary-600));
  --foreground-active-selected: var(--mc-tree-foreground-active-selected, var(--ig-primary-600-contrast));
  --border-color: var(--mc-tree-border-color, var(--ig-primary-200));
  --ig-theme: bootstrap;
}
igc-trial-watermark {
  --base-color: var(--mc-watermark-base-color, var(--ig-primary-500));
  --color: var(--mc-watermark-color, var(--ig-primary-800-contrast));
  --border-radius: var(--mc-watermark-border-radius, clamp(0px, calc(var(--ig-radius-factor, 0.25) * 16px), 16px));
  --ig-theme: bootstrap;
}
igc-trial-watermark::part(link) {
  font-family: var(--ig-font-family);
}

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