/* projects/particle-ui-app/src/styles.scss */
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src:
    local("Noto Sans"),
    local("NotoSans-Regular"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2") format("woff2"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  src:
    local("Noto Sans SemiBold"),
    local("NotoSans-SemiBold"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600.woff2") format("woff2"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src:
    local("Noto Sans Bold"),
    local("NotoSans-Bold"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2") format("woff2"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  src:
    local("Noto Sans ExtraBold"),
    local("NotoSans-ExtraBold"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-800.woff2") format("woff2"),
    url("./media/noto-sans-v39-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-800.woff") format("woff");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("./media/material-icons.woff2") format("woff2"),
    url("./media/material-icons.woff") format("woff"),
    url("./media/MaterialIcons-Regular.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  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.woff2") format("woff2"),
    url("./media/material-icons-outlined.woff") format("woff"),
    url("./media/MaterialIconsOutlined-Regular.otf") format("opentype");
}
.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";
}
.typography-heading-h1 {
  font-family: "Noto Sans", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.typography-heading-h1.regular {
  font-weight: 400;
}
.typography-heading-h1.semibold {
  font-weight: 600;
}
.typography-heading-h1.bold {
  font-weight: 700;
}
.typography-heading-h1.extrabold {
  font-weight: 800;
}
.typography-heading-h2 {
  font-family: "Noto Sans", sans-serif;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.typography-heading-h2.regular {
  font-weight: 400;
}
.typography-heading-h2.semibold {
  font-weight: 600;
}
.typography-heading-h2.bold {
  font-weight: 700;
}
.typography-heading-h2.extrabold {
  font-weight: 800;
}
.typography-heading-h3 {
  font-family: "Noto Sans", sans-serif;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.typography-heading-h3.regular {
  font-weight: 400;
}
.typography-heading-h3.semibold {
  font-weight: 600;
}
.typography-heading-h3.bold {
  font-weight: 700;
}
.typography-heading-h3.extrabold {
  font-weight: 800;
}
.typography-heading-h4 {
  font-family: "Noto Sans", sans-serif;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.typography-heading-h4.regular {
  font-weight: 400;
}
.typography-heading-h4.semibold {
  font-weight: 600;
}
.typography-heading-h4.bold {
  font-weight: 700;
}
.typography-heading-h4.extrabold {
  font-weight: 800;
}
.typography-heading-h5 {
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.typography-heading-h5.regular {
  font-weight: 400;
}
.typography-heading-h5.semibold {
  font-weight: 600;
}
.typography-heading-h5.bold {
  font-weight: 700;
}
.typography-heading-h5.extrabold {
  font-weight: 800;
}
.typography-heading-h6 {
  font-family: "Noto Sans", sans-serif;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: 400;
}
.typography-heading-h6.regular {
  font-weight: 400;
}
.typography-heading-h6.semibold {
  font-weight: 600;
}
.typography-heading-h6.bold {
  font-weight: 700;
}
.typography-heading-h6.extrabold {
  font-weight: 800;
}
.typography-paragraph-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-paragraph-large.regular {
  font-weight: 400;
}
.typography-paragraph-large.semibold {
  font-weight: 600;
}
.typography-paragraph-large.bold {
  font-weight: 700;
}
.typography-paragraph-large.extrabold {
  font-weight: 800;
}
.typography-paragraph-medium {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-paragraph-medium.regular {
  font-weight: 400;
}
.typography-paragraph-medium.semibold {
  font-weight: 600;
}
.typography-paragraph-medium.bold {
  font-weight: 700;
}
.typography-paragraph-medium.extrabold {
  font-weight: 800;
}
.typography-paragraph-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-paragraph-small.regular {
  font-weight: 400;
}
.typography-paragraph-small.semibold {
  font-weight: 600;
}
.typography-paragraph-small.bold {
  font-weight: 700;
}
.typography-paragraph-small.extrabold {
  font-weight: 800;
}
.typography-paragraph-tiny {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-paragraph-tiny.regular {
  font-weight: 400;
}
.typography-paragraph-tiny.semibold {
  font-weight: 600;
}
.typography-paragraph-tiny.bold {
  font-weight: 700;
}
.typography-paragraph-tiny.extrabold {
  font-weight: 800;
}
.typography-label-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-label-large.regular {
  font-weight: 400;
}
.typography-label-large.semibold {
  font-weight: 600;
}
.typography-label-large.bold {
  font-weight: 700;
}
.typography-label-large.extrabold {
  font-weight: 800;
}
.typography-label-medium {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-label-medium.regular {
  font-weight: 400;
}
.typography-label-medium.semibold {
  font-weight: 600;
}
.typography-label-medium.bold {
  font-weight: 700;
}
.typography-label-medium.extrabold {
  font-weight: 800;
}
.typography-label-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-label-small.regular {
  font-weight: 400;
}
.typography-label-small.semibold {
  font-weight: 600;
}
.typography-label-small.bold {
  font-weight: 700;
}
.typography-label-small.extrabold {
  font-weight: 800;
}
.typography-label-tiny {
  font-family: "Noto Sans", sans-serif;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: normal;
  font-weight: 400;
}
.typography-label-tiny.regular {
  font-weight: 400;
}
.typography-label-tiny.semibold {
  font-weight: 600;
}
.typography-label-tiny.bold {
  font-weight: 700;
}
.typography-label-tiny.extrabold {
  font-weight: 800;
}
.typography-label-overline-medium {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 400;
  text-transform: uppercase;
}
.typography-label-overline-medium.regular {
  font-weight: 400;
}
.typography-label-overline-medium.semibold {
  font-weight: 600;
}
.typography-label-overline-medium.bold {
  font-weight: 700;
}
.typography-label-overline-medium.extrabold {
  font-weight: 800;
}
.typography-label-overline-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: normal;
  font-weight: 400;
  text-transform: uppercase;
}
.typography-label-overline-small.regular {
  font-weight: 400;
}
.typography-label-overline-small.semibold {
  font-weight: 600;
}
.typography-label-overline-small.bold {
  font-weight: 700;
}
.typography-label-overline-small.extrabold {
  font-weight: 800;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
p,
.typography-paragraph-large,
.typography-paragraph-medium,
.typography-paragraph-small,
.typography-paragraph-tiny {
  text-align: left;
}
.align-baseline {
  vertical-align: baseline !important;
}
.flex-baseline {
  display: flex;
  align-items: baseline !important;
}
.text-primary {
  color: #262626;
}
.text-secondary {
  color: #737373;
}
.text-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.text-error {
  color: #a81b1b;
}
mat-sidenav-container.mat-drawer-container {
  position: fixed;
  left: 0px;
  right: 0px;
  background-color: #f5f5f5;
}
mat-sidenav-container.mat-drawer-container .mat-sidenav.mat-drawer-side {
  box-shadow: none;
  border-right-color: unset;
  border-right-width: unset;
  border-right-style: unset;
}
mat-sidenav-container .mat-drawer-backdrop.mat-drawer-shown {
  visibility: hidden;
}
mat-sidenav-container .search-container .mat-form-field-wrapper {
  padding-bottom: 15px;
}
:not([dir=rtl]) mat-sidenav-container .mat-sidenav-content {
  margin-left: 255px !important;
}
:not([dir=rtl]) mat-sidenav-container:not(.locked) .mat-sidenav-content {
  margin-left: 64px !important;
}
:not([dir=rtl]) mat-sidenav.secondary .content-overlay {
  right: 376px !important;
}
[dir=rtl] mat-sidenav-container .mat-sidenav-content {
  margin-right: 255px !important;
}
[dir=rtl] mat-sidenav-container:not(.locked) .mat-sidenav-content {
  margin-right: 64px !important;
}
[dir=rtl] mat-sidenav.secondary .content-overlay {
  left: 376px !important;
}
particle-overflow-menu {
  position: fixed;
  left: -320px;
  transition: left 0.35s;
  -webkit-animation-transition: left 0.35s;
}
particle-overflow-menu.show {
  left: 256px;
}
[dir=ltr] particle-overflow-menu {
  left: -320px;
  transition: left 0.35s;
  -webkit-animation-transition: left 0.35s;
}
[dir=ltr] particle-overflow-menu.show {
  left: 256px;
}
[dir=rtl] particle-overflow-menu {
  left: unset;
  right: -320px;
  transition: right 0.35s;
  -webkit-animation-transition: right 0.35s;
}
[dir=rtl] particle-overflow-menu.show {
  left: unset;
  right: 256px;
}
.action-toolbar {
  z-index: 2;
  margin-bottom: 16px;
  box-shadow:
    0 3px 3px 0 rgba(0, 0, 0, 0.14),
    0 3px 4px 0 rgba(0, 0, 0, 0.12),
    0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.action-toolbar mat-toolbar {
  height: 48px;
}
.action-toolbar.expanded {
  margin-bottom: 11px;
}
.menu particle-menu-item button.mat-mdc-menu-item {
  line-height: 48px;
  height: 48px;
}
.menu particle-menu-item button.mat-mdc-menu-item:hover {
  background: #412280;
}
.menu particle-menu-item .mat-icon.icon svg {
  width: 20px;
  vertical-align: middle;
}
.menu particle-menu-item .mat-mdc-menu-item-text {
  display: contents;
  justify-content: space-between;
}
.main-toolbar {
  box-shadow: none;
}
particle-overflow-menu button.mat-mdc-menu-item {
  padding: 0px 15px;
}
particle-overflow-menu button.mat-mdc-menu-item .mat-icon.icon {
  font-size: 14px;
  color: #4a4a4a;
  margin-right: 0px;
}
particle-layout .panel-heading .mat-icon {
  margin: 10px 0;
  font-size: 16px;
  cursor: pointer;
}
.particle-chip-list .mat-primary {
  background: #5101a8;
  color: #8c8c8c;
}
.particle-chip-list .mat-accent {
  background: #02c79f;
  color: #8c8c8c;
}
.particle-chip-list .mat-chip:not(.mat-basic-chip) {
  padding-right: 36px;
  position: relative;
}
.particle-chip-list .mat-chip:not(.mat-basic-chip) .mat-icon-button {
  height: 32px;
  width: 32px;
  line-height: 32px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.particle-chip-list .mat-chip:not(.mat-basic-chip) + .mat-chip:not(.mat-basic-chip) {
  margin-bottom: 8px;
}
.ag-theme-material .ag-cell,
.ag-theme-material .ag-header-cell {
  line-height: 32px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.ag-theme-material .ag-cell.date-column,
.ag-theme-material .ag-header-cell.date-column {
  text-align: right;
}
.ag-theme-material .ag-header-cell {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
}
.noScroll .ag-body-viewport,
.noScroll .ag-pinned-left-cols-viewport {
  overflow-y: hidden !important;
}
.worklist-grid .ag-header-container .ag-header-row .ag-header-cell {
  background: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}
.worklist-grid .ag-header-container .ag-header-row .ag-header-cell .ag-header-cell-menu-button .ag-icon-menu {
  height: 34px;
}
.worklist-grid .ag-header-cell-resize::after {
  margin-top: 5px !important;
}
.worklist-grid .ag-row.ag-row-selected {
  background: #f2f2f2;
}
.worklist-grid .ag-row .ag-cell {
  font-size: 12px;
}
.worklist-grid .ag-row .ag-cell.ag-cell-focus {
  border-color: transparent;
}
.worklist-grid .ag-row:hover {
  background: #8c8c8c;
}
.worklist-grid .ag-row:hover.ag-row-selected {
  background: #f2f2f2;
}
#worklist-total .worklist-grid {
  border-top: 1px solid #e0e0e8;
}
#worklist-total .worklist-grid .ag-row {
  background: #d9d9d9;
}
#worklist-total .worklist-grid .ag-row:hover {
  background: #d9d9d9;
}
.toolbar-main .mat-button .mat-button-focus-overlay {
  background: none;
}
.toolbar-main .mat-button:hover {
  background: #f5f5f5;
}
mat-toolbar.mat-toolbar-single-row {
  padding: 0 !important;
}
.particle-dropdown-menu .mat-menu-content .mat-mdc-menu-item {
  height: 28px;
  line-height: 28px;
  font-size: 13px;
}
.particle-dropdown-menu .mat-menu-content .mat-mdc-menu-item .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
  height: 14px;
  width: 14px;
}
.particle-highlight {
  border-radius: 3px;
  background: #dbedff;
}
[particle-tooltip] {
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.particle-tooltip-pre {
  white-space: pre-wrap !important;
}
.particle-tooltip_break-word {
  word-break: break-all;
}
.particle-tooltip_modal-window {
  max-width: 480px !important;
}
.particle-tooltip-rtl {
  direction: rtl;
}
html {
  color-scheme: light;
}
html {
  --mat-sys-background: #ffffff;
  --mat-sys-error: #a81b1b;
  --mat-sys-error-container: #ffdbdb;
  --mat-sys-inverse-on-surface: #f2f2f2;
  --mat-sys-inverse-primary: #d0aafa;
  --mat-sys-inverse-surface: #262626;
  --mat-sys-on-background: #000000;
  --mat-sys-on-error: #fff5f5;
  --mat-sys-on-error-container: #1a0000;
  --mat-sys-on-primary: #faf5ff;
  --mat-sys-on-primary-container: #1d003d;
  --mat-sys-on-primary-fixed: #1d003d;
  --mat-sys-on-primary-fixed-variant: #3e0182;
  --mat-sys-on-secondary: #f5fffd;
  --mat-sys-on-secondary-container: #003d31;
  --mat-sys-on-secondary-fixed: #1f182a;
  --mat-sys-on-secondary-fixed-variant: #4b4357;
  --mat-sys-on-surface: #000000;
  --mat-sys-on-surface-variant: #595959;
  --mat-sys-on-tertiary: #f5fdff;
  --mat-sys-on-tertiary-container: #00343d;
  --mat-sys-on-tertiary-fixed: #00343d;
  --mat-sys-on-tertiary-fixed-variant: #016e82;
  --mat-sys-outline: #a6a6a6;
  --mat-sys-outline-variant: #bfbfbf;
  --mat-sys-primary: #5f01c6;
  --mat-sys-primary-container: #f2e5ff;
  --mat-sys-primary-fixed: #f2e5ff;
  --mat-sys-primary-fixed-dim: #d0aafa;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #02c79f;
  --mat-sys-secondary-container: #e5fffa;
  --mat-sys-secondary-fixed: #eadef7;
  --mat-sys-secondary-fixed-dim: #cec2db;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-bright: #fef8fc;
  --mat-sys-surface-container: #f2f2f2;
  --mat-sys-surface-container-high: #d9d9d9;
  --mat-sys-surface-container-highest: #bfbfbf;
  --mat-sys-surface-container-low: #f2f2f2;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #ded8dd;
  --mat-sys-surface-tint: #5101a8;
  --mat-sys-surface-variant: #f2f2f2;
  --mat-sys-tertiary: #02a8c7;
  --mat-sys-tertiary-container: #e5fbff;
  --mat-sys-tertiary-fixed: #e5fbff;
  --mat-sys-tertiary-fixed-dim: #aaedfa;
  --mat-sys-neutral-variant20: #332f37;
  --mat-sys-neutral10: #1d1b1e;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Noto Sans, sans-serif;
  --mat-sys-body-large-font: Noto Sans, sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Noto Sans, sans-serif;
  --mat-sys-body-medium-font: Noto Sans, sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Noto Sans, sans-serif;
  --mat-sys-body-small-font: Noto Sans, sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Noto Sans, sans-serif;
  --mat-sys-display-large-font: Noto Sans, sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Noto Sans, sans-serif;
  --mat-sys-display-medium-font: Noto Sans, sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Noto Sans, sans-serif;
  --mat-sys-display-small-font: Noto Sans, sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Noto Sans, sans-serif;
  --mat-sys-headline-large-font: Noto Sans, sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Noto Sans, sans-serif;
  --mat-sys-headline-medium-font: Noto Sans, sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Noto Sans, sans-serif;
  --mat-sys-headline-small-font: Noto Sans, sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 600 0.875rem / 1.25rem Noto Sans, sans-serif;
  --mat-sys-label-large-font: Noto Sans, sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 600;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 600 0.75rem / 1rem Noto Sans, sans-serif;
  --mat-sys-label-medium-font: Noto Sans, sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 600;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 600 0.688rem / 1rem Noto Sans, sans-serif;
  --mat-sys-label-small-font: Noto Sans, sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 600;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Noto Sans, sans-serif;
  --mat-sys-title-large-font: Noto Sans, sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 600 1rem / 1.5rem Noto Sans, sans-serif;
  --mat-sys-title-medium-font: Noto Sans, sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 600;
  --mat-sys-title-small: 600 0.875rem / 1.25rem Noto Sans, sans-serif;
  --mat-sys-title-small-font: Noto Sans, sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 600;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-checkbox-unselected-icon-color: var(--elite-neutral-500);
}
html {
  --mdc-checkbox-unselected-focus-icon-color: var(--elite-neutral-500);
}
html {
  --mdc-checkbox-unselected-hover-icon-color: var(--elite-neutral-700);
}
html {
  --mdc-checkbox-selected-icon-color: var(--elite-tertiary-500);
}
html {
  --mdc-checkbox-selected-focus-icon-color: var(--elite-tertiary-500);
}
html {
  --mdc-checkbox-selected-hover-icon-color: var(--elite-tertiary-700);
}
html {
  --mdc-checkbox-selected-pressed-icon-color: var(--elite-tertiary-900);
}
html {
  --mdc-checkbox-selected-hover-state-layer-color: var(--elite-tertiary-100);
}
html {
  --mdc-checkbox-selected-pressed-state-layer-color: var(--elite-tertiary-200);
}
html {
  --mdc-checkbox-unselected-hover-state-layer-color: var(--elite-neutral-100);
}
html {
  --mdc-checkbox-unselected-pressed-state-layer-color: var(--elite-neutral-200);
}
html {
  --mdc-checkbox-selected-focus-state-layer-opacity: 0;
}
html {
  --mdc-checkbox-selected-hover-state-layer-opacity: 1;
}
html {
  --mdc-checkbox-selected-pressed-state-layer-opacity: 1;
}
html {
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0;
}
html {
  --mdc-checkbox-unselected-hover-state-layer-opacity: 1;
}
html {
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 1;
}
html {
  --mdc-outlined-text-field-caret-color: var(--elite-tertiary-500);
}
html {
  --mdc-outlined-text-field-error-caret-color: var(--elite-tertiary-500);
}
html {
  --mdc-outlined-text-field-input-text-placeholder-color: var(--elite-neutral-600);
}
html {
  --mat-form-field-leading-icon-color: var(--elite-neutral-700);
}
html {
  --mdc-outlined-text-field-input-text-color: var(--elite-neutral-900);
}
html {
  --mdc-outlined-text-field-outline-color: var(--elite-neutral-200);
}
html {
  --mdc-outlined-text-field-hover-outline-color: var(--elite-neutral-400);
}
html {
  --mdc-outlined-text-field-focus-outline-color: var(--elite-tertiary-500);
}
html {
  --mdc-outlined-text-field-error-outline-color: var(--elite-destructive-500);
}
html {
  --mat-select-enabled-trigger-text-color: var(--elite-neutral-900);
}
html {
  --mat-select-trigger-text-size: 16px;
}
html {
  --mat-select-trigger-text-weight: 600;
}
html {
  --mat-select-placeholder-text-color: var(--elite-neutral-600);
}
html {
  --mat-select-panel-background-color: var(--elite-neutral-001);
}
html {
  --mat-option-hover-state-layer-color: var(--elite-tertiary-001);
}
html {
  --mat-option-focus-state-layer-color: var(--elite-tertiary-100);
}
html {
  --mat-option-selected-state-layer-color: var(--elite-tertiary-001);
}
html {
  --mat-option-selected-state-label-text-color: var(--elite-neutral-900);
}
html {
  --mat-option-label-text-color: var(--elite-neutral-700);
}
html {
  --mat-datepicker-calendar-container-background-color: #ffffff;
}
html {
  --mat-datepicker-calendar-container-shape: 8px;
}
html {
  --mat-datepicker-calendar-period-button-text-color: #404040;
}
html {
  --mat-datepicker-calendar-period-button-text-size: 12px;
}
html {
  --mat-datepicker-calendar-period-button-text-weight: 700;
}
html {
  --mat-datepicker-calendar-period-button-icon-color: #404040;
}
html {
  --mat-datepicker-calendar-navigation-button-icon-color: #404040;
}
html {
  --mat-datepicker-calendar-date-text-color: #404040;
}
html {
  --mat-datepicker-calendar-date-hover-state-background-color: transparent;
}
html {
  --mat-datepicker-calendar-date-selected-state-background-color: #016e82;
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
}
html {
  --mat-datepicker-calendar-date-today-outline-color: #02a8c7;
}
html {
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #02a8c7;
}
html {
  --mat-datepicker-calendar-date-disabled-state-text-color: #737373;
}
html {
  --mat-datepicker-calendar-date-focus-state-background-color: transparent;
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: #e5fbff;
}
html {
  --mat-datepicker-calendar-text-size: 14px;
}
html {
  --mat-datepicker-calendar-body-label-text-size: 12px;
}
html {
  --mat-datepicker-calendar-body-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-header-text-size: 12px;
}
html {
  --mat-datepicker-calendar-header-text-weight: 700;
}
html mat-year-view .mat-calendar-body-today,
html mat-multi-year-view .mat-calendar-body-today {
  --mat-datepicker-calendar-date-today-outline-color: transparent !important;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: transparent !important;
}
html mat-year-view .mat-calendar-body-today .mat-calendar-body-cell-content,
html mat-multi-year-view .mat-calendar-body-today .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
}
html mat-year-view .mat-calendar-body-today .mat-calendar-body-cell-content.mat-calendar-body-selected.mat-calendar-body-today,
html mat-multi-year-view .mat-calendar-body-today .mat-calendar-body-cell-content.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: none !important;
}
html .mat-datepicker-content-container {
  width: 284px !important;
  height: 356px !important;
  border: 1px solid var(--neutral-200, #D9D9D9);
  border-radius: 8px;
  box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 16px;
  box-sizing: border-box;
  overflow: hidden;
}
html .mat-datepicker-content-container .mat-calendar {
  width: 100% !important;
  height: 100% !important;
}
html .mat-datepicker-content-container .mat-calendar-content {
  padding: 0 !important;
}
html .mat-datepicker-content-container .mat-calendar-table {
  width: 100%;
}
html .mat-datepicker-content-container .mat-calendar-header {
  height: 32px;
  padding: 0;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-controls {
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button {
  box-shadow: none !important;
  border-radius: 8px !important;
  --mdc-text-button-label-text-color: var(--elite-neutral-800);
  --mat-text-button-state-layer-color: var(--elite-neutral-800);
  --mat-text-button-hover-state-layer-opacity: 0.07;
  --mat-text-button-pressed-state-layer-opacity: 0.2;
  --mat-text-button-focus-state-layer-opacity: 0;
  font-family: "Noto Sans", sans-serif;
  line-height: 18px;
  font-variant-numeric: lining-nums tabular-nums;
  height: 32px !important;
  margin: 0 !important;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button .mat-mdc-button-persistent-ripple {
  border-radius: 8px !important;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button .mat-ripple {
  display: none !important;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button:focus-visible {
  background-color: var(--elite-neutral-001);
  box-shadow: 0 0 0 2px var(--elite-neutral-001), 0 0 0 4px var(--elite-neutral-700) !important;
  outline: none;
  transition: background-color 300ms ease-in-out, transform 300ms ease-in-out;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button:hover {
  color: var(--elite-neutral-900);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button:active {
  color: var(--elite-neutral-999);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-period-button:focus-visible {
  color: var(--elite-neutral-700);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-arrow {
  display: inline-block;
  width: 6.667px;
  height: 3.333px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button {
  box-shadow: none !important;
  border-radius: 8px !important;
  --mdc-text-button-label-text-color: var(--elite-neutral-800);
  --mat-text-button-state-layer-color: var(--elite-neutral-800);
  --mat-text-button-hover-state-layer-opacity: 0.07;
  --mat-text-button-pressed-state-layer-opacity: 0.2;
  --mat-text-button-focus-state-layer-opacity: 0;
  display: flex;
  height: 32px;
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  --mat-icon-button-state-layer-color: var(--elite-neutral-800);
  --mat-icon-button-hover-state-layer-opacity: 0.07;
  --mat-icon-button-focus-state-layer-opacity: 0;
  --mat-icon-button-pressed-state-layer-opacity: 0.2;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button .mat-mdc-button-persistent-ripple,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button .mat-mdc-button-persistent-ripple {
  border-radius: 8px !important;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button .mat-ripple,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button .mat-ripple {
  display: none !important;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:focus-visible,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:focus-visible {
  background-color: var(--elite-neutral-001);
  box-shadow: 0 0 0 2px var(--elite-neutral-001), 0 0 0 4px var(--elite-neutral-700) !important;
  outline: none;
  transition: background-color 300ms ease-in-out, transform 300ms ease-in-out;
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button .mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button .mat-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--elite-neutral-800);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:hover mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:hover .mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:hover mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:hover .mat-icon {
  color: var(--elite-neutral-900);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:active mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:active .mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:active mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:active .mat-icon {
  color: var(--elite-neutral-999);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:focus-visible mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button:focus-visible .mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:focus-visible mat-icon,
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-next-button:focus-visible .mat-icon {
  color: var(--elite-neutral-700);
}
html .mat-datepicker-content-container .mat-calendar-header .mat-calendar-previous-button {
  margin-right: 4px;
}
html .mat-datepicker-content-container .mat-mdc-icon-button img,
html .mat-datepicker-content-container .mat-mdc-icon-button svg {
  width: 16px;
  height: 16px;
  vertical-align: baseline;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-table-header th {
  color: #595959;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  padding-bottom: 2px;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-table-header,
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-table-header {
  display: none;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-table {
  border-collapse: separate !important;
  border-spacing: 0 6px;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-table {
  border-collapse: separate !important;
  border-spacing: 0 8px;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-table {
  border-collapse: separate !important;
  border-spacing: 0 4px;
}
html .mat-datepicker-content-container .mat-calendar-body-cell-content {
  color: #404040;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  font-variant-numeric: lining-nums tabular-nums;
  border-radius: 9999px;
  background-color: transparent;
  border: 1px solid transparent;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-cell-content {
  position: absolute !important;
  top: calc(50% - 18px) !important;
  left: calc(50% - 18px) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-cell::before {
  content: "";
  position: absolute;
  top: calc(50% - 18px) !important;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  display: block;
  height: 36px !important;
  width: 100%;
}
html .mat-datepicker-content-container .mat-calendar-body-cell-preview {
  content: "";
  position: absolute;
  top: calc(50% - 18px) !important;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  display: block;
  height: 36px !important;
  width: 100%;
  border: none !important;
  outline: none !important;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-in-preview::before {
  background-color: #e5fbff;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-preview-start:not(.mat-calendar-body-preview-end)::before {
  left: 50%;
  width: 50%;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-preview-end:not(.mat-calendar-body-preview-start)::before {
  width: 50%;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-preview-start.mat-calendar-body-preview-end::before {
  display: none;
}
html .mat-datepicker-content-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today):hover .mat-calendar-body-cell-content {
  background-color: #f2f2f2;
}
html .mat-datepicker-content-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today):active .mat-calendar-body-cell-content {
  background-color: #d9d9d9;
}
html .mat-datepicker-content-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #014552 !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #00343d !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell.mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell.mat-calendar-body-active:not(:focus-visible):not(:hover):not(:active) .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html .mat-datepicker-content-container .mat-calendar-body-today:not(.mat-calendar-body-selected) .mat-calendar-body-cell-content {
  border: 1px solid #02a8c7;
  background-color: #ffffff;
}
html .mat-datepicker-content-container .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  border: 1px solid #02a8c7;
  background-color: #f2f2f2;
}
html .mat-datepicker-content-container .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content {
  border: 1px solid #02a8c7;
  background-color: #d9d9d9;
}
html .mat-datepicker-content-container .mat-calendar-body-active.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):focus-visible .mat-calendar-body-cell-content {
  border: 1px solid #02a8c7;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container .mat-calendar-body-cell.mat-calendar-body-today.mat-calendar-body-selected .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  border: 1px solid #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell.mat-calendar-body-today.mat-calendar-body-selected:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #014552 !important;
  color: #ffffff !important;
  border: 1px solid #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell.mat-calendar-body-today.mat-calendar-body-selected:not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #00343d !important;
  color: #ffffff !important;
  border: 1px solid #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-cell.mat-calendar-body-active.mat-calendar-body-today.mat-calendar-body-selected:not(.mat-calendar-body-disabled):focus-visible .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  border: 1px solid #02a8c7 !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: #737373;
  background-color: #ffffff;
  cursor: not-allowed;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-in-range::before {
  background-color: #e5fbff;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-range-start:not(.mat-calendar-body-range-end)::before {
  left: 50%;
  width: 50%;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-range-end:not(.mat-calendar-body-range-start)::before {
  width: 50%;
}
html .mat-datepicker-content-container .mat-calendar-body-in-range:not(.mat-calendar-body-range-start):not(.mat-calendar-body-range-end) .mat-calendar-body-cell-content {
  background-color: #e5fbff;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-in-range:not(.mat-calendar-body-range-start):not(.mat-calendar-body-range-end):not(.mat-calendar-body-selected).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content {
  position: relative;
  z-index: 100;
  background-color: #e5fbff !important;
  box-shadow: 0 0 0 2px #e5fbff, 0 0 0 4px #595959 !important;
}
html .mat-datepicker-content-container button.mat-calendar-body-cell.mat-calendar-body-in-range:not(.mat-calendar-body-range-start):not(.mat-calendar-body-range-end) .mat-calendar-body-cell-content.mat-calendar-body-today {
  border: 1px solid #02a8c7;
  background-color: #ffffff !important;
}
html .mat-datepicker-content-container button.mat-calendar-body-cell.mat-calendar-body-in-range:not(.mat-calendar-body-range-start):not(.mat-calendar-body-range-end):hover .mat-calendar-body-cell-content.mat-calendar-body-today {
  background-color: #f2f2f2 !important;
}
html .mat-datepicker-content-container button.mat-calendar-body-cell.mat-calendar-body-in-range:not(.mat-calendar-body-range-start):not(.mat-calendar-body-range-end):active .mat-calendar-body-cell-content.mat-calendar-body-today {
  background-color: #d9d9d9 !important;
}
html .mat-datepicker-content-container button.mat-calendar-body-cell.mat-calendar-body-in-range:not(.mat-calendar-body-range-start):not(.mat-calendar-body-range-end).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content.mat-calendar-body-today {
  position: relative;
  z-index: 100;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container .mat-calendar-body-range-start:not(.mat-calendar-body-range-end) .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82;
  color: #ffffff;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-range-start:not(.mat-calendar-body-range-end):hover .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #014552;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-range-start:not(.mat-calendar-body-range-end):active .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #00343d;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-range-start:not(.mat-calendar-body-range-end).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content.mat-calendar-body-selected {
  position: relative;
  z-index: 100;
  background-color: #016e82;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-range-end:not(.mat-calendar-body-range-start) .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82;
  color: #ffffff;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-range-end:not(.mat-calendar-body-range-start):hover .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #014552;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-range-end:not(.mat-calendar-body-range-start):active .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #00343d;
  border-radius: 9999px;
}
html .mat-datepicker-content-container .mat-calendar-body-range-end:not(.mat-calendar-body-range-start).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content.mat-calendar-body-selected {
  position: relative;
  z-index: 100;
  background-color: #016e82;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #02a8c7 !important;
}
html .mat-datepicker-content-container .mat-calendar-body-range-start.mat-calendar-body-range-end .mat-calendar-body-cell-content {
  background-color: #016e82;
  color: #ffffff;
  border-radius: 9999px;
}
html .mat-datepicker-content-container mat-month-view tr[aria-hidden=true] {
  display: none !important;
}
html .mat-datepicker-content-container mat-month-view .mat-calendar-body-label {
  font-size: 0;
  line-height: 0;
  color: transparent;
}
html .mat-datepicker-content-container mat-year-view tr[aria-hidden=true] {
  display: none !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-label {
  font-size: 0;
  line-height: 0;
  color: transparent;
  padding: 0 !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell-content {
  color: #595959;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  vertical-align: middle;
  font-variant-numeric: lining-nums tabular-nums;
  border-radius: 9999px;
  border: 1px solid transparent !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today) .mat-calendar-body-cell-content {
  background-color: #ffffff;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today):hover .mat-calendar-body-cell-content {
  background-color: #f2f2f2;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today):active .mat-calendar-body-cell-content {
  background-color: #d9d9d9;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #014552 !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #00343d !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell.mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #02a8c7 !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-cell.mat-calendar-body-active:not(:focus-visible):not(:hover) .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-today:not(.mat-calendar-body-selected) .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #ffffff;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #f2f2f2;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #d9d9d9;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-active.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):focus-visible .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container mat-year-view .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: #737373 !important;
  background-color: #ffffff !important;
  cursor: not-allowed;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell-content {
  color: #595959;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  vertical-align: middle;
  font-variant-numeric: lining-nums tabular-nums;
  border-radius: 9999px;
  border: 1px solid transparent !important;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today) .mat-calendar-body-cell-content {
  background-color: #ffffff;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today):hover .mat-calendar-body-cell-content {
  background-color: #f2f2f2;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today):active .mat-calendar-body-cell-content {
  background-color: #d9d9d9;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):not(.mat-calendar-body-selected):not(.mat-calendar-body-today).mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content {
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #014552 !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell:not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #00343d !important;
  color: #ffffff !important;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell.mat-calendar-body-active:focus-visible .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #02a8c7 !important;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-cell.mat-calendar-body-active:not(:focus-visible):not(:hover) .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: #016e82 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-today:not(.mat-calendar-body-selected) .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #ffffff;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #f2f2f2;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #d9d9d9;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-active.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-disabled):focus-visible .mat-calendar-body-cell-content {
  border: 1px solid transparent !important;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #595959;
}
html .mat-datepicker-content-container mat-multi-year-view .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: #737373 !important;
  background-color: #ffffff !important;
  cursor: not-allowed;
}
html {
  --mat-sys-display-large-size: 40px;
  --mat-sys-display-large-line-height: 48px;
  --mat-sys-display-large-tracking: -0.02em;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium-size: 36px;
  --mat-sys-display-medium-line-height: 44px;
  --mat-sys-display-medium-tracking: -0.02em;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small-size: 32px;
  --mat-sys-display-small-line-height: 40px;
  --mat-sys-display-small-tracking: -0.02em;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large-size: 28px;
  --mat-sys-headline-large-line-height: 36px;
  --mat-sys-headline-large-tracking: -0.02em;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium-size: 24px;
  --mat-sys-headline-medium-line-height: 32px;
  --mat-sys-headline-medium-tracking: -0.02em;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small-size: 20px;
  --mat-sys-headline-small-line-height: 28px;
  --mat-sys-headline-small-tracking: -0.02em;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-body-large-size: 18px;
  --mat-sys-body-large-line-height: 28px;
  --mat-sys-body-large-tracking: normal;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium-size: 16px;
  --mat-sys-body-medium-line-height: 24px;
  --mat-sys-body-medium-tracking: normal;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small-size: 14px;
  --mat-sys-body-small-line-height: 20px;
  --mat-sys-body-small-tracking: normal;
  --mat-sys-body-small-weight: 400;
  --mat-sys-label-large-size: 16px;
  --mat-sys-label-large-line-height: 18px;
  --mat-sys-label-large-tracking: normal;
  --mat-sys-label-large-weight: 400;
  --mat-sys-label-medium-size: 14px;
  --mat-sys-label-medium-line-height: 16px;
  --mat-sys-label-medium-tracking: normal;
  --mat-sys-label-medium-weight: 400;
  --mat-sys-label-small-size: 12px;
  --mat-sys-label-small-line-height: 16px;
  --mat-sys-label-small-tracking: normal;
  --mat-sys-label-small-weight: 400;
}
html {
  --elite-primary-001: #faf5ff;
  --elite-primary-100: #f2e5ff;
  --elite-primary-200: #d0aafa;
  --elite-primary-300: #ad6df2;
  --elite-primary-400: #882feb;
  --elite-primary-500: #5f01c6;
  --elite-primary-600: #5101a8;
  --elite-primary-700: #3e0182;
  --elite-primary-800: #270052;
  --elite-primary-900: #1d003d;
  --elite-primary-999: #0c001a;
  --elite-on-primary-001: rgba(0, 0, 0, 0.87);
  --elite-on-primary-100: rgba(0, 0, 0, 0.87);
  --elite-on-primary-200: rgba(0, 0, 0, 0.87);
  --elite-on-primary-300: rgba(0, 0, 0, 0.87);
  --elite-on-primary-400: white;
  --elite-on-primary-500: white;
  --elite-on-primary-600: white;
  --elite-on-primary-700: white;
  --elite-on-primary-800: white;
  --elite-on-primary-900: white;
  --elite-on-primary-999: white;
  --elite-secondary-001: #f5fffd;
  --elite-secondary-100: #e5fffa;
  --elite-secondary-200: #aafaea;
  --elite-secondary-300: #6df2de;
  --elite-secondary-400: #2febc5;
  --elite-secondary-500: #02c79f;
  --elite-secondary-600: #02a887;
  --elite-secondary-700: #018268;
  --elite-secondary-800: #015241;
  --elite-secondary-900: #003d31;
  --elite-secondary-999: #001a14;
  --elite-on-secondary-001: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-100: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-200: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-300: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-400: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-500: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-600: rgba(0, 0, 0, 0.87);
  --elite-on-secondary-700: white;
  --elite-on-secondary-800: white;
  --elite-on-secondary-900: white;
  --elite-on-secondary-999: white;
  --elite-tertiary-001: #f5fdff;
  --elite-tertiary-100: #e5fbff;
  --elite-tertiary-200: #aaedfa;
  --elite-tertiary-300: #6ddef2;
  --elite-tertiary-400: #2fcdeb;
  --elite-tertiary-500: #02a8c7;
  --elite-tertiary-600: #028ea8;
  --elite-tertiary-700: #016e82;
  --elite-tertiary-800: #014552;
  --elite-tertiary-900: #00343d;
  --elite-tertiary-999: #00161a;
  --elite-on-tertiary-001: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-100: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-200: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-300: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-400: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-500: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-600: rgba(0, 0, 0, 0.87);
  --elite-on-tertiary-700: white;
  --elite-on-tertiary-800: white;
  --elite-on-tertiary-900: white;
  --elite-on-tertiary-999: white;
  --elite-neutral-001: #ffffff;
  --elite-neutral-100: #f2f2f2;
  --elite-neutral-200: #d9d9d9;
  --elite-neutral-300: #bfbfbf;
  --elite-neutral-400: #a6a6a6;
  --elite-neutral-500: #8c8c8c;
  --elite-neutral-600: #737373;
  --elite-neutral-700: #595959;
  --elite-neutral-800: #404040;
  --elite-neutral-900: #262626;
  --elite-neutral-999: #000000;
  --elite-on-neutral-001: rgba(0, 0, 0, 0.87);
  --elite-on-neutral-100: rgba(0, 0, 0, 0.87);
  --elite-on-neutral-200: rgba(0, 0, 0, 0.87);
  --elite-on-neutral-300: rgba(0, 0, 0, 0.87);
  --elite-on-neutral-400: rgba(0, 0, 0, 0.87);
  --elite-on-neutral-500: rgba(0, 0, 0, 0.87);
  --elite-on-neutral-600: white;
  --elite-on-neutral-700: white;
  --elite-on-neutral-800: white;
  --elite-on-neutral-900: white;
  --elite-on-neutral-999: white;
  --elite-success: #1ba862;
  --elite-success-container: #dbffed;
  --elite-on-success: #f5fffa;
  --elite-on-success-container: #001a0d;
  --elite-success-001: #f5fffa;
  --elite-success-100: #dbffed;
  --elite-success-200: #9bfaca;
  --elite-success-300: #69f0ad;
  --elite-success-400: #39db8a;
  --elite-success-500: #1ba862;
  --elite-success-600: #078a48;
  --elite-success-700: #036132;
  --elite-success-800: #01331a;
  --elite-success-900: #001a0d;
  --elite-success-999: #000d06;
  --elite-on-success-001: rgba(0, 0, 0, 0.87);
  --elite-on-success-100: rgba(0, 0, 0, 0.87);
  --elite-on-success-200: rgba(0, 0, 0, 0.87);
  --elite-on-success-300: rgba(0, 0, 0, 0.87);
  --elite-on-success-400: rgba(0, 0, 0, 0.87);
  --elite-on-success-500: rgba(0, 0, 0, 0.87);
  --elite-on-success-600: white;
  --elite-on-success-700: white;
  --elite-on-success-800: white;
  --elite-on-success-900: white;
  --elite-on-success-999: white;
  --elite-warning: #a8791b;
  --elite-warning-container: #fff3db;
  --elite-on-warning: #fffcf5;
  --elite-on-warning-container: #1a1100;
  --elite-warning-001: #fffcf5;
  --elite-warning-100: #fff3db;
  --elite-warning-200: #fada9b;
  --elite-warning-300: #f0c369;
  --elite-warning-400: #dba539;
  --elite-warning-500: #a8791b;
  --elite-warning-600: #8a5e07;
  --elite-warning-700: #614203;
  --elite-warning-800: #332201;
  --elite-warning-900: #1a1100;
  --elite-warning-999: #0d0900;
  --elite-on-warning-001: rgba(0, 0, 0, 0.87);
  --elite-on-warning-100: rgba(0, 0, 0, 0.87);
  --elite-on-warning-200: rgba(0, 0, 0, 0.87);
  --elite-on-warning-300: rgba(0, 0, 0, 0.87);
  --elite-on-warning-400: rgba(0, 0, 0, 0.87);
  --elite-on-warning-500: rgba(0, 0, 0, 0.87);
  --elite-on-warning-600: white;
  --elite-on-warning-700: white;
  --elite-on-warning-800: white;
  --elite-on-warning-900: white;
  --elite-on-warning-999: white;
  --elite-info: #1b62a8;
  --elite-info-container: #dbedff;
  --elite-on-info: #f5faff;
  --elite-on-info-container: #000d1a;
  --elite-info-001: #f5faff;
  --elite-info-100: #dbedff;
  --elite-info-200: #9bcafa;
  --elite-info-300: #69adf0;
  --elite-info-400: #398adb;
  --elite-info-500: #1b62a8;
  --elite-info-600: #07488a;
  --elite-info-700: #033261;
  --elite-info-800: #011a33;
  --elite-info-900: #000d1a;
  --elite-info-999: #00060d;
  --elite-on-info-001: rgba(0, 0, 0, 0.87);
  --elite-on-info-100: rgba(0, 0, 0, 0.87);
  --elite-on-info-200: rgba(0, 0, 0, 0.87);
  --elite-on-info-300: rgba(0, 0, 0, 0.87);
  --elite-on-info-400: rgba(0, 0, 0, 0.87);
  --elite-on-info-500: white;
  --elite-on-info-600: white;
  --elite-on-info-700: white;
  --elite-on-info-800: white;
  --elite-on-info-900: white;
  --elite-on-info-999: white;
  --elite-destructive-001: #fff5f5;
  --elite-destructive-100: #ffdbdb;
  --elite-destructive-200: #fa9b9b;
  --elite-destructive-300: #f06969;
  --elite-destructive-400: #db3939;
  --elite-destructive-500: #a81b1b;
  --elite-destructive-600: #8a0707;
  --elite-destructive-700: #610303;
  --elite-destructive-800: #330101;
  --elite-destructive-900: #1a0000;
  --elite-destructive-999: #0d0000;
  --elite-on-destructive-001: rgba(0, 0, 0, 0.87);
  --elite-on-destructive-100: rgba(0, 0, 0, 0.87);
  --elite-on-destructive-200: rgba(0, 0, 0, 0.87);
  --elite-on-destructive-300: rgba(0, 0, 0, 0.87);
  --elite-on-destructive-400: white;
  --elite-on-destructive-500: white;
  --elite-on-destructive-600: white;
  --elite-on-destructive-700: white;
  --elite-on-destructive-800: white;
  --elite-on-destructive-900: white;
  --elite-on-destructive-999: white;
}
:root {
  --particle-font-weight-extrabold: 800;
  --mat-full-pseudo-checkbox-selected-icon-color: var(--elite-tertiary-500);
  --mat-full-pseudo-checkbox-unselected-icon-color: var(--elite-neutral-500);
}
:root .mdc-checkbox .mdc-checkbox__background {
  border-radius: 3px;
}
:root .mdc-checkbox__native-control:focus:focus:checked ~ .mdc-checkbox__background,
:root .mdc-checkbox__native-control:focus:focus:indeterminate ~ .mdc-checkbox__background {
  outline: 3px solid var(--elite-tertiary-500);
  outline-offset: 3px;
}
:root .mdc-checkbox__native-control:focus:focus:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  outline: 3px solid var(--elite-neutral-500);
  outline-offset: 3px;
}
html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans", sans-serif;
  background: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
}
.height-full {
  height: 100%;
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.particle-tabs .mat-ink-bar {
  background-color: var(--mat-sys-primary);
}
.particle-card.no-padding {
  padding: 0px;
}
.spellcheck-dialog mat-dialog-container {
  padding: 0;
  min-height: 100%;
  overflow: hidden;
}
.spellcheck-process-form .mat-mdc-form-field-flex {
  padding: 0 0.75em 0 0.75em !important;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  padding: unset !important;
}
.mat-mdc-text-field-wrapper {
  padding: unset !important;
}
particle-button-dropdown button .mat-badge-content {
  right: 6px !important;
  border-radius: 4px;
}
particle-button-dropdown button .mat-button-wrapper,
particle-button button .mat-button-wrapper {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
mat-tooltip-component .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
  font-size: 12px;
}
.mdc-list-item__primary-text {
  letter-spacing: normal !important;
}
button,
input,
select,
textarea,
optgroup {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
[type=button],
[type=reset],
[type=submit] {
  font-weight: 600;
  letter-spacing: normal;
  cursor: pointer;
}
input[type=text],
input[type=email],
input[type=password],
input[type=search],
textarea {
  font-weight: 400;
}
select {
  font-weight: 400;
}
body > div > a {
  display: none;
}
.main-toolbar .mat-toolbar {
  color: white;
  background-color: #100128 !important;
  justify-content: center;
  text-align: center;
}
.particle-toolbar {
  position: sticky;
  top: 0;
  z-index: 1000;
}

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