/* projects/demo/src/styles.scss */
.row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rbs-number-scale-xm);
  align-items: center;
  margin-block: var(--rbs-number-scale-xm);
}
.demo-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--rbs-number-scale-xm);
}
.demo-cards img[mat-card-image] {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.demo-cards mat-card-actions {
  margin-top: auto;
}
.demo-divider {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-number-scale-xm);
  max-width: 720px;
}
.demo-divider section > * {
  margin: 0;
}
.demo-divider h3 {
  margin-block-end: var(--rbs-number-scale-xs);
}
.demo-divider-row {
  display: flex;
  align-items: stretch;
  gap: var(--rbs-number-scale-xs);
}
.demo-chart-table {
  max-height: 301px;
  margin-top: 16px;
}
.demo-dashboard-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.demo-page-frame {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--rbs-border-neutral-primary);
  border-radius: 8px;
  overflow: hidden;
}
.demo-page-frame-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--rbs-number-scale-xm);
  padding: 32px;
}
.demo-page-frame-content mat-form-field {
  width: 360px;
  max-width: 100%;
}
.demo-accordion {
  display: block;
  max-width: 720px;
}
.radio-list {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-gap-components-radio-vertical);
}
.switch-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--rbs-gap-components-switch-vertical);
}
.help-label {
  display: inline-flex;
  align-items: center;
  gap: var(--rbs-number-scale-xs);
}
.progress-demo {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-number-scale-xm);
}
.progress-demo mat-progress-bar {
  margin-top: var(--rbs-number-scale-s);
}
.tab-content {
  margin: 0;
  padding: var(--rbs-number-scale-xm) 0;
}
.side-nav-demo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--rbs-number-scale-l);
  align-items: start;
}
.side-nav-column {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.side-nav-column > span {
  margin-bottom: var(--rbs-number-scale-s);
}
.side-nav-subtitle {
  margin-top: var(--rbs-number-scale-l);
}
.side-nav-collapsed {
  width: 64px;
}
.side-nav-frame {
  display: flex;
  height: 560px;
  overflow: hidden;
  border: 1px solid var(--rbs-border-neutral-primary);
}
.side-nav-page {
  flex: 1 1 auto;
  padding: var(--rbs-number-scale-l);
}
.logo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: var(--rbs-number-scale-l);
}
.logo-card {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-number-scale-s);
  padding: var(--rbs-number-scale-xm);
  border: 1px solid var(--rbs-border-neutral-primary);
}
.logo-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rbs-number-scale-l);
}
.scroll-demo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--rbs-number-scale-l);
}
.scroll-demo-box {
  height: 200px;
  padding: var(--rbs-number-scale-xm);
  border: 1px solid var(--rbs-border-neutral-primary);
  background: var(--rbs-bg-neutral-secondary);
}
.scroll-demo-box p {
  margin: var(--rbs-number-scale-s) 0;
}
.scroll-demo-wide {
  height: auto;
}
.scroll-demo-line {
  display: flex;
  gap: var(--rbs-number-scale-l);
  white-space: nowrap;
}
.alerts {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-number-scale-m);
}
.fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--rbs-gap-components-inputs-horizontal-vertical);
}
.fields mat-form-field {
  width: 100%;
}
.fields .wide {
  grid-column: 1/-1;
}
.checkbox-demo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--rbs-number-scale-l);
}
.checkbox-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--rbs-gap-components-checkbox-vertical);
}
.checkbox-children {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-gap-components-checkbox-vertical);
  padding-inline-start: var(--rbs-number-scale-l);
}
.checkbox-error {
  color: var(--rbs-text-semantic-error-on-subtle);
}
.hint {
  color: var(--rbs-text-neutral-subtle);
}
.size-label {
  width: 64px;
  color: var(--rbs-text-neutral-subtle);
}
.swatches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--rbs-number-scale-m);
  padding: 0;
  list-style: none;
}
.swatches li {
  display: flex;
  gap: var(--rbs-number-scale-s);
  align-items: center;
}
.swatch {
  width: 32px;
  height: 32px;
  border: 1px solid var(--rbs-border-neutral-primary);
  border-radius: 4px;
}
.demo-filled-icon {
  font-variation-settings: "FILL" 1;
}
.chips-field {
  width: 100%;
  max-width: 480px;
}
.skeleton-demo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--rbs-number-scale-l);
  align-items: start;
}
.skeleton-figma {
  width: 227px;
}
.skeleton-card {
  align-items: stretch;
  min-height: 140px;
}
.dropdown-skeleton {
  box-sizing: border-box;
  width: 200px;
  padding: var(--rbs-number-scale-s) var(--rbs-number-scale-xm);
}
.tab-list {
  margin: 0;
  padding-inline-start: var(--rbs-number-scale-l);
}
.demo-table-wrap {
  overflow-x: auto;
}
.demo-table-wrap table {
  width: 100%;
}
.demo-table-wrap .mat-column-status {
  width: 240px;
}
.demo-table-wide {
  min-width: 360px;
}
.demo-table-field {
  width: 160px;
}
.demo-table-copy {
  min-width: 320px;
}
.demo-crud-loading {
  height: 4px;
}
.demo-crud-empty {
  padding: var(--rbs-number-scale-xm);
}
.demo-list {
  width: 360px;
  max-width: 100%;
}
.demo-list-row {
  align-items: flex-start;
}
.demo-dialog-message {
  flex: 1 1 auto;
  margin-inline-start: var(--rbs-number-scale-xm);
}
.demo-calendar {
  width: 320px;
  max-width: 100%;
  border: 1px solid var(--rbs-border-neutral-primary);
  border-radius: 8px;
  background: var(--rbs-datepicker-panel);
}
.demo-dashboard-summary {
  margin-top: 8px;
}
.demo-narrow-header {
  max-width: 520px;
}
.demo-side-nav-widths {
  margin-bottom: 16px;
}
.doc-title {
  margin: 0 0 var(--rbs-number-scale-m);
}
.doc-panel {
  display: block;
  padding-block: var(--rbs-number-scale-l);
}
.doc-note {
  margin: 0 0 var(--rbs-number-scale-l);
  color: var(--rbs-text-neutral-subtle);
}
.doc-content a,
.doc-note a {
  color: var(--rbs-text-brand-primary);
}
.doc-content {
  max-width: 820px;
  color: var(--rbs-text-neutral-primary);
  font: var(--mat-sys-body-medium);
}
.doc-content h2 {
  margin: var(--rbs-number-scale-xl) 0 var(--rbs-number-scale-s);
  font: var(--mat-sys-title-large);
}
.doc-content h3 {
  margin: var(--rbs-number-scale-l) 0 var(--rbs-number-scale-s);
  font: var(--mat-sys-title-medium);
}
.doc-content > :first-child {
  margin-top: 0;
}
.doc-content p,
.doc-content ul,
.doc-content ol {
  margin: var(--rbs-number-scale-s) 0;
}
.doc-content li + li {
  margin-top: var(--rbs-number-scale-xs);
}
.doc-content code {
  padding: 0 var(--rbs-number-scale-xs);
  border-radius: 4px;
  background: var(--rbs-bg-neutral-tertiary);
  font-family: "Roboto Mono", monospace;
  font-size: 0.9em;
}
.doc-content pre {
  padding: var(--rbs-number-scale-xm);
  overflow-x: auto;
  border-radius: var(--mat-sys-corner-small);
  background: var(--rbs-bg-neutral-tertiary);
}
.doc-content pre code {
  padding: 0;
  background: none;
}
.doc-content table {
  display: block;
  max-width: 100%;
  margin: var(--rbs-number-scale-m) 0;
  overflow-x: auto;
  border-collapse: collapse;
}
.doc-content th,
.doc-content td {
  padding: var(--rbs-number-scale-s) var(--rbs-number-scale-xm);
  border: 1px solid var(--rbs-border-neutral-primary);
  text-align: start;
  vertical-align: top;
}
.doc-content th {
  background: var(--rbs-bg-neutral-secondary);
  font-weight: var(--mat-sys-title-small-weight);
}
.example-card {
  margin-bottom: var(--rbs-number-scale-l);
  overflow: hidden;
  border: 1px solid var(--rbs-border-neutral-primary);
  border-radius: var(--mat-sys-corner-small);
}
.example-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rbs-number-scale-xm);
  padding: var(--rbs-number-scale-xs) var(--rbs-number-scale-s) var(--rbs-number-scale-xs) var(--rbs-number-scale-xm);
  border-bottom: 1px solid var(--rbs-border-neutral-primary);
  background: var(--rbs-bg-neutral-secondary);
}
.example-card-header h3 {
  margin: 0;
}
.example-card-code {
  max-height: 420px;
  margin: 0;
  padding: var(--rbs-number-scale-xm);
  border-bottom: 1px solid var(--rbs-border-neutral-primary);
  background: var(--rbs-bg-neutral-tertiary);
  font: 13px/20px "Roboto Mono", monospace;
}
.example-card-body {
  padding: var(--rbs-number-scale-l);
}
.token-jump {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rbs-number-scale-l);
  margin: var(--rbs-number-scale-m) 0;
}
.token-jump a {
  color: var(--rbs-text-brand-primary);
}
.token-heading {
  margin: var(--rbs-number-scale-xxl) 0 var(--rbs-number-scale-xs);
  scroll-margin-top: var(--rbs-number-scale-l);
}
.token-intro,
.token-note {
  color: var(--rbs-text-neutral-subtle);
}
.token-intro {
  margin: 0 0 var(--rbs-number-scale-m);
}
.token-note {
  display: block;
}
.token-ramp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: var(--rbs-number-scale-s);
  margin: var(--rbs-number-scale-s) 0 var(--rbs-number-scale-l);
  padding: 0;
  list-style: none;
}
.token-ramp li {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-number-scale-xxs);
}
.token-ramp .token-swatch {
  width: 100%;
  height: 48px;
}
.token-table {
  margin: var(--rbs-number-scale-s) 0 var(--rbs-number-scale-l);
  border: 1px solid var(--rbs-border-neutral-primary);
  border-radius: var(--mat-sys-corner-small);
}
.token-row {
  display: grid;
  grid-template-columns: minmax(200px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr);
  gap: var(--rbs-number-scale-xm);
  align-items: center;
  padding: var(--rbs-number-scale-s) var(--rbs-number-scale-xm);
}
.token-row + .token-row {
  border-top: 1px solid var(--rbs-border-neutral-primary);
}
.token-row > [role=cell] {
  display: flex;
  flex-direction: column;
  gap: var(--rbs-number-scale-xxs);
  min-width: 0;
  overflow-wrap: anywhere;
}
.token-row code {
  font-family: "Roboto Mono", monospace;
}
.token-row-head {
  background: var(--rbs-bg-neutral-secondary);
  color: var(--rbs-text-neutral-subtle);
}
.token-row-space {
  grid-template-columns: minmax(240px, 2fr) 80px minmax(120px, 2fr);
}
.token-row > .token-value {
  flex-direction: row;
  align-items: center;
  gap: var(--rbs-number-scale-s);
}
.token-swatch {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 1px solid var(--rbs-border-neutral-primary);
  border-radius: var(--mat-sys-corner-small);
  background: linear-gradient(var(--swatch), var(--swatch)), var(--rbs-bg-neutral-primary);
  font: var(--mat-sys-title-large);
}
.token-swatch[data-kind=text],
.token-swatch[data-kind=icon] {
  background: var(--rbs-bg-neutral-primary);
  color: var(--swatch);
}
.token-swatch[data-kind=border] {
  background: var(--rbs-bg-neutral-primary);
  box-shadow: inset 0 0 0 3px var(--swatch);
}
.space-bar {
  display: block;
  min-width: 1px;
  max-width: 100%;
  height: 16px;
  border-radius: 2px;
  background: var(--rbs-bg-brand-bold-primary);
}
.type-row {
  padding: var(--rbs-number-scale-m) 0;
}
.type-row + .type-row {
  border-top: 1px solid var(--rbs-border-neutral-primary);
}
.type-sample {
  margin: 0 0 var(--rbs-number-scale-s);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.type-specs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rbs-number-scale-xs) var(--rbs-number-scale-l);
  margin: 0;
}
.type-specs dt {
  color: var(--rbs-text-neutral-subtle);
}
.type-specs dd {
  margin: 0;
}
html {
  --rbs-primary-0: #000000;
  --rbs-primary-5: #001414;
  --rbs-primary-10: #002020;
  --rbs-primary-15: #002b2b;
  --rbs-primary-20: #003737;
  --rbs-primary-25: #004343;
  --rbs-primary-30: #004f4f;
  --rbs-primary-35: #005c5c;
  --rbs-primary-40: #006a6a;
  --rbs-primary-50: #008585;
  --rbs-primary-60: #01a1a1;
  --rbs-primary-70: #3dbcbc;
  --rbs-primary-80: #5fd8d8;
  --rbs-primary-90: #7ef5f4;
  --rbs-primary-95: #adfffe;
  --rbs-primary-98: #e2fffe;
  --rbs-primary-99: #f1fffe;
  --rbs-primary-100: #ffffff;
  --rbs-secondary-0: #000000;
  --rbs-secondary-5: #001414;
  --rbs-secondary-10: #071f1f;
  --rbs-secondary-15: #132929;
  --rbs-secondary-20: #1e3434;
  --rbs-secondary-25: #293f3f;
  --rbs-secondary-30: #344b4a;
  --rbs-secondary-35: #405756;
  --rbs-secondary-40: #4c6362;
  --rbs-secondary-50: #647b7b;
  --rbs-secondary-60: #7c9695;
  --rbs-secondary-70: #96b0af;
  --rbs-secondary-80: #b3cbca;
  --rbs-secondary-90: #cee7e7;
  --rbs-secondary-95: #dcf6f5;
  --rbs-secondary-98: #e5fefd;
  --rbs-secondary-99: #f1fffe;
  --rbs-secondary-100: #ffffff;
  --rbs-tertiary-0: #000000;
  --rbs-tertiary-5: #001126;
  --rbs-tertiary-10: #071c33;
  --rbs-tertiary-15: #13273e;
  --rbs-tertiary-20: #1f3149;
  --rbs-tertiary-25: #2a3c55;
  --rbs-tertiary-30: #354860;
  --rbs-tertiary-35: #41546d;
  --rbs-tertiary-40: #4d6079;
  --rbs-tertiary-50: #667893;
  --rbs-tertiary-60: #7f92ae;
  --rbs-tertiary-70: #9aacc9;
  --rbs-tertiary-80: #b5c8e6;
  --rbs-tertiary-90: #d3e4ff;
  --rbs-tertiary-95: #eaf1ff;
  --rbs-tertiary-98: #f8f9ff;
  --rbs-tertiary-99: #fdfcff;
  --rbs-tertiary-100: #ffffff;
  --rbs-neutral-0: #000000;
  --rbs-neutral-5: #0e1211;
  --rbs-neutral-10: #191c1c;
  --rbs-neutral-15: #232626;
  --rbs-neutral-20: #2e3131;
  --rbs-neutral-25: #393c3c;
  --rbs-neutral-30: #444747;
  --rbs-neutral-35: #505353;
  --rbs-neutral-40: #5c5f5f;
  --rbs-neutral-50: #757877;
  --rbs-neutral-60: #8e9191;
  --rbs-neutral-70: #a9acab;
  --rbs-neutral-80: #c5c7c6;
  --rbs-neutral-90: #e1e3e2;
  --rbs-neutral-95: #eff1f0;
  --rbs-neutral-98: #f8faf9;
  --rbs-neutral-99: #fbfdfc;
  --rbs-neutral-100: #ffffff;
  --rbs-neutral-variant-0: #000000;
  --rbs-neutral-variant-5: #0a1212;
  --rbs-neutral-variant-10: #141d1d;
  --rbs-neutral-variant-15: #1e2727;
  --rbs-neutral-variant-20: #293232;
  --rbs-neutral-variant-25: #343d3d;
  --rbs-neutral-variant-30: #404848;
  --rbs-neutral-variant-35: #4b5454;
  --rbs-neutral-variant-40: #576060;
  --rbs-neutral-variant-50: #707978;
  --rbs-neutral-variant-60: #899392;
  --rbs-neutral-variant-70: #a4adac;
  --rbs-neutral-variant-80: #bfc8c8;
  --rbs-neutral-variant-90: #dbe4e4;
  --rbs-neutral-variant-95: #e9f3f2;
  --rbs-neutral-variant-98: #f2fbfa;
  --rbs-neutral-variant-99: #f5fefd;
  --rbs-neutral-variant-100: #ffffff;
  --rbs-success-0: #000000;
  --rbs-success-5: #001506;
  --rbs-success-10: #00210d;
  --rbs-success-15: #002d13;
  --rbs-success-20: #00391a;
  --rbs-success-25: #004521;
  --rbs-success-30: #005229;
  --rbs-success-35: #006030;
  --rbs-success-40: #006d38;
  --rbs-success-50: #008948;
  --rbs-success-60: #00a658;
  --rbs-success-70: #2ac36e;
  --rbs-success-80: #50e087;
  --rbs-success-90: #70fda0;
  --rbs-success-95: #c3ffce;
  --rbs-success-98: #eaffea;
  --rbs-success-99: #f5fff3;
  --rbs-success-100: #ffffff;
  --rbs-warning-0: #000000;
  --rbs-warning-5: #1f0c00;
  --rbs-warning-10: #2e1500;
  --rbs-warning-15: #3d1e00;
  --rbs-warning-20: #4d2700;
  --rbs-warning-25: #5d3000;
  --rbs-warning-30: #6d3900;
  --rbs-warning-35: #7e4300;
  --rbs-warning-40: #904d00;
  --rbs-warning-50: #b46200;
  --rbs-warning-60: #d97800;
  --rbs-warning-70: #ff8f0e;
  --rbs-warning-80: #ffba3d;
  --rbs-warning-90: #ffdcc2;
  --rbs-warning-95: #ffede2;
  --rbs-warning-98: #fff8f5;
  --rbs-warning-99: #fffbff;
  --rbs-warning-100: #ffffff;
  --rbs-error-0: #000000;
  --rbs-error-5: #2d0001;
  --rbs-error-10: #410002;
  --rbs-error-15: #540003;
  --rbs-error-20: #690005;
  --rbs-error-25: #7e0007;
  --rbs-error-30: #93000a;
  --rbs-error-35: #a80710;
  --rbs-error-40: #ba1a1a;
  --rbs-error-50: #de3730;
  --rbs-error-60: #ff5449;
  --rbs-error-70: #ff897d;
  --rbs-error-80: #ffb4ab;
  --rbs-error-90: #ffdad6;
  --rbs-error-95: #ffedea;
  --rbs-error-98: #fff8f7;
  --rbs-error-99: #fffbff;
  --rbs-error-100: #ffffff;
  --rbs-absolute-white: #ffffff;
  --rbs-absolute-white-offwhite: #fbfdfc;
  --rbs-absolute-black: #000000;
  --rbs-alpha-primary-4: #006a6a0a;
  --rbs-alpha-primary-8: #006a6a14;
  --rbs-alpha-primary-10: #006a6a1a;
  --rbs-alpha-primary-12: #006a6a1f;
  --rbs-alpha-primary-14: #006a6a24;
  --rbs-alpha-white-4: #ffffff0a;
  --rbs-alpha-white-8: #ffffff14;
  --rbs-alpha-white-10: #ffffff1a;
  --rbs-alpha-white-12: #ffffff1f;
  --rbs-alpha-white-14: #ffffff24;
  --rbs-alpha-white-80: #ffffffcc;
  --rbs-alpha-black-4: #0000000a;
  --rbs-alpha-black-8: #00000014;
  --rbs-alpha-black-10: #0000001a;
  --rbs-alpha-black-12: #0000001f;
  --rbs-alpha-black-14: #00000024;
  --rbs-alpha-black-15: #00000026;
  --rbs-alpha-black-30: #0000004d;
  --rbs-alpha-black-60: #00000099;
  --rbs-alpha-black-80: #000000cc;
  --rbs-alpha-neutral-95-80: #eff1f0cc;
  --rbs-alpha-neutral-15-80: #232626cc;
  --rbs-number-scale-xxs: 2px;
  --rbs-number-scale-xs: 4px;
  --rbs-number-scale-s: 8px;
  --rbs-number-scale-m: 12px;
  --rbs-number-scale-xm: 16px;
  --rbs-number-scale-l: 24px;
  --rbs-number-scale-xl: 32px;
  --rbs-number-scale-xxl: 40px;
  --rbs-padding-cards-up-down-left-right: 16px;
  --rbs-padding-page-with-title-component-up: 0px;
  --rbs-padding-page-with-title-component-down-left-right: 32px;
  --rbs-padding-page-without-title-component-up-down-left-right: 32px;
  --rbs-gap-texts-title-body-large: 4px;
  --rbs-gap-texts-title-body-medium: 2px;
  --rbs-gap-texts-title-body-small: 0px;
  --rbs-gap-components-checkbox-horizontal: 8px;
  --rbs-gap-components-checkbox-vertical: 4px;
  --rbs-gap-components-radio-horizontal: 12px;
  --rbs-gap-components-radio-vertical: 12px;
  --rbs-gap-components-switch-horizontal: 12px;
  --rbs-gap-components-switch-vertical: 8px;
  --rbs-gap-components-inputs-horizontal-vertical: 16px;
  --rbs-gap-data-table-nav-crud: 16px;
  --mat-sys-background: var(--rbs-bg-neutral-primary);
  --mat-sys-error: var(--rbs-bg-semantic-error-bold);
  --mat-sys-error-container: var(--rbs-bg-semantic-error-subtle);
  --mat-sys-inverse-on-surface: var(--rbs-text-inverse-primary);
  --mat-sys-inverse-primary: var(--rbs-text-inverse-brand);
  --mat-sys-inverse-surface: var(--rbs-bg-inverse-secondary);
  --mat-sys-on-background: var(--rbs-text-neutral-primary);
  --mat-sys-on-error: var(--rbs-text-semantic-error-on-bold);
  --mat-sys-on-error-container: var(--rbs-text-semantic-error-on-subtle);
  --mat-sys-on-primary: var(--rbs-text-brand-on-primary);
  --mat-sys-on-primary-container: var(--rbs-text-brand-primary);
  --mat-sys-on-primary-fixed: var(--rbs-text-brand-primary);
  --mat-sys-on-primary-fixed-variant: var(--rbs-text-brand-primary);
  --mat-sys-on-secondary: var(--rbs-text-brand-on-secondary);
  --mat-sys-on-secondary-container: var(--rbs-text-brand-secondary);
  --mat-sys-on-secondary-fixed: var(--rbs-text-brand-secondary);
  --mat-sys-on-secondary-fixed-variant: var(--rbs-text-brand-secondary);
  --mat-sys-on-surface: var(--rbs-text-neutral-primary);
  --mat-sys-on-surface-variant: var(--rbs-text-neutral-subtle);
  --mat-sys-on-tertiary: var(--rbs-text-brand-on-tertiary);
  --mat-sys-on-tertiary-container: var(--rbs-text-brand-tertiary);
  --mat-sys-on-tertiary-fixed: var(--rbs-text-brand-tertiary);
  --mat-sys-on-tertiary-fixed-variant: var(--rbs-text-brand-tertiary);
  --mat-sys-outline: var(--rbs-border-neutral-strong);
  --mat-sys-outline-variant: var(--rbs-border-neutral-primary);
  --mat-sys-primary: var(--rbs-bg-brand-bold-primary);
  --mat-sys-primary-container: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-primary-fixed: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-primary-fixed-dim: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-scrim: var(--rbs-overlay-scrim);
  --mat-sys-secondary: var(--rbs-bg-brand-bold-secondary);
  --mat-sys-secondary-container: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-secondary-fixed: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-secondary-fixed-dim: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-shadow: var(--rbs-shadow-neutral);
  --mat-sys-surface: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-bright: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-container: var(--rbs-bg-neutral-tertiary);
  --mat-sys-surface-container-high: var(--rbs-bg-neutral-container-high);
  --mat-sys-surface-container-highest: var(--rbs-bg-neutral-container-highest);
  --mat-sys-surface-container-low: var(--rbs-bg-neutral-secondary);
  --mat-sys-surface-container-lowest: var(--rbs-bg-neutral-white);
  --mat-sys-surface-dim: var(--rbs-bg-neutral-dim);
  --mat-sys-surface-tint: var(--rbs-bg-brand-bold-primary);
  --mat-sys-surface-variant: var(--rbs-bg-neutral-tertiary);
  --mat-sys-tertiary: var(--rbs-bg-brand-bold-tertiary);
  --mat-sys-tertiary-container: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-tertiary-fixed: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-tertiary-fixed-dim: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-neutral-variant20: var(--rbs-overlay-scrim);
  --mat-sys-neutral10: var(--rbs-text-neutral-primary);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --mat-sys-body-large: 400 16px / 24px Roboto, sans-serif;
  --mat-sys-body-large-font: Roboto, sans-serif;
  --mat-sys-body-large-line-height: 24px;
  --mat-sys-body-large-size: 16px;
  --mat-sys-body-large-tracking: 0.5px;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 14px / 20px Roboto, sans-serif;
  --mat-sys-body-medium-font: Roboto, sans-serif;
  --mat-sys-body-medium-line-height: 20px;
  --mat-sys-body-medium-size: 14px;
  --mat-sys-body-medium-tracking: 0.25px;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 12px / 16px Roboto, sans-serif;
  --mat-sys-body-small-font: Roboto, sans-serif;
  --mat-sys-body-small-line-height: 16px;
  --mat-sys-body-small-size: 12px;
  --mat-sys-body-small-tracking: 0.4px;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 500 57px / 80px Roboto, sans-serif;
  --mat-sys-display-large-font: Roboto, sans-serif;
  --mat-sys-display-large-line-height: 80px;
  --mat-sys-display-large-size: 57px;
  --mat-sys-display-large-tracking: 0.25px;
  --mat-sys-display-large-weight: 500;
  --mat-sys-display-medium: 500 45px / 63px Roboto, sans-serif;
  --mat-sys-display-medium-font: Roboto, sans-serif;
  --mat-sys-display-medium-line-height: 63px;
  --mat-sys-display-medium-size: 45px;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 500;
  --mat-sys-display-small: 500 36px / 51px Roboto, sans-serif;
  --mat-sys-display-small-font: Roboto, sans-serif;
  --mat-sys-display-small-line-height: 51px;
  --mat-sys-display-small-size: 36px;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 500;
  --mat-sys-headline-large: 700 32px / 40px Roboto, sans-serif;
  --mat-sys-headline-large-font: Roboto, sans-serif;
  --mat-sys-headline-large-line-height: 40px;
  --mat-sys-headline-large-size: 32px;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 700;
  --mat-sys-headline-medium: 700 28px / 36px Roboto, sans-serif;
  --mat-sys-headline-medium-font: Roboto, sans-serif;
  --mat-sys-headline-medium-line-height: 36px;
  --mat-sys-headline-medium-size: 28px;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 700;
  --mat-sys-headline-small: 700 24px / 32px Roboto, sans-serif;
  --mat-sys-headline-small-font: Roboto, sans-serif;
  --mat-sys-headline-small-line-height: 32px;
  --mat-sys-headline-small-size: 24px;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 700;
  --mat-sys-label-large: 500 14px / 20px Roboto, sans-serif;
  --mat-sys-label-large-font: Roboto, sans-serif;
  --mat-sys-label-large-line-height: 20px;
  --mat-sys-label-large-size: 14px;
  --mat-sys-label-large-tracking: 0.1px;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 600 12px / 16px Roboto, sans-serif;
  --mat-sys-label-medium-font: Roboto, sans-serif;
  --mat-sys-label-medium-line-height: 16px;
  --mat-sys-label-medium-size: 12px;
  --mat-sys-label-medium-tracking: 0.5px;
  --mat-sys-label-medium-weight: 600;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 11px / 16px Roboto, sans-serif;
  --mat-sys-label-small-font: Roboto, sans-serif;
  --mat-sys-label-small-line-height: 16px;
  --mat-sys-label-small-size: 11px;
  --mat-sys-label-small-tracking: 0.5px;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 500 18px / 28px Roboto, sans-serif;
  --mat-sys-title-large-font: Roboto, sans-serif;
  --mat-sys-title-large-line-height: 28px;
  --mat-sys-title-large-size: 18px;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 500;
  --mat-sys-title-medium: 500 16px / 24px Roboto, sans-serif;
  --mat-sys-title-medium-font: Roboto, sans-serif;
  --mat-sys-title-medium-line-height: 24px;
  --mat-sys-title-medium-size: 16px;
  --mat-sys-title-medium-tracking: 0.15px;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 14px / 20px Roboto, sans-serif;
  --mat-sys-title-small-font: Roboto, sans-serif;
  --mat-sys-title-small-line-height: 20px;
  --mat-sys-title-small-size: 14px;
  --mat-sys-title-small-tracking: 0.1px;
  --mat-sys-title-small-weight: 500;
  --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;
  --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;
  color-scheme: light;
  --rbs-bg-neutral-primary: var(--rbs-neutral-99);
  --rbs-bg-neutral-secondary: var(--rbs-neutral-98);
  --rbs-bg-neutral-tertiary: var(--rbs-neutral-95);
  --rbs-bg-neutral-white: var(--rbs-neutral-100);
  --rbs-bg-neutral-disable: var(--rbs-neutral-variant-90);
  --rbs-bg-neutral-container-high: var(--rbs-neutral-90);
  --rbs-bg-neutral-container-highest: var(--rbs-neutral-variant-90);
  --rbs-bg-neutral-dim: var(--rbs-neutral-90);
  --rbs-bg-inverse-primary: var(--rbs-neutral-5);
  --rbs-bg-inverse-secondary: var(--rbs-neutral-20);
  --rbs-bg-inverse-tertiary: var(--rbs-neutral-35);
  --rbs-bg-brand-subtle-primary: var(--rbs-primary-98);
  --rbs-bg-brand-subtle-secondary: var(--rbs-secondary-90);
  --rbs-bg-brand-subtle-tertiary: var(--rbs-tertiary-95);
  --rbs-bg-brand-bold-primary: var(--rbs-primary-40);
  --rbs-bg-brand-bold-secondary: var(--rbs-secondary-60);
  --rbs-bg-brand-bold-tertiary: var(--rbs-tertiary-60);
  --rbs-bg-semantic-success-subtle: var(--rbs-success-98);
  --rbs-bg-semantic-success-bold: var(--rbs-success-35);
  --rbs-bg-semantic-warning-subtle: var(--rbs-warning-95);
  --rbs-bg-semantic-warning-bold: var(--rbs-warning-80);
  --rbs-bg-semantic-error-subtle: var(--rbs-error-95);
  --rbs-bg-semantic-error-bold: var(--rbs-error-35);
  --rbs-bg-semantic-info-subtle: var(--rbs-tertiary-95);
  --rbs-bg-semantic-info-bold: var(--rbs-tertiary-35);
  --rbs-bg-input-neutral-primary: var(--rbs-overlay-dark-tint-4);
  --rbs-border-neutral-primary: var(--rbs-neutral-90);
  --rbs-border-neutral-secondary: var(--rbs-neutral-80);
  --rbs-border-neutral-tertiary: var(--rbs-neutral-70);
  --rbs-border-neutral-disable: var(--rbs-neutral-variant-80);
  --rbs-border-neutral-strong: var(--rbs-neutral-50);
  --rbs-border-inverse-primary: var(--rbs-neutral-30);
  --rbs-border-inverse-secondary: var(--rbs-neutral-35);
  --rbs-border-inverse-tertiary: var(--rbs-neutral-50);
  --rbs-border-brand-primary: var(--rbs-primary-35);
  --rbs-border-brand-secondary: var(--rbs-secondary-60);
  --rbs-border-brand-tertiary: var(--rbs-tertiary-60);
  --rbs-border-semantic-success-subtle: var(--rbs-success-70);
  --rbs-border-semantic-success-bold: var(--rbs-success-95);
  --rbs-border-semantic-warning-subtle: var(--rbs-warning-80);
  --rbs-border-semantic-warning-bold: var(--rbs-warning-90);
  --rbs-border-semantic-error-subtle: var(--rbs-error-35);
  --rbs-border-semantic-error-bold: var(--rbs-error-95);
  --rbs-border-semantic-info-subtle: var(--rbs-tertiary-80);
  --rbs-border-semantic-info-bold: var(--rbs-tertiary-98);
  --rbs-text-neutral-primary: var(--rbs-neutral-10);
  --rbs-text-neutral-secondary: var(--rbs-neutral-20);
  --rbs-text-neutral-subtle: var(--rbs-neutral-35);
  --rbs-text-neutral-disable: var(--rbs-neutral-variant-60);
  --rbs-text-inverse-primary: var(--rbs-neutral-98);
  --rbs-text-inverse-secondary: var(--rbs-neutral-98);
  --rbs-text-inverse-subtle: var(--rbs-neutral-90);
  --rbs-text-inverse-brand: var(--rbs-primary-70);
  --rbs-text-brand-primary: var(--rbs-primary-30);
  --rbs-text-brand-secondary: var(--rbs-secondary-25);
  --rbs-text-brand-tertiary: var(--rbs-tertiary-30);
  --rbs-text-brand-on-primary: var(--rbs-primary-99);
  --rbs-text-brand-on-primary-subtle: var(--rbs-secondary-95);
  --rbs-text-brand-on-secondary: var(--rbs-primary-99);
  --rbs-text-brand-on-tertiary: var(--rbs-primary-99);
  --rbs-text-semantic-success-on-subtle: var(--rbs-success-30);
  --rbs-text-semantic-success-on-bold: var(--rbs-success-99);
  --rbs-text-semantic-warning-on-subtle: var(--rbs-warning-40);
  --rbs-text-semantic-warning-on-bold: var(--rbs-warning-15);
  --rbs-text-semantic-error-on-subtle: var(--rbs-error-25);
  --rbs-text-semantic-error-on-bold: var(--rbs-error-100);
  --rbs-text-semantic-info-on-subtle: var(--rbs-tertiary-30);
  --rbs-text-semantic-info-on-bold: var(--rbs-tertiary-98);
  --rbs-icon-neutral-primary: var(--rbs-neutral-15);
  --rbs-icon-neutral-secondary: var(--rbs-neutral-20);
  --rbs-icon-neutral-subtle: var(--rbs-neutral-35);
  --rbs-icon-neutral-help-tooltip: var(--rbs-neutral-60);
  --rbs-icon-neutral-disable: var(--rbs-neutral-variant-60);
  --rbs-icon-inverse-subtle: var(--rbs-neutral-90);
  --rbs-icon-inverse-primary: var(--rbs-neutral-98);
  --rbs-icon-inverse-primary-brand: var(--rbs-primary-70);
  --rbs-icon-inverse-secondary: var(--rbs-neutral-98);
  --rbs-icon-inverse-on-tertiary: var(--rbs-neutral-98);
  --rbs-icon-brand-primary: var(--rbs-primary-30);
  --rbs-icon-brand-secondary: var(--rbs-secondary-25);
  --rbs-icon-brand-tertiary: var(--rbs-tertiary-35);
  --rbs-icon-brand-on-subtle: var(--rbs-secondary-95);
  --rbs-icon-brand-on-primary: var(--rbs-primary-99);
  --rbs-icon-brand-on-secondary: var(--rbs-primary-99);
  --rbs-icon-brand-on-tertiary: var(--rbs-primary-99);
  --rbs-icon-semantic-success-on-subtle: var(--rbs-success-35);
  --rbs-icon-semantic-success-on-bold: var(--rbs-success-95);
  --rbs-icon-semantic-warning-on-subtle: var(--rbs-warning-60);
  --rbs-icon-semantic-warning-on-subtle-with-text: var(--rbs-warning-40);
  --rbs-icon-semantic-warning-on-bold: var(--rbs-warning-15);
  --rbs-icon-semantic-error-on-subtle: var(--rbs-error-30);
  --rbs-icon-semantic-error-on-bold: var(--rbs-error-90);
  --rbs-icon-semantic-info-on-subtle: var(--rbs-tertiary-35);
  --rbs-icon-semantic-info-on-bold: var(--rbs-tertiary-98);
  --rbs-overlay-state-hover: var(--rbs-alpha-primary-8);
  --rbs-overlay-state-pressed: var(--rbs-alpha-primary-12);
  --rbs-overlay-state-selected: var(--rbs-alpha-primary-12);
  --rbs-overlay-scrim: var(--rbs-absolute-black);
  --rbs-overlay-light-tint-4: var(--rbs-alpha-white-4);
  --rbs-overlay-light-tint-8: var(--rbs-alpha-white-8);
  --rbs-overlay-light-tint-10: var(--rbs-alpha-white-10);
  --rbs-overlay-light-tint-12: var(--rbs-alpha-white-12);
  --rbs-overlay-light-tint-14: var(--rbs-alpha-white-14);
  --rbs-overlay-dark-tint-4: var(--rbs-alpha-black-4);
  --rbs-overlay-dark-tint-8: var(--rbs-alpha-black-8);
  --rbs-overlay-dark-tint-10: var(--rbs-alpha-black-10);
  --rbs-overlay-dark-tint-12: var(--rbs-alpha-black-12);
  --rbs-overlay-dark-tint-14: var(--rbs-alpha-black-14);
  --rbs-overlay-loading-background: var(--rbs-alpha-neutral-95-80);
  --rbs-overlay-loading-light: var(--rbs-alpha-white-80);
  --rbs-shadow-15: var(--rbs-alpha-black-15);
  --rbs-shadow-30: var(--rbs-alpha-black-30);
  --rbs-shadow-neutral: var(--rbs-absolute-black);
  --mat-sys-primary: var(--rbs-bg-brand-bold-primary);
  --mat-sys-on-primary: var(--rbs-text-brand-on-primary);
  --mat-sys-primary-container: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-on-primary-container: var(--rbs-text-brand-primary);
  --mat-sys-primary-fixed: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-primary-fixed-dim: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-on-primary-fixed: var(--rbs-text-brand-primary);
  --mat-sys-on-primary-fixed-variant: var(--rbs-text-brand-primary);
  --mat-sys-inverse-primary: var(--rbs-text-inverse-brand);
  --mat-sys-surface-tint: var(--rbs-bg-brand-bold-primary);
  --mat-sys-secondary: var(--rbs-bg-brand-bold-secondary);
  --mat-sys-on-secondary: var(--rbs-text-brand-on-secondary);
  --mat-sys-secondary-container: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-on-secondary-container: var(--rbs-text-brand-secondary);
  --mat-sys-secondary-fixed: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-secondary-fixed-dim: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-on-secondary-fixed: var(--rbs-text-brand-secondary);
  --mat-sys-on-secondary-fixed-variant: var(--rbs-text-brand-secondary);
  --mat-sys-tertiary: var(--rbs-bg-brand-bold-tertiary);
  --mat-sys-on-tertiary: var(--rbs-text-brand-on-tertiary);
  --mat-sys-tertiary-container: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-on-tertiary-container: var(--rbs-text-brand-tertiary);
  --mat-sys-tertiary-fixed: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-tertiary-fixed-dim: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-on-tertiary-fixed: var(--rbs-text-brand-tertiary);
  --mat-sys-on-tertiary-fixed-variant: var(--rbs-text-brand-tertiary);
  --mat-sys-error: var(--rbs-bg-semantic-error-bold);
  --mat-sys-on-error: var(--rbs-text-semantic-error-on-bold);
  --mat-sys-error-container: var(--rbs-bg-semantic-error-subtle);
  --mat-sys-on-error-container: var(--rbs-text-semantic-error-on-subtle);
  --mat-sys-background: var(--rbs-bg-neutral-primary);
  --mat-sys-on-background: var(--rbs-text-neutral-primary);
  --mat-sys-surface: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-bright: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-dim: var(--rbs-bg-neutral-dim);
  --mat-sys-on-surface: var(--rbs-text-neutral-primary);
  --mat-sys-surface-variant: var(--rbs-bg-neutral-tertiary);
  --mat-sys-on-surface-variant: var(--rbs-text-neutral-subtle);
  --mat-sys-surface-container-lowest: var(--rbs-bg-neutral-white);
  --mat-sys-surface-container-low: var(--rbs-bg-neutral-secondary);
  --mat-sys-surface-container: var(--rbs-bg-neutral-tertiary);
  --mat-sys-surface-container-high: var(--rbs-bg-neutral-container-high);
  --mat-sys-surface-container-highest: var(--rbs-bg-neutral-container-highest);
  --mat-sys-inverse-surface: var(--rbs-bg-inverse-secondary);
  --mat-sys-inverse-on-surface: var(--rbs-text-inverse-primary);
  --mat-sys-outline: var(--rbs-border-neutral-strong);
  --mat-sys-outline-variant: var(--rbs-border-neutral-primary);
  --mat-sys-shadow: var(--rbs-shadow-neutral);
  --mat-sys-scrim: var(--rbs-overlay-scrim);
  --mat-sys-level0:
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level1:
    0px 2px 1px -1px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 1px 1px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 3px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level2:
    0px 3px 3px -2px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 3px 4px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 8px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level3:
    0px 3px 5px -1px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 6px 10px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 18px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level4:
    0px 5px 5px -3px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 8px 10px 1px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 3px 14px 2px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level5:
    0px 7px 8px -4px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 12px 17px 2px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 5px 22px 4px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --rbs-button-primary-container: var(--rbs-bg-brand-bold-primary);
  --rbs-button-primary-label: var(--rbs-text-brand-on-primary);
  --rbs-button-secondary-label: var(--rbs-text-brand-primary);
  --rbs-button-secondary-outline: var(--rbs-border-brand-primary);
  --rbs-button-subtle-label: var(--rbs-text-neutral-subtle);
  --rbs-button-subtle-outline: var(--rbs-border-neutral-secondary);
  --rbs-button-tertiary-label: var(--rbs-text-brand-primary);
  --rbs-button-danger-container: var(--rbs-bg-semantic-error-bold);
  --rbs-button-danger-label: var(--rbs-text-semantic-error-on-bold);
  --rbs-button-disabled-container: var(--rbs-bg-neutral-disable);
  --rbs-button-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-button-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-button-small-height: 32px;
  --rbs-button-small-padding: 16px;
  --rbs-button-small-icon: 16px;
  --rbs-button-medium-height: 40px;
  --rbs-button-medium-padding: 24px;
  --rbs-button-medium-icon: 18px;
  --rbs-button-large-height: 48px;
  --rbs-button-large-padding: 24px;
  --rbs-button-large-icon: 20px;
  --rbs-icon-button-icon: var(--rbs-icon-neutral-subtle);
  --rbs-icon-button-state-hover: var(--rbs-overlay-state-hover);
  --rbs-icon-button-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-icon-button-icon-disabled: var(--rbs-icon-neutral-disable);
  --mat-icon-button-icon-color: var(--rbs-icon-button-icon);
  --mat-icon-button-state-layer-color: var(--rbs-icon-button-state-hover);
  --mat-icon-button-hover-state-layer-opacity: 1;
  --mat-icon-button-focus-state-layer-opacity: 1;
  --mat-icon-button-pressed-state-layer-opacity: 1;
  --mat-icon-button-ripple-color: var(--rbs-icon-button-state-pressed);
  --mat-icon-button-disabled-icon-color: var(--rbs-icon-button-icon-disabled);
  --rbs-form-field-container: var(--rbs-bg-input-neutral-primary);
  --rbs-form-field-container-disabled: var(--rbs-bg-neutral-disable);
  --rbs-form-field-state-layer: var(--rbs-text-neutral-primary);
  --rbs-form-field-indicator: var(--rbs-border-neutral-strong);
  --rbs-form-field-indicator-hover: var(--rbs-text-neutral-primary);
  --rbs-form-field-indicator-focus: var(--rbs-border-brand-primary);
  --rbs-form-field-indicator-error: var(--rbs-border-semantic-error-subtle);
  --rbs-form-field-indicator-disabled: var(--rbs-border-neutral-disable);
  --rbs-form-field-label: var(--rbs-text-neutral-subtle);
  --rbs-form-field-label-focus: var(--rbs-text-brand-primary);
  --rbs-form-field-label-error: var(--rbs-text-semantic-error-on-subtle);
  --rbs-form-field-label-disabled: var(--rbs-text-neutral-disable);
  --rbs-form-field-input: var(--rbs-text-neutral-primary);
  --rbs-form-field-placeholder: var(--rbs-text-neutral-subtle);
  --rbs-form-field-input-disabled: var(--rbs-text-neutral-disable);
  --rbs-form-field-caret: var(--rbs-text-brand-primary);
  --rbs-form-field-icon: var(--rbs-icon-neutral-subtle);
  --rbs-form-field-icon-error: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-form-field-icon-disabled: var(--rbs-icon-neutral-disable);
  --rbs-form-field-error-text: var(--rbs-text-semantic-error-on-subtle);
  --mat-form-field-filled-container-color: var(--rbs-form-field-container);
  --mat-form-field-filled-disabled-container-color: var(--rbs-form-field-container-disabled);
  --mat-form-field-state-layer-color: var(--rbs-form-field-state-layer);
  --mat-form-field-filled-active-indicator-color: var(--rbs-form-field-indicator);
  --mat-form-field-filled-hover-active-indicator-color: var(--rbs-form-field-indicator-hover);
  --mat-form-field-filled-focus-active-indicator-color: var(--rbs-form-field-indicator-focus);
  --mat-form-field-filled-error-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-disabled-active-indicator-color: var(--rbs-form-field-indicator-disabled);
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-filled-hover-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-filled-focus-label-text-color: var(--rbs-form-field-label-focus);
  --mat-form-field-filled-error-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-error-hover-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-error-focus-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-disabled-label-text-color: var(--rbs-form-field-label-disabled);
  --mat-form-field-filled-input-text-color: var(--rbs-form-field-input);
  --mat-form-field-filled-input-text-placeholder-color: var(--rbs-form-field-placeholder);
  --mat-form-field-filled-disabled-input-text-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-disabled-input-text-placeholder-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-filled-caret-color: var(--rbs-form-field-caret);
  --mat-form-field-filled-error-caret-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-outline-color: var(--rbs-form-field-indicator);
  --mat-form-field-outlined-hover-outline-color: var(--rbs-form-field-indicator-hover);
  --mat-form-field-outlined-focus-outline-color: var(--rbs-form-field-indicator-focus);
  --mat-form-field-outlined-error-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-error-hover-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-error-focus-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-disabled-outline-color: var(--rbs-form-field-indicator-disabled);
  --mat-form-field-outlined-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-outlined-hover-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-outlined-focus-label-text-color: var(--rbs-form-field-label-focus);
  --mat-form-field-outlined-error-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-error-hover-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-error-focus-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-disabled-label-text-color: var(--rbs-form-field-label-disabled);
  --mat-form-field-outlined-input-text-color: var(--rbs-form-field-input);
  --mat-form-field-outlined-input-text-placeholder-color: var(--rbs-form-field-placeholder);
  --mat-form-field-outlined-disabled-input-text-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-outlined-caret-color: var(--rbs-form-field-caret);
  --mat-form-field-outlined-error-caret-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-leading-icon-color: var(--rbs-form-field-icon);
  --mat-form-field-trailing-icon-color: var(--rbs-form-field-icon);
  --mat-form-field-disabled-leading-icon-color: var(--rbs-form-field-icon-disabled);
  --mat-form-field-disabled-trailing-icon-color: var(--rbs-form-field-icon-disabled);
  --mat-form-field-error-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-hover-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-focus-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-text-color: var(--rbs-form-field-error-text);
  --rbs-select-trigger-text: var(--rbs-text-neutral-primary);
  --rbs-select-trigger-text-disabled: var(--rbs-text-neutral-disable);
  --rbs-select-placeholder: var(--rbs-text-neutral-subtle);
  --rbs-select-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-select-arrow-focus: var(--rbs-icon-brand-primary);
  --rbs-select-arrow-error: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-select-arrow-disabled: var(--rbs-icon-neutral-disable);
  --rbs-select-panel: var(--rbs-bg-neutral-white);
  --rbs-select-option-text: var(--rbs-text-neutral-primary);
  --rbs-select-option-hover: var(--rbs-overlay-state-hover);
  --rbs-select-option-selected: var(--rbs-overlay-state-selected);
  --rbs-select-option-selected-text: var(--rbs-text-brand-primary);
  --rbs-select-group-label: var(--rbs-text-neutral-subtle);
  --rbs-select-checkbox-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-select-checkbox-checkmark: var(--rbs-text-brand-on-primary);
  --rbs-select-checkbox-unselected: var(--rbs-border-neutral-strong);
  --rbs-select-checkbox-disabled: var(--rbs-border-neutral-disable);
  --rbs-select-checkbox-disabled-checkmark: var(--rbs-text-neutral-disable);
  --mat-select-enabled-trigger-text-color: var(--rbs-select-trigger-text);
  --mat-select-disabled-trigger-text-color: var(--rbs-select-trigger-text-disabled);
  --mat-select-placeholder-text-color: var(--rbs-select-placeholder);
  --mat-select-enabled-arrow-color: var(--rbs-select-arrow);
  --mat-select-focused-arrow-color: var(--rbs-select-arrow-focus);
  --mat-select-invalid-arrow-color: var(--rbs-select-arrow-error);
  --mat-select-disabled-arrow-color: var(--rbs-select-arrow-disabled);
  --mat-select-panel-background-color: var(--rbs-select-panel);
  --mat-select-container-elevation-shadow: var(--mat-sys-level2);
  --mat-option-label-text-color: var(--rbs-select-option-text);
  --mat-option-hover-state-layer-color: var(--rbs-select-option-hover);
  --mat-option-focus-state-layer-color: var(--rbs-select-option-hover);
  --mat-option-selected-state-layer-color: var(--rbs-select-option-selected);
  --mat-option-selected-state-label-text-color: var(--rbs-select-option-selected-text);
  --mat-optgroup-label-text-color: var(--rbs-select-group-label);
  --mat-autocomplete-background-color: var(--rbs-select-panel);
  --mat-autocomplete-container-elevation-shadow: var(--mat-sys-level2);
  --mat-pseudo-checkbox-full-selected-icon-color: var(--rbs-select-checkbox-selected);
  --mat-pseudo-checkbox-full-selected-checkmark-color: var(--rbs-select-checkbox-checkmark);
  --mat-pseudo-checkbox-full-unselected-icon-color: var(--rbs-select-checkbox-unselected);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: var(--rbs-select-checkbox-disabled);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--rbs-select-checkbox-disabled-checkmark);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: var(--rbs-select-checkbox-disabled);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--rbs-select-option-selected-text);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--rbs-select-checkbox-disabled-checkmark);
  --rbs-datepicker-panel: var(--rbs-bg-neutral-white);
  --rbs-datepicker-divider: var(--rbs-border-neutral-primary);
  --rbs-datepicker-date: var(--rbs-text-neutral-primary);
  --rbs-datepicker-header: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-label: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-period: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-navigation: var(--rbs-icon-neutral-subtle);
  --rbs-datepicker-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-datepicker-selected-text: var(--rbs-text-brand-on-primary);
  --rbs-datepicker-today: var(--rbs-border-brand-primary);
  --rbs-datepicker-hover: var(--rbs-overlay-state-hover);
  --rbs-datepicker-range: var(--rbs-overlay-state-selected);
  --rbs-datepicker-preview: var(--rbs-border-brand-primary);
  --rbs-datepicker-disabled: var(--rbs-text-neutral-disable);
  --rbs-datepicker-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-datepicker-toggle: var(--rbs-icon-neutral-subtle);
  --rbs-datepicker-toggle-active: var(--rbs-icon-brand-primary);
  --rbs-datepicker-separator: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-separator-disabled: var(--rbs-text-neutral-disable);
  --mat-datepicker-calendar-container-background-color: var(--rbs-datepicker-panel);
  --mat-datepicker-calendar-container-text-color: var(--rbs-datepicker-date);
  --mat-datepicker-calendar-container-shape: 8px;
  --mat-datepicker-calendar-container-touch-shape: 8px;
  --mat-datepicker-calendar-container-elevation-shadow: var(--mat-sys-level2);
  --mat-datepicker-calendar-container-touch-elevation-shadow: var(--mat-sys-level3);
  --mat-datepicker-calendar-header-divider-color: var(--rbs-datepicker-divider);
  --mat-datepicker-calendar-header-text-color: var(--rbs-datepicker-header);
  --mat-datepicker-calendar-body-label-text-color: var(--rbs-datepicker-label);
  --mat-datepicker-calendar-period-button-text-color: var(--rbs-datepicker-period);
  --mat-datepicker-calendar-period-button-icon-color: var(--rbs-datepicker-period);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--rbs-datepicker-navigation);
  --mat-datepicker-calendar-date-text-color: var(--rbs-datepicker-date);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-hover-state-background-color: var(--rbs-datepicker-hover);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--rbs-datepicker-hover);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--rbs-datepicker-selected);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--rbs-datepicker-selected-text);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--rbs-datepicker-disabled-selected);
  --mat-datepicker-calendar-date-today-outline-color: var(--rbs-datepicker-today);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--rbs-datepicker-selected-text);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--rbs-datepicker-disabled);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--rbs-datepicker-disabled);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--rbs-datepicker-selected);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--rbs-datepicker-preview);
  --mat-datepicker-toggle-icon-color: var(--rbs-datepicker-toggle);
  --mat-datepicker-toggle-active-state-icon-color: var(--rbs-datepicker-toggle-active);
  --mat-datepicker-range-input-separator-color: var(--rbs-datepicker-separator);
  --mat-datepicker-range-input-disabled-state-separator-color: var(--rbs-datepicker-separator-disabled);
  --mat-datepicker-range-input-disabled-state-text-color: var(--rbs-datepicker-separator-disabled);
  --rbs-menu-container: var(--rbs-bg-neutral-white);
  --rbs-menu-label: var(--rbs-text-neutral-primary);
  --rbs-menu-icon: var(--rbs-icon-neutral-subtle);
  --rbs-menu-state-hover: var(--rbs-overlay-state-hover);
  --rbs-menu-divider: var(--rbs-border-neutral-primary);
  --rbs-menu-danger-label: var(--rbs-text-semantic-error-on-subtle);
  --rbs-menu-danger-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-menu-selected: var(--rbs-overlay-state-selected);
  --rbs-menu-selected-label: var(--rbs-text-brand-primary);
  --mat-menu-container-color: var(--rbs-menu-container);
  --mat-menu-item-label-text-color: var(--rbs-menu-label);
  --mat-menu-item-icon-color: var(--rbs-menu-icon);
  --mat-menu-item-hover-state-layer-color: var(--rbs-menu-state-hover);
  --mat-menu-item-focus-state-layer-color: var(--rbs-menu-state-hover);
  --mat-menu-divider-color: var(--rbs-menu-divider);
  --mat-menu-container-elevation-shadow: var(--mat-sys-level2);
  --rbs-expansion-container: var(--rbs-bg-neutral-white);
  --rbs-expansion-text: var(--rbs-text-neutral-primary);
  --rbs-expansion-title: var(--rbs-text-neutral-primary);
  --rbs-expansion-description: var(--rbs-text-neutral-subtle);
  --rbs-expansion-indicator: var(--rbs-icon-neutral-subtle);
  --rbs-expansion-state-hover: var(--rbs-overlay-state-hover);
  --rbs-expansion-disabled: var(--rbs-text-neutral-disable);
  --rbs-expansion-divider: var(--rbs-border-neutral-primary);
  --mat-expansion-container-background-color: var(--rbs-expansion-container);
  --mat-expansion-container-text-color: var(--rbs-expansion-text);
  --mat-expansion-header-text-color: var(--rbs-expansion-title);
  --mat-expansion-header-description-color: var(--rbs-expansion-description);
  --mat-expansion-header-indicator-color: var(--rbs-expansion-indicator);
  --mat-expansion-header-hover-state-layer-color: var(--rbs-expansion-state-hover);
  --mat-expansion-header-focus-state-layer-color: var(--rbs-expansion-state-hover);
  --mat-expansion-header-disabled-state-text-color: var(--rbs-expansion-disabled);
  --mat-expansion-actions-divider-color: var(--rbs-expansion-divider);
  --mat-expansion-container-elevation-shadow: var(--mat-sys-level2);
  --mat-expansion-container-shape: 8px;
  --rbs-card-raised-container: var(--rbs-bg-neutral-white);
  --rbs-card-outline: var(--rbs-border-neutral-primary);
  --rbs-card-filled-container: var(--rbs-bg-neutral-tertiary);
  --rbs-card-text: var(--rbs-text-neutral-primary);
  --rbs-card-subtitle: var(--rbs-text-neutral-subtle);
  --mat-card-elevated-container-color: var(--rbs-card-raised-container);
  --mat-card-elevated-container-elevation: inset 0 0 0 1px var(--rbs-card-outline);
  --mat-card-elevated-container-shape: 8px;
  --mat-card-outlined-container-color: transparent;
  --mat-card-outlined-outline-color: var(--rbs-card-outline);
  --mat-card-outlined-container-shape: 8px;
  --mat-card-filled-container-color: var(--rbs-card-filled-container);
  --mat-card-filled-container-shape: 8px;
  --mat-card-subtitle-text-color: var(--rbs-card-subtitle);
  --rbs-divider-color: var(--rbs-border-neutral-primary);
  --mat-divider-color: var(--rbs-divider-color);
  --mat-divider-width: 1px;
  --rbs-chip-label: var(--rbs-text-neutral-subtle);
  --rbs-chip-icon: var(--rbs-icon-neutral-subtle);
  --rbs-chip-outline: var(--rbs-border-neutral-secondary);
  --rbs-chip-label-brand: var(--rbs-text-brand-primary);
  --rbs-chip-label-tertiary: var(--rbs-text-brand-tertiary);
  --rbs-chip-state-hover: var(--rbs-overlay-state-hover);
  --rbs-chip-focus: var(--rbs-border-brand-primary);
  --rbs-chip-selected: var(--rbs-overlay-state-selected);
  --rbs-chip-selected-label: var(--rbs-text-brand-primary);
  --rbs-chip-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-chip-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-chip-action-container: var(--rbs-bg-neutral-white);
  --rbs-chip-action-disabled-container: var(--rbs-bg-neutral-disable);
  --mat-chip-label-text-color: var(--rbs-chip-label);
  --mat-chip-outline-color: var(--rbs-chip-outline);
  --mat-chip-with-icon-icon-color: var(--rbs-chip-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--rbs-chip-icon);
  --mat-chip-hover-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-hover-state-layer-opacity: 1;
  --mat-chip-focus-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-focus-state-layer-opacity: 1;
  --mat-chip-focus-outline-color: var(--rbs-chip-focus);
  --mat-chip-trailing-action-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-trailing-action-hover-state-layer-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 1;
  --mat-chip-elevated-selected-container-color: var(--rbs-chip-selected);
  --mat-chip-selected-label-text-color: var(--rbs-chip-selected-label);
  --mat-chip-with-icon-selected-icon-color: var(--rbs-chip-selected-label);
  --mat-chip-selected-trailing-icon-color: var(--rbs-chip-selected-label);
  --mat-chip-selected-hover-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-selected-hover-state-layer-opacity: 1;
  --mat-chip-selected-focus-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-selected-focus-state-layer-opacity: 1;
  --mat-chip-selected-trailing-action-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-disabled-label-text-color: var(--rbs-chip-disabled-label);
  --mat-chip-disabled-outline-color: var(--rbs-chip-disabled-outline);
  --mat-chip-with-icon-disabled-icon-color: var(--rbs-chip-disabled-label);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--rbs-chip-disabled-label);
  --mat-chip-flat-disabled-selected-container-color: var(--rbs-chip-selected);
  --mat-chip-selected-disabled-trailing-icon-color: var(--rbs-chip-disabled-label);
  --rbs-profile-button-name: var(--rbs-text-neutral-secondary);
  --rbs-profile-button-base: var(--rbs-text-neutral-subtle);
  --rbs-profile-button-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-profile-button-state-hover: var(--rbs-overlay-state-hover);
  --rbs-profile-button-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-profile-button-indicator: var(--rbs-border-brand-primary);
  --rbs-profile-button-focus: var(--rbs-border-brand-primary);
  --rbs-profile-button-menu-container: var(--rbs-bg-neutral-secondary);
  --rbs-profile-button-menu-name: var(--rbs-text-neutral-secondary);
  --rbs-profile-button-menu-email: var(--rbs-text-neutral-subtle);
  --rbs-profile-button-monogram-container: var(--rbs-bg-brand-bold-primary);
  --rbs-profile-button-monogram-label: var(--rbs-text-brand-on-primary);
  --rbs-header-container: var(--rbs-bg-neutral-secondary);
  --rbs-header-border: var(--rbs-border-neutral-secondary);
  --rbs-header-divider: var(--rbs-border-neutral-primary);
  --rbs-header-icon: var(--rbs-icon-neutral-help-tooltip);
  --rbs-header-language-icon: var(--rbs-icon-brand-tertiary);
  --rbs-header-language-label: var(--rbs-text-neutral-subtle);
  --rbs-breadcrumb-text: var(--rbs-text-neutral-subtle);
  --rbs-breadcrumb-separator: var(--rbs-icon-neutral-disable);
  --rbs-breadcrumb-focus: var(--rbs-border-brand-primary);
  --rbs-checkbox-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-checkbox-checkmark: var(--rbs-text-brand-on-primary);
  --rbs-checkbox-unselected: var(--rbs-border-neutral-strong);
  --rbs-checkbox-unselected-hover: var(--rbs-text-neutral-primary);
  --rbs-checkbox-state-hover: var(--rbs-overlay-state-hover);
  --rbs-checkbox-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-checkbox-label: var(--rbs-text-neutral-primary);
  --rbs-checkbox-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-checkbox-disabled-checkmark: var(--rbs-text-neutral-disable);
  --rbs-checkbox-disabled-unselected: var(--rbs-border-neutral-disable);
  --rbs-checkbox-disabled-label: var(--rbs-text-neutral-disable);
  --mat-checkbox-selected-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-hover-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-focus-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-pressed-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-checkmark-color: var(--rbs-checkbox-checkmark);
  --mat-checkbox-unselected-icon-color: var(--rbs-checkbox-unselected);
  --mat-checkbox-unselected-hover-icon-color: var(--rbs-checkbox-unselected-hover);
  --mat-checkbox-unselected-focus-icon-color: var(--rbs-checkbox-unselected-hover);
  --mat-checkbox-selected-hover-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-selected-focus-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-selected-pressed-state-layer-color: var(--rbs-checkbox-state-pressed);
  --mat-checkbox-unselected-hover-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-unselected-focus-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--rbs-checkbox-state-pressed);
  --mat-checkbox-selected-hover-state-layer-opacity: 1;
  --mat-checkbox-selected-focus-state-layer-opacity: 1;
  --mat-checkbox-selected-pressed-state-layer-opacity: 1;
  --mat-checkbox-unselected-hover-state-layer-opacity: 1;
  --mat-checkbox-unselected-focus-state-layer-opacity: 1;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 1;
  --mat-checkbox-label-text-color: var(--rbs-checkbox-label);
  --mat-checkbox-disabled-selected-icon-color: var(--rbs-checkbox-disabled-selected);
  --mat-checkbox-disabled-selected-checkmark-color: var(--rbs-checkbox-disabled-checkmark);
  --mat-checkbox-disabled-unselected-icon-color: var(--rbs-checkbox-disabled-unselected);
  --mat-checkbox-disabled-label-color: var(--rbs-checkbox-disabled-label);
  --rbs-radio-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-radio-unselected: var(--rbs-border-neutral-strong);
  --rbs-radio-unselected-hover: var(--rbs-text-neutral-primary);
  --rbs-radio-state: var(--rbs-bg-brand-bold-primary);
  --rbs-radio-label: var(--rbs-text-neutral-primary);
  --rbs-radio-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-radio-disabled-unselected: var(--rbs-border-neutral-disable);
  --rbs-radio-disabled-label: var(--rbs-text-neutral-disable);
  --mat-radio-selected-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-hover-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-focus-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-pressed-icon-color: var(--rbs-radio-selected);
  --mat-radio-unselected-icon-color: var(--rbs-radio-unselected);
  --mat-radio-unselected-hover-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-unselected-focus-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-unselected-pressed-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-ripple-color: var(--rbs-radio-state);
  --mat-radio-checked-ripple-color: var(--rbs-radio-state);
  --mat-radio-label-text-color: var(--rbs-radio-label);
  --mat-radio-disabled-selected-icon-color: var(--rbs-radio-disabled-selected);
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-disabled-unselected-icon-color: var(--rbs-radio-disabled-unselected);
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-disabled-label-color: var(--rbs-radio-disabled-label);
  --rbs-switch-selected-track: var(--rbs-bg-brand-bold-primary);
  --rbs-switch-selected-handle: var(--rbs-text-brand-on-primary);
  --rbs-switch-unselected-track: var(--rbs-bg-neutral-container-highest);
  --rbs-switch-unselected-outline: var(--rbs-border-neutral-strong);
  --rbs-switch-unselected-handle: var(--rbs-border-neutral-strong);
  --rbs-switch-unselected-handle-hover: var(--rbs-text-neutral-primary);
  --rbs-switch-state-hover: var(--rbs-overlay-state-hover);
  --rbs-switch-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-switch-label: var(--rbs-text-neutral-primary);
  --rbs-switch-disabled-track: var(--rbs-bg-neutral-disable);
  --rbs-switch-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-switch-disabled-handle: var(--rbs-text-neutral-disable);
  --rbs-switch-disabled-selected-handle: var(--rbs-bg-neutral-primary);
  --rbs-switch-disabled-label: var(--rbs-text-neutral-disable);
  --mat-slide-toggle-selected-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-hover-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-focus-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-pressed-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-hover-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-focus-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-pressed-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-unselected-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-hover-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-focus-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-pressed-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-track-outline-color: var(--rbs-switch-unselected-outline);
  --mat-slide-toggle-unselected-handle-color: var(--rbs-switch-unselected-handle);
  --mat-slide-toggle-unselected-hover-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-unselected-focus-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--rbs-switch-state-pressed);
  --mat-slide-toggle-unselected-hover-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-unselected-focus-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-unselected-pressed-state-layer-color: var(--rbs-switch-state-pressed);
  --mat-slide-toggle-selected-hover-state-layer-opacity: 1;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 1;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 1;
  --mat-slide-toggle-label-text-color: var(--rbs-switch-label);
  --mat-slide-toggle-disabled-selected-track-color: var(--rbs-switch-disabled-track);
  --mat-slide-toggle-disabled-unselected-track-color: var(--rbs-switch-disabled-track);
  --mat-slide-toggle-disabled-unselected-track-outline-color: var(--rbs-switch-disabled-outline);
  --mat-slide-toggle-disabled-track-opacity: 1;
  --mat-slide-toggle-disabled-selected-handle-color: var(--rbs-switch-disabled-selected-handle);
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-unselected-handle-color: var(--rbs-switch-disabled-handle);
  --mat-slide-toggle-disabled-unselected-handle-opacity: 1;
  --mat-slide-toggle-disabled-label-text-color: var(--rbs-switch-disabled-label);
  --rbs-dialog-container: var(--rbs-bg-neutral-secondary);
  --rbs-dialog-header: var(--rbs-bg-neutral-tertiary);
  --rbs-dialog-title: var(--rbs-text-neutral-subtle);
  --rbs-dialog-close-icon: var(--rbs-icon-neutral-subtle);
  --rbs-dialog-text: var(--rbs-text-neutral-primary);
  --rbs-dialog-divider: var(--rbs-border-neutral-primary);
  --rbs-dialog-cancel-label: var(--rbs-text-neutral-subtle);
  --rbs-dialog-cancel-outline: var(--rbs-border-neutral-secondary);
  --rbs-dialog-action-brand-label: var(--rbs-text-brand-primary);
  --rbs-dialog-action-danger-label: var(--rbs-text-semantic-error-on-subtle);
  --rbs-dialog-shadow-strong: var(--rbs-shadow-30);
  --rbs-dialog-shadow-soft: var(--rbs-shadow-15);
  --mat-dialog-container-color: var(--rbs-dialog-container);
  --mat-dialog-container-shape: 8px;
  --mat-dialog-container-elevation-shadow: 0 1px 3px 0 var(--rbs-dialog-shadow-strong), 0 4px 8px 3px var(--rbs-dialog-shadow-soft);
  --mat-dialog-subhead-color: var(--rbs-dialog-title);
  --mat-dialog-subhead-font: var(--mat-sys-title-medium-font);
  --mat-dialog-subhead-size: var(--mat-sys-title-medium-size);
  --mat-dialog-subhead-line-height: var(--mat-sys-title-medium-line-height);
  --mat-dialog-subhead-weight: var(--mat-sys-title-medium-weight);
  --mat-dialog-subhead-tracking: var(--mat-sys-title-medium-tracking);
  --mat-dialog-supporting-text-color: var(--rbs-dialog-text);
  --mat-dialog-supporting-text-font: var(--mat-sys-body-large-font);
  --mat-dialog-supporting-text-size: var(--mat-sys-body-large-size);
  --mat-dialog-supporting-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-dialog-supporting-text-weight: var(--mat-sys-body-large-weight);
  --mat-dialog-supporting-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-dialog-content-padding: 32px;
  --mat-dialog-with-actions-content-padding: 32px;
  --mat-dialog-actions-padding: 16px 32px;
  --rbs-alert-info-container: var(--rbs-bg-semantic-info-subtle);
  --rbs-alert-info-text: var(--rbs-text-semantic-info-on-subtle);
  --rbs-alert-success-container: var(--rbs-bg-semantic-success-subtle);
  --rbs-alert-success-text: var(--rbs-text-semantic-success-on-subtle);
  --rbs-alert-warning-container: var(--rbs-bg-semantic-warning-subtle);
  --rbs-alert-warning-text: var(--rbs-text-semantic-warning-on-subtle);
  --rbs-alert-error-container: var(--rbs-bg-semantic-error-subtle);
  --rbs-alert-error-text: var(--rbs-text-semantic-error-on-subtle);
  --rbs-tooltip-container: var(--rbs-bg-inverse-secondary);
  --rbs-tooltip-text: var(--rbs-text-inverse-primary);
  --rbs-tooltip-help-icon: var(--rbs-icon-neutral-help-tooltip);
  --mat-tooltip-container-color: var(--rbs-tooltip-container);
  --mat-tooltip-supporting-text-color: var(--rbs-tooltip-text);
  --rbs-snack-bar-container: var(--rbs-bg-inverse-secondary);
  --rbs-snack-bar-text: var(--rbs-text-inverse-primary);
  --rbs-snack-bar-action: var(--rbs-text-inverse-brand);
  --rbs-snack-bar-close: var(--rbs-icon-inverse-primary);
  --mat-snack-bar-container-color: var(--rbs-snack-bar-container);
  --mat-snack-bar-supporting-text-color: var(--rbs-snack-bar-text);
  --mat-snack-bar-button-color: var(--rbs-snack-bar-action);
  --rbs-progress-indicator: var(--rbs-border-brand-primary);
  --rbs-progress-track: var(--rbs-bg-neutral-container-highest);
  --mat-progress-bar-active-indicator-color: var(--rbs-progress-indicator);
  --mat-progress-bar-track-color: var(--rbs-progress-track);
  --mat-progress-spinner-active-indicator-color: var(--rbs-progress-indicator);
  --rbs-tabs-active-label: var(--rbs-text-brand-primary);
  --rbs-tabs-active-indicator: var(--rbs-border-brand-primary);
  --rbs-tabs-inactive-label: var(--rbs-text-neutral-subtle);
  --rbs-tabs-state: var(--rbs-bg-brand-bold-primary);
  --rbs-tabs-divider: var(--rbs-border-neutral-primary);
  --rbs-tabs-pagination-icon: var(--rbs-icon-neutral-subtle);
  --mat-tab-active-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-hover-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-focus-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-active-hover-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-active-focus-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-inactive-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-inactive-hover-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-inactive-focus-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-active-ripple-color: var(--rbs-tabs-state);
  --mat-tab-inactive-ripple-color: var(--rbs-tabs-state);
  --mat-tab-divider-color: var(--rbs-tabs-divider);
  --mat-tab-pagination-icon-color: var(--rbs-tabs-pagination-icon);
  --rbs-side-nav-item-label: var(--rbs-text-neutral-subtle);
  --rbs-side-nav-item-icon: var(--rbs-icon-neutral-subtle);
  --rbs-side-nav-item-selected-label: var(--rbs-text-brand-primary);
  --rbs-side-nav-item-selected-icon: var(--rbs-icon-brand-primary);
  --rbs-side-nav-item-selected-container: var(--rbs-overlay-state-hover);
  --rbs-side-nav-item-state-hover-base: var(--rbs-overlay-state-hover);
  --rbs-side-nav-item-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-side-nav-item-alert: var(--rbs-icon-semantic-warning-on-subtle);
  --rbs-side-nav-item-chip-container: var(--rbs-bg-neutral-secondary);
  --rbs-side-nav-item-chip-border: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-chip-label: var(--rbs-text-brand-tertiary);
  --rbs-side-nav-item-subitem-line: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-group-divider: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-focus: var(--rbs-border-brand-primary);
  --rbs-side-nav-item-nav-container: var(--rbs-bg-neutral-secondary);
  --rbs-side-nav-item-nav-border: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-section-title: var(--rbs-text-neutral-subtle);
  --rbs-scroll-thumb: var(--rbs-border-inverse-tertiary);
  --rbs-page-title-title: var(--rbs-text-neutral-primary);
  --rbs-page-title-description: var(--rbs-text-neutral-secondary);
  --rbs-page-title-back: var(--rbs-icon-neutral-subtle);
  --rbs-page-title-divider: var(--rbs-border-neutral-primary);
  --rbs-skeleton-line: var(--rbs-overlay-loading-background);
  --rbs-skeleton-shimmer: var(--rbs-overlay-loading-light);
  --rbs-page-loader-veil: var(--rbs-overlay-loading-light);
  --rbs-product-logo-text: var(--rbs-text-neutral-subtle);
  --rbs-apps-menu-container: var(--rbs-bg-neutral-tertiary);
  --rbs-apps-menu-section-container: var(--rbs-bg-neutral-secondary);
  --rbs-apps-menu-section-border: var(--rbs-border-neutral-primary);
  --rbs-apps-menu-section-title: var(--rbs-text-neutral-subtle);
  --rbs-apps-menu-app-label: var(--rbs-text-neutral-primary);
  --rbs-apps-menu-state-hover: var(--rbs-overlay-state-hover);
  --rbs-apps-menu-home-outline: var(--rbs-border-neutral-secondary);
  --rbs-apps-menu-home-label: var(--rbs-text-brand-primary);
  --rbs-table-header-label: var(--rbs-text-neutral-primary);
  --rbs-table-cell-label: var(--rbs-text-neutral-subtle);
  --rbs-table-divider: var(--rbs-border-neutral-primary);
  --rbs-table-icon: var(--rbs-icon-neutral-subtle);
  --rbs-table-status-success-text: var(--rbs-text-semantic-success-on-subtle);
  --rbs-table-status-success-icon: var(--rbs-icon-semantic-success-on-subtle);
  --rbs-table-status-warning-text: var(--rbs-text-semantic-warning-on-subtle);
  --rbs-table-status-warning-icon: var(--rbs-icon-semantic-warning-on-subtle-with-text);
  --rbs-table-status-error-text: var(--rbs-text-semantic-error-on-subtle);
  --rbs-table-status-error-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-table-status-info-text: var(--rbs-text-semantic-info-on-subtle);
  --rbs-table-status-info-icon: var(--rbs-icon-semantic-info-on-subtle);
  --rbs-table-alert: var(--rbs-icon-semantic-warning-on-subtle);
  --rbs-table-index: var(--rbs-text-brand-primary);
  --rbs-table-drag-container: var(--rbs-bg-neutral-secondary);
  --rbs-table-data-title-container: var(--rbs-overlay-dark-tint-4);
  --rbs-table-data-outline: var(--rbs-border-neutral-primary);
  --rbs-table-row-selected: var(--rbs-overlay-state-hover);
  --rbs-table-scroll-container: var(--rbs-bg-neutral-primary);
  --mat-table-background-color: transparent;
  --mat-table-header-headline-color: var(--rbs-table-header-label);
  --mat-table-header-headline-font: var(--mat-sys-title-medium-font);
  --mat-table-header-headline-line-height: var(--mat-sys-title-medium-line-height);
  --mat-table-header-headline-size: var(--mat-sys-title-medium-size);
  --mat-table-header-headline-weight: var(--mat-sys-title-medium-weight);
  --mat-table-header-headline-tracking: var(--mat-sys-title-medium-tracking);
  --mat-table-row-item-label-text-color: var(--rbs-table-cell-label);
  --mat-table-row-item-label-text-font: var(--mat-sys-body-large-font);
  --mat-table-row-item-label-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-table-row-item-label-text-size: var(--mat-sys-body-large-size);
  --mat-table-row-item-label-text-weight: var(--mat-sys-body-large-weight);
  --mat-table-row-item-label-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-table-row-item-outline-color: var(--rbs-table-divider);
  --mat-table-header-container-height: 56px;
  --mat-table-row-item-container-height: 49px;
  --mat-sort-arrow-color: var(--rbs-table-icon);
  --rbs-copy-field-container: var(--rbs-bg-input-neutral-primary);
  --rbs-copy-field-outline: var(--rbs-border-neutral-secondary);
  --rbs-copy-field-text: var(--rbs-text-neutral-primary);
  --rbs-copy-field-icon: var(--rbs-icon-neutral-subtle);
  --rbs-paginator-text: var(--rbs-text-neutral-subtle);
  --rbs-paginator-icon: var(--rbs-icon-neutral-subtle);
  --rbs-paginator-icon-disabled: var(--rbs-icon-neutral-disable);
  --mat-paginator-container-background-color: transparent;
  --mat-paginator-container-text-color: var(--rbs-paginator-text);
  --mat-paginator-enabled-icon-color: var(--rbs-paginator-icon);
  --mat-paginator-disabled-icon-color: var(--rbs-paginator-icon-disabled);
  --rbs-crud-nav-count-selected: var(--rbs-text-brand-primary);
  --rbs-crud-nav-count-text: var(--rbs-text-neutral-primary);
  --rbs-crud-nav-filter-label: var(--rbs-text-neutral-subtle);
  --rbs-crud-nav-outline: var(--rbs-border-neutral-secondary);
  --rbs-bulk-actions-container: var(--rbs-bg-neutral-primary);
  --rbs-bulk-actions-outline: var(--rbs-border-neutral-primary);
  --rbs-bulk-actions-count: var(--rbs-text-neutral-primary);
  --rbs-bulk-actions-selected: var(--rbs-text-brand-primary);
  --rbs-list-label: var(--rbs-text-neutral-primary);
  --rbs-list-supporting-text: var(--rbs-text-neutral-subtle);
  --rbs-list-icon: var(--rbs-icon-neutral-subtle);
  --rbs-list-avatar: var(--rbs-bg-brand-subtle-secondary);
  --rbs-list-state-hover: var(--rbs-overlay-state-hover);
  --rbs-list-activated: var(--rbs-overlay-state-selected);
  --rbs-list-selected-icon: var(--rbs-icon-brand-primary);
  --rbs-list-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-list-disabled-icon: var(--rbs-icon-neutral-disable);
  --mat-list-list-item-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-hover-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-focus-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-supporting-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-trailing-supporting-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-leading-icon-color: var(--rbs-list-icon);
  --mat-list-list-item-trailing-icon-color: var(--rbs-list-icon);
  --mat-list-list-item-selected-trailing-icon-color: var(--rbs-list-selected-icon);
  --mat-list-list-item-leading-avatar-color: var(--rbs-list-avatar);
  --mat-list-list-item-hover-state-layer-color: var(--rbs-list-state-hover);
  --mat-list-list-item-hover-state-layer-opacity: 1;
  --mat-list-list-item-focus-state-layer-color: var(--rbs-list-state-hover);
  --mat-list-list-item-focus-state-layer-opacity: 1;
  --mat-list-active-indicator-color: var(--rbs-list-activated);
  --mat-list-list-item-disabled-label-text-color: var(--rbs-list-disabled-label);
  --mat-list-list-item-disabled-label-text-opacity: 1;
  --mat-list-list-item-disabled-leading-icon-color: var(--rbs-list-disabled-icon);
  --mat-list-list-item-disabled-leading-icon-opacity: 1;
  --mat-list-list-item-disabled-trailing-icon-color: var(--rbs-list-disabled-icon);
  --mat-list-list-item-disabled-trailing-icon-opacity: 1;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --rbs-saved-filters-check: var(--rbs-icon-brand-primary);
  --rbs-saved-filters-empty: var(--rbs-text-neutral-subtle);
  --rbs-filter-editor-condition: var(--rbs-bg-input-neutral-primary);
  --rbs-filter-editor-condition-label: var(--rbs-text-brand-tertiary);
  --rbs-filter-editor-condition-icon: var(--rbs-icon-neutral-subtle);
  --rbs-filter-editor-add-outline: var(--rbs-border-neutral-secondary);
  --rbs-condition-picker-message: var(--rbs-text-neutral-primary);
  --rbs-condition-picker-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-condition-picker-range-title: var(--rbs-text-neutral-primary);
  --rbs-chip-filter-selected: var(--rbs-overlay-dark-tint-4);
  --rbs-chip-filter-selected-label: var(--rbs-text-brand-tertiary);
  --rbs-dashboard-nav-title: var(--rbs-text-neutral-primary);
  --rbs-dashboard-nav-description: var(--rbs-text-neutral-primary);
  --rbs-dashboard-nav-note: var(--rbs-text-neutral-subtle);
  --rbs-dashboard-nav-view-selected: var(--rbs-icon-brand-tertiary);
  --rbs-dashboard-nav-view-selected-container: var(--rbs-overlay-state-hover);
  --rbs-summary-card-outline: var(--rbs-border-neutral-primary);
  --rbs-summary-card-label: var(--rbs-text-neutral-subtle);
  --rbs-summary-card-percentage: var(--rbs-text-neutral-subtle);
  --rbs-summary-card-value: var(--rbs-text-neutral-primary);
  --rbs-summary-card-increase: var(--rbs-text-semantic-success-on-subtle);
  --rbs-summary-card-increase-icon: var(--rbs-icon-semantic-success-on-subtle);
  --rbs-summary-card-decrease: var(--rbs-text-semantic-error-on-subtle);
  --rbs-summary-card-decrease-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-table-summary-title: var(--rbs-text-neutral-primary);
  --rbs-table-summary-label: var(--rbs-text-neutral-primary);
  --rbs-table-summary-value: var(--rbs-text-neutral-primary);
  --rbs-table-summary-outline: var(--rbs-border-neutral-primary);
  --rbs-table-summary-total-container: var(--rbs-overlay-dark-tint-4);
  --rbs-header-search-key-container: var(--rbs-overlay-dark-tint-4);
  --rbs-header-search-key-border: var(--rbs-border-neutral-primary);
  --rbs-header-search-key-label: var(--rbs-text-neutral-subtle);
  --rbs-header-search-search-icon: var(--rbs-icon-brand-primary);
  --rbs-header-search-group-title: var(--rbs-text-neutral-subtle);
  --rbs-header-search-active: var(--rbs-overlay-state-selected);
  --rbs-header-search-hint: var(--rbs-text-brand-primary);
  --rbs-header-search-footer-container: var(--rbs-bg-neutral-primary);
  --rbs-header-search-footer-text: var(--rbs-text-neutral-subtle);
  --rbs-header-search-empty: var(--rbs-text-neutral-primary);
  --rbs-chart-title: var(--rbs-text-neutral-primary);
  --rbs-chart-text: var(--rbs-text-neutral-subtle);
  --rbs-chart-axis: var(--rbs-border-neutral-secondary);
  --rbs-chart-grid: var(--rbs-border-neutral-primary);
  --rbs-chart-tooltip-container: var(--rbs-bg-neutral-white);
  --rbs-chart-tooltip-text: var(--rbs-text-neutral-primary);
  --rbs-chart-tooltip-outline: var(--rbs-border-neutral-primary);
  --rbs-chart-legend-label: var(--rbs-text-neutral-primary);
  --rbs-chart-legend-value: var(--rbs-text-neutral-subtle);
  --mat-focus-indicator-border-color: var(--rbs-border-brand-primary);
}
.rbs-theme-light {
  color-scheme: light;
  --rbs-bg-neutral-primary: var(--rbs-neutral-99);
  --rbs-bg-neutral-secondary: var(--rbs-neutral-98);
  --rbs-bg-neutral-tertiary: var(--rbs-neutral-95);
  --rbs-bg-neutral-white: var(--rbs-neutral-100);
  --rbs-bg-neutral-disable: var(--rbs-neutral-variant-90);
  --rbs-bg-neutral-container-high: var(--rbs-neutral-90);
  --rbs-bg-neutral-container-highest: var(--rbs-neutral-variant-90);
  --rbs-bg-neutral-dim: var(--rbs-neutral-90);
  --rbs-bg-inverse-primary: var(--rbs-neutral-5);
  --rbs-bg-inverse-secondary: var(--rbs-neutral-20);
  --rbs-bg-inverse-tertiary: var(--rbs-neutral-35);
  --rbs-bg-brand-subtle-primary: var(--rbs-primary-98);
  --rbs-bg-brand-subtle-secondary: var(--rbs-secondary-90);
  --rbs-bg-brand-subtle-tertiary: var(--rbs-tertiary-95);
  --rbs-bg-brand-bold-primary: var(--rbs-primary-40);
  --rbs-bg-brand-bold-secondary: var(--rbs-secondary-60);
  --rbs-bg-brand-bold-tertiary: var(--rbs-tertiary-60);
  --rbs-bg-semantic-success-subtle: var(--rbs-success-98);
  --rbs-bg-semantic-success-bold: var(--rbs-success-35);
  --rbs-bg-semantic-warning-subtle: var(--rbs-warning-95);
  --rbs-bg-semantic-warning-bold: var(--rbs-warning-80);
  --rbs-bg-semantic-error-subtle: var(--rbs-error-95);
  --rbs-bg-semantic-error-bold: var(--rbs-error-35);
  --rbs-bg-semantic-info-subtle: var(--rbs-tertiary-95);
  --rbs-bg-semantic-info-bold: var(--rbs-tertiary-35);
  --rbs-bg-input-neutral-primary: var(--rbs-overlay-dark-tint-4);
  --rbs-border-neutral-primary: var(--rbs-neutral-90);
  --rbs-border-neutral-secondary: var(--rbs-neutral-80);
  --rbs-border-neutral-tertiary: var(--rbs-neutral-70);
  --rbs-border-neutral-disable: var(--rbs-neutral-variant-80);
  --rbs-border-neutral-strong: var(--rbs-neutral-50);
  --rbs-border-inverse-primary: var(--rbs-neutral-30);
  --rbs-border-inverse-secondary: var(--rbs-neutral-35);
  --rbs-border-inverse-tertiary: var(--rbs-neutral-50);
  --rbs-border-brand-primary: var(--rbs-primary-35);
  --rbs-border-brand-secondary: var(--rbs-secondary-60);
  --rbs-border-brand-tertiary: var(--rbs-tertiary-60);
  --rbs-border-semantic-success-subtle: var(--rbs-success-70);
  --rbs-border-semantic-success-bold: var(--rbs-success-95);
  --rbs-border-semantic-warning-subtle: var(--rbs-warning-80);
  --rbs-border-semantic-warning-bold: var(--rbs-warning-90);
  --rbs-border-semantic-error-subtle: var(--rbs-error-35);
  --rbs-border-semantic-error-bold: var(--rbs-error-95);
  --rbs-border-semantic-info-subtle: var(--rbs-tertiary-80);
  --rbs-border-semantic-info-bold: var(--rbs-tertiary-98);
  --rbs-text-neutral-primary: var(--rbs-neutral-10);
  --rbs-text-neutral-secondary: var(--rbs-neutral-20);
  --rbs-text-neutral-subtle: var(--rbs-neutral-35);
  --rbs-text-neutral-disable: var(--rbs-neutral-variant-60);
  --rbs-text-inverse-primary: var(--rbs-neutral-98);
  --rbs-text-inverse-secondary: var(--rbs-neutral-98);
  --rbs-text-inverse-subtle: var(--rbs-neutral-90);
  --rbs-text-inverse-brand: var(--rbs-primary-70);
  --rbs-text-brand-primary: var(--rbs-primary-30);
  --rbs-text-brand-secondary: var(--rbs-secondary-25);
  --rbs-text-brand-tertiary: var(--rbs-tertiary-30);
  --rbs-text-brand-on-primary: var(--rbs-primary-99);
  --rbs-text-brand-on-primary-subtle: var(--rbs-secondary-95);
  --rbs-text-brand-on-secondary: var(--rbs-primary-99);
  --rbs-text-brand-on-tertiary: var(--rbs-primary-99);
  --rbs-text-semantic-success-on-subtle: var(--rbs-success-30);
  --rbs-text-semantic-success-on-bold: var(--rbs-success-99);
  --rbs-text-semantic-warning-on-subtle: var(--rbs-warning-40);
  --rbs-text-semantic-warning-on-bold: var(--rbs-warning-15);
  --rbs-text-semantic-error-on-subtle: var(--rbs-error-25);
  --rbs-text-semantic-error-on-bold: var(--rbs-error-100);
  --rbs-text-semantic-info-on-subtle: var(--rbs-tertiary-30);
  --rbs-text-semantic-info-on-bold: var(--rbs-tertiary-98);
  --rbs-icon-neutral-primary: var(--rbs-neutral-15);
  --rbs-icon-neutral-secondary: var(--rbs-neutral-20);
  --rbs-icon-neutral-subtle: var(--rbs-neutral-35);
  --rbs-icon-neutral-help-tooltip: var(--rbs-neutral-60);
  --rbs-icon-neutral-disable: var(--rbs-neutral-variant-60);
  --rbs-icon-inverse-subtle: var(--rbs-neutral-90);
  --rbs-icon-inverse-primary: var(--rbs-neutral-98);
  --rbs-icon-inverse-primary-brand: var(--rbs-primary-70);
  --rbs-icon-inverse-secondary: var(--rbs-neutral-98);
  --rbs-icon-inverse-on-tertiary: var(--rbs-neutral-98);
  --rbs-icon-brand-primary: var(--rbs-primary-30);
  --rbs-icon-brand-secondary: var(--rbs-secondary-25);
  --rbs-icon-brand-tertiary: var(--rbs-tertiary-35);
  --rbs-icon-brand-on-subtle: var(--rbs-secondary-95);
  --rbs-icon-brand-on-primary: var(--rbs-primary-99);
  --rbs-icon-brand-on-secondary: var(--rbs-primary-99);
  --rbs-icon-brand-on-tertiary: var(--rbs-primary-99);
  --rbs-icon-semantic-success-on-subtle: var(--rbs-success-35);
  --rbs-icon-semantic-success-on-bold: var(--rbs-success-95);
  --rbs-icon-semantic-warning-on-subtle: var(--rbs-warning-60);
  --rbs-icon-semantic-warning-on-subtle-with-text: var(--rbs-warning-40);
  --rbs-icon-semantic-warning-on-bold: var(--rbs-warning-15);
  --rbs-icon-semantic-error-on-subtle: var(--rbs-error-30);
  --rbs-icon-semantic-error-on-bold: var(--rbs-error-90);
  --rbs-icon-semantic-info-on-subtle: var(--rbs-tertiary-35);
  --rbs-icon-semantic-info-on-bold: var(--rbs-tertiary-98);
  --rbs-overlay-state-hover: var(--rbs-alpha-primary-8);
  --rbs-overlay-state-pressed: var(--rbs-alpha-primary-12);
  --rbs-overlay-state-selected: var(--rbs-alpha-primary-12);
  --rbs-overlay-scrim: var(--rbs-absolute-black);
  --rbs-overlay-light-tint-4: var(--rbs-alpha-white-4);
  --rbs-overlay-light-tint-8: var(--rbs-alpha-white-8);
  --rbs-overlay-light-tint-10: var(--rbs-alpha-white-10);
  --rbs-overlay-light-tint-12: var(--rbs-alpha-white-12);
  --rbs-overlay-light-tint-14: var(--rbs-alpha-white-14);
  --rbs-overlay-dark-tint-4: var(--rbs-alpha-black-4);
  --rbs-overlay-dark-tint-8: var(--rbs-alpha-black-8);
  --rbs-overlay-dark-tint-10: var(--rbs-alpha-black-10);
  --rbs-overlay-dark-tint-12: var(--rbs-alpha-black-12);
  --rbs-overlay-dark-tint-14: var(--rbs-alpha-black-14);
  --rbs-overlay-loading-background: var(--rbs-alpha-neutral-95-80);
  --rbs-overlay-loading-light: var(--rbs-alpha-white-80);
  --rbs-shadow-15: var(--rbs-alpha-black-15);
  --rbs-shadow-30: var(--rbs-alpha-black-30);
  --rbs-shadow-neutral: var(--rbs-absolute-black);
  --mat-sys-primary: var(--rbs-bg-brand-bold-primary);
  --mat-sys-on-primary: var(--rbs-text-brand-on-primary);
  --mat-sys-primary-container: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-on-primary-container: var(--rbs-text-brand-primary);
  --mat-sys-primary-fixed: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-primary-fixed-dim: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-on-primary-fixed: var(--rbs-text-brand-primary);
  --mat-sys-on-primary-fixed-variant: var(--rbs-text-brand-primary);
  --mat-sys-inverse-primary: var(--rbs-text-inverse-brand);
  --mat-sys-surface-tint: var(--rbs-bg-brand-bold-primary);
  --mat-sys-secondary: var(--rbs-bg-brand-bold-secondary);
  --mat-sys-on-secondary: var(--rbs-text-brand-on-secondary);
  --mat-sys-secondary-container: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-on-secondary-container: var(--rbs-text-brand-secondary);
  --mat-sys-secondary-fixed: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-secondary-fixed-dim: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-on-secondary-fixed: var(--rbs-text-brand-secondary);
  --mat-sys-on-secondary-fixed-variant: var(--rbs-text-brand-secondary);
  --mat-sys-tertiary: var(--rbs-bg-brand-bold-tertiary);
  --mat-sys-on-tertiary: var(--rbs-text-brand-on-tertiary);
  --mat-sys-tertiary-container: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-on-tertiary-container: var(--rbs-text-brand-tertiary);
  --mat-sys-tertiary-fixed: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-tertiary-fixed-dim: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-on-tertiary-fixed: var(--rbs-text-brand-tertiary);
  --mat-sys-on-tertiary-fixed-variant: var(--rbs-text-brand-tertiary);
  --mat-sys-error: var(--rbs-bg-semantic-error-bold);
  --mat-sys-on-error: var(--rbs-text-semantic-error-on-bold);
  --mat-sys-error-container: var(--rbs-bg-semantic-error-subtle);
  --mat-sys-on-error-container: var(--rbs-text-semantic-error-on-subtle);
  --mat-sys-background: var(--rbs-bg-neutral-primary);
  --mat-sys-on-background: var(--rbs-text-neutral-primary);
  --mat-sys-surface: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-bright: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-dim: var(--rbs-bg-neutral-dim);
  --mat-sys-on-surface: var(--rbs-text-neutral-primary);
  --mat-sys-surface-variant: var(--rbs-bg-neutral-tertiary);
  --mat-sys-on-surface-variant: var(--rbs-text-neutral-subtle);
  --mat-sys-surface-container-lowest: var(--rbs-bg-neutral-white);
  --mat-sys-surface-container-low: var(--rbs-bg-neutral-secondary);
  --mat-sys-surface-container: var(--rbs-bg-neutral-tertiary);
  --mat-sys-surface-container-high: var(--rbs-bg-neutral-container-high);
  --mat-sys-surface-container-highest: var(--rbs-bg-neutral-container-highest);
  --mat-sys-inverse-surface: var(--rbs-bg-inverse-secondary);
  --mat-sys-inverse-on-surface: var(--rbs-text-inverse-primary);
  --mat-sys-outline: var(--rbs-border-neutral-strong);
  --mat-sys-outline-variant: var(--rbs-border-neutral-primary);
  --mat-sys-shadow: var(--rbs-shadow-neutral);
  --mat-sys-scrim: var(--rbs-overlay-scrim);
  --mat-sys-level0:
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level1:
    0px 2px 1px -1px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 1px 1px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 3px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level2:
    0px 3px 3px -2px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 3px 4px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 8px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level3:
    0px 3px 5px -1px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 6px 10px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 18px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level4:
    0px 5px 5px -3px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 8px 10px 1px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 3px 14px 2px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level5:
    0px 7px 8px -4px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 12px 17px 2px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 5px 22px 4px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --rbs-button-primary-container: var(--rbs-bg-brand-bold-primary);
  --rbs-button-primary-label: var(--rbs-text-brand-on-primary);
  --rbs-button-secondary-label: var(--rbs-text-brand-primary);
  --rbs-button-secondary-outline: var(--rbs-border-brand-primary);
  --rbs-button-subtle-label: var(--rbs-text-neutral-subtle);
  --rbs-button-subtle-outline: var(--rbs-border-neutral-secondary);
  --rbs-button-tertiary-label: var(--rbs-text-brand-primary);
  --rbs-button-danger-container: var(--rbs-bg-semantic-error-bold);
  --rbs-button-danger-label: var(--rbs-text-semantic-error-on-bold);
  --rbs-button-disabled-container: var(--rbs-bg-neutral-disable);
  --rbs-button-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-button-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-button-small-height: 32px;
  --rbs-button-small-padding: 16px;
  --rbs-button-small-icon: 16px;
  --rbs-button-medium-height: 40px;
  --rbs-button-medium-padding: 24px;
  --rbs-button-medium-icon: 18px;
  --rbs-button-large-height: 48px;
  --rbs-button-large-padding: 24px;
  --rbs-button-large-icon: 20px;
  --rbs-icon-button-icon: var(--rbs-icon-neutral-subtle);
  --rbs-icon-button-state-hover: var(--rbs-overlay-state-hover);
  --rbs-icon-button-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-icon-button-icon-disabled: var(--rbs-icon-neutral-disable);
  --mat-icon-button-icon-color: var(--rbs-icon-button-icon);
  --mat-icon-button-state-layer-color: var(--rbs-icon-button-state-hover);
  --mat-icon-button-hover-state-layer-opacity: 1;
  --mat-icon-button-focus-state-layer-opacity: 1;
  --mat-icon-button-pressed-state-layer-opacity: 1;
  --mat-icon-button-ripple-color: var(--rbs-icon-button-state-pressed);
  --mat-icon-button-disabled-icon-color: var(--rbs-icon-button-icon-disabled);
  --rbs-form-field-container: var(--rbs-bg-input-neutral-primary);
  --rbs-form-field-container-disabled: var(--rbs-bg-neutral-disable);
  --rbs-form-field-state-layer: var(--rbs-text-neutral-primary);
  --rbs-form-field-indicator: var(--rbs-border-neutral-strong);
  --rbs-form-field-indicator-hover: var(--rbs-text-neutral-primary);
  --rbs-form-field-indicator-focus: var(--rbs-border-brand-primary);
  --rbs-form-field-indicator-error: var(--rbs-border-semantic-error-subtle);
  --rbs-form-field-indicator-disabled: var(--rbs-border-neutral-disable);
  --rbs-form-field-label: var(--rbs-text-neutral-subtle);
  --rbs-form-field-label-focus: var(--rbs-text-brand-primary);
  --rbs-form-field-label-error: var(--rbs-text-semantic-error-on-subtle);
  --rbs-form-field-label-disabled: var(--rbs-text-neutral-disable);
  --rbs-form-field-input: var(--rbs-text-neutral-primary);
  --rbs-form-field-placeholder: var(--rbs-text-neutral-subtle);
  --rbs-form-field-input-disabled: var(--rbs-text-neutral-disable);
  --rbs-form-field-caret: var(--rbs-text-brand-primary);
  --rbs-form-field-icon: var(--rbs-icon-neutral-subtle);
  --rbs-form-field-icon-error: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-form-field-icon-disabled: var(--rbs-icon-neutral-disable);
  --rbs-form-field-error-text: var(--rbs-text-semantic-error-on-subtle);
  --mat-form-field-filled-container-color: var(--rbs-form-field-container);
  --mat-form-field-filled-disabled-container-color: var(--rbs-form-field-container-disabled);
  --mat-form-field-state-layer-color: var(--rbs-form-field-state-layer);
  --mat-form-field-filled-active-indicator-color: var(--rbs-form-field-indicator);
  --mat-form-field-filled-hover-active-indicator-color: var(--rbs-form-field-indicator-hover);
  --mat-form-field-filled-focus-active-indicator-color: var(--rbs-form-field-indicator-focus);
  --mat-form-field-filled-error-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-disabled-active-indicator-color: var(--rbs-form-field-indicator-disabled);
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-filled-hover-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-filled-focus-label-text-color: var(--rbs-form-field-label-focus);
  --mat-form-field-filled-error-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-error-hover-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-error-focus-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-disabled-label-text-color: var(--rbs-form-field-label-disabled);
  --mat-form-field-filled-input-text-color: var(--rbs-form-field-input);
  --mat-form-field-filled-input-text-placeholder-color: var(--rbs-form-field-placeholder);
  --mat-form-field-filled-disabled-input-text-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-disabled-input-text-placeholder-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-filled-caret-color: var(--rbs-form-field-caret);
  --mat-form-field-filled-error-caret-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-outline-color: var(--rbs-form-field-indicator);
  --mat-form-field-outlined-hover-outline-color: var(--rbs-form-field-indicator-hover);
  --mat-form-field-outlined-focus-outline-color: var(--rbs-form-field-indicator-focus);
  --mat-form-field-outlined-error-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-error-hover-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-error-focus-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-disabled-outline-color: var(--rbs-form-field-indicator-disabled);
  --mat-form-field-outlined-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-outlined-hover-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-outlined-focus-label-text-color: var(--rbs-form-field-label-focus);
  --mat-form-field-outlined-error-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-error-hover-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-error-focus-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-disabled-label-text-color: var(--rbs-form-field-label-disabled);
  --mat-form-field-outlined-input-text-color: var(--rbs-form-field-input);
  --mat-form-field-outlined-input-text-placeholder-color: var(--rbs-form-field-placeholder);
  --mat-form-field-outlined-disabled-input-text-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-outlined-caret-color: var(--rbs-form-field-caret);
  --mat-form-field-outlined-error-caret-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-leading-icon-color: var(--rbs-form-field-icon);
  --mat-form-field-trailing-icon-color: var(--rbs-form-field-icon);
  --mat-form-field-disabled-leading-icon-color: var(--rbs-form-field-icon-disabled);
  --mat-form-field-disabled-trailing-icon-color: var(--rbs-form-field-icon-disabled);
  --mat-form-field-error-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-hover-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-focus-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-text-color: var(--rbs-form-field-error-text);
  --rbs-select-trigger-text: var(--rbs-text-neutral-primary);
  --rbs-select-trigger-text-disabled: var(--rbs-text-neutral-disable);
  --rbs-select-placeholder: var(--rbs-text-neutral-subtle);
  --rbs-select-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-select-arrow-focus: var(--rbs-icon-brand-primary);
  --rbs-select-arrow-error: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-select-arrow-disabled: var(--rbs-icon-neutral-disable);
  --rbs-select-panel: var(--rbs-bg-neutral-white);
  --rbs-select-option-text: var(--rbs-text-neutral-primary);
  --rbs-select-option-hover: var(--rbs-overlay-state-hover);
  --rbs-select-option-selected: var(--rbs-overlay-state-selected);
  --rbs-select-option-selected-text: var(--rbs-text-brand-primary);
  --rbs-select-group-label: var(--rbs-text-neutral-subtle);
  --rbs-select-checkbox-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-select-checkbox-checkmark: var(--rbs-text-brand-on-primary);
  --rbs-select-checkbox-unselected: var(--rbs-border-neutral-strong);
  --rbs-select-checkbox-disabled: var(--rbs-border-neutral-disable);
  --rbs-select-checkbox-disabled-checkmark: var(--rbs-text-neutral-disable);
  --mat-select-enabled-trigger-text-color: var(--rbs-select-trigger-text);
  --mat-select-disabled-trigger-text-color: var(--rbs-select-trigger-text-disabled);
  --mat-select-placeholder-text-color: var(--rbs-select-placeholder);
  --mat-select-enabled-arrow-color: var(--rbs-select-arrow);
  --mat-select-focused-arrow-color: var(--rbs-select-arrow-focus);
  --mat-select-invalid-arrow-color: var(--rbs-select-arrow-error);
  --mat-select-disabled-arrow-color: var(--rbs-select-arrow-disabled);
  --mat-select-panel-background-color: var(--rbs-select-panel);
  --mat-select-container-elevation-shadow: var(--mat-sys-level2);
  --mat-option-label-text-color: var(--rbs-select-option-text);
  --mat-option-hover-state-layer-color: var(--rbs-select-option-hover);
  --mat-option-focus-state-layer-color: var(--rbs-select-option-hover);
  --mat-option-selected-state-layer-color: var(--rbs-select-option-selected);
  --mat-option-selected-state-label-text-color: var(--rbs-select-option-selected-text);
  --mat-optgroup-label-text-color: var(--rbs-select-group-label);
  --mat-autocomplete-background-color: var(--rbs-select-panel);
  --mat-autocomplete-container-elevation-shadow: var(--mat-sys-level2);
  --mat-pseudo-checkbox-full-selected-icon-color: var(--rbs-select-checkbox-selected);
  --mat-pseudo-checkbox-full-selected-checkmark-color: var(--rbs-select-checkbox-checkmark);
  --mat-pseudo-checkbox-full-unselected-icon-color: var(--rbs-select-checkbox-unselected);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: var(--rbs-select-checkbox-disabled);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--rbs-select-checkbox-disabled-checkmark);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: var(--rbs-select-checkbox-disabled);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--rbs-select-option-selected-text);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--rbs-select-checkbox-disabled-checkmark);
  --rbs-datepicker-panel: var(--rbs-bg-neutral-white);
  --rbs-datepicker-divider: var(--rbs-border-neutral-primary);
  --rbs-datepicker-date: var(--rbs-text-neutral-primary);
  --rbs-datepicker-header: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-label: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-period: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-navigation: var(--rbs-icon-neutral-subtle);
  --rbs-datepicker-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-datepicker-selected-text: var(--rbs-text-brand-on-primary);
  --rbs-datepicker-today: var(--rbs-border-brand-primary);
  --rbs-datepicker-hover: var(--rbs-overlay-state-hover);
  --rbs-datepicker-range: var(--rbs-overlay-state-selected);
  --rbs-datepicker-preview: var(--rbs-border-brand-primary);
  --rbs-datepicker-disabled: var(--rbs-text-neutral-disable);
  --rbs-datepicker-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-datepicker-toggle: var(--rbs-icon-neutral-subtle);
  --rbs-datepicker-toggle-active: var(--rbs-icon-brand-primary);
  --rbs-datepicker-separator: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-separator-disabled: var(--rbs-text-neutral-disable);
  --mat-datepicker-calendar-container-background-color: var(--rbs-datepicker-panel);
  --mat-datepicker-calendar-container-text-color: var(--rbs-datepicker-date);
  --mat-datepicker-calendar-container-shape: 8px;
  --mat-datepicker-calendar-container-touch-shape: 8px;
  --mat-datepicker-calendar-container-elevation-shadow: var(--mat-sys-level2);
  --mat-datepicker-calendar-container-touch-elevation-shadow: var(--mat-sys-level3);
  --mat-datepicker-calendar-header-divider-color: var(--rbs-datepicker-divider);
  --mat-datepicker-calendar-header-text-color: var(--rbs-datepicker-header);
  --mat-datepicker-calendar-body-label-text-color: var(--rbs-datepicker-label);
  --mat-datepicker-calendar-period-button-text-color: var(--rbs-datepicker-period);
  --mat-datepicker-calendar-period-button-icon-color: var(--rbs-datepicker-period);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--rbs-datepicker-navigation);
  --mat-datepicker-calendar-date-text-color: var(--rbs-datepicker-date);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-hover-state-background-color: var(--rbs-datepicker-hover);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--rbs-datepicker-hover);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--rbs-datepicker-selected);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--rbs-datepicker-selected-text);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--rbs-datepicker-disabled-selected);
  --mat-datepicker-calendar-date-today-outline-color: var(--rbs-datepicker-today);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--rbs-datepicker-selected-text);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--rbs-datepicker-disabled);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--rbs-datepicker-disabled);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--rbs-datepicker-selected);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--rbs-datepicker-preview);
  --mat-datepicker-toggle-icon-color: var(--rbs-datepicker-toggle);
  --mat-datepicker-toggle-active-state-icon-color: var(--rbs-datepicker-toggle-active);
  --mat-datepicker-range-input-separator-color: var(--rbs-datepicker-separator);
  --mat-datepicker-range-input-disabled-state-separator-color: var(--rbs-datepicker-separator-disabled);
  --mat-datepicker-range-input-disabled-state-text-color: var(--rbs-datepicker-separator-disabled);
  --rbs-menu-container: var(--rbs-bg-neutral-white);
  --rbs-menu-label: var(--rbs-text-neutral-primary);
  --rbs-menu-icon: var(--rbs-icon-neutral-subtle);
  --rbs-menu-state-hover: var(--rbs-overlay-state-hover);
  --rbs-menu-divider: var(--rbs-border-neutral-primary);
  --rbs-menu-danger-label: var(--rbs-text-semantic-error-on-subtle);
  --rbs-menu-danger-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-menu-selected: var(--rbs-overlay-state-selected);
  --rbs-menu-selected-label: var(--rbs-text-brand-primary);
  --mat-menu-container-color: var(--rbs-menu-container);
  --mat-menu-item-label-text-color: var(--rbs-menu-label);
  --mat-menu-item-icon-color: var(--rbs-menu-icon);
  --mat-menu-item-hover-state-layer-color: var(--rbs-menu-state-hover);
  --mat-menu-item-focus-state-layer-color: var(--rbs-menu-state-hover);
  --mat-menu-divider-color: var(--rbs-menu-divider);
  --mat-menu-container-elevation-shadow: var(--mat-sys-level2);
  --rbs-expansion-container: var(--rbs-bg-neutral-white);
  --rbs-expansion-text: var(--rbs-text-neutral-primary);
  --rbs-expansion-title: var(--rbs-text-neutral-primary);
  --rbs-expansion-description: var(--rbs-text-neutral-subtle);
  --rbs-expansion-indicator: var(--rbs-icon-neutral-subtle);
  --rbs-expansion-state-hover: var(--rbs-overlay-state-hover);
  --rbs-expansion-disabled: var(--rbs-text-neutral-disable);
  --rbs-expansion-divider: var(--rbs-border-neutral-primary);
  --mat-expansion-container-background-color: var(--rbs-expansion-container);
  --mat-expansion-container-text-color: var(--rbs-expansion-text);
  --mat-expansion-header-text-color: var(--rbs-expansion-title);
  --mat-expansion-header-description-color: var(--rbs-expansion-description);
  --mat-expansion-header-indicator-color: var(--rbs-expansion-indicator);
  --mat-expansion-header-hover-state-layer-color: var(--rbs-expansion-state-hover);
  --mat-expansion-header-focus-state-layer-color: var(--rbs-expansion-state-hover);
  --mat-expansion-header-disabled-state-text-color: var(--rbs-expansion-disabled);
  --mat-expansion-actions-divider-color: var(--rbs-expansion-divider);
  --mat-expansion-container-elevation-shadow: var(--mat-sys-level2);
  --mat-expansion-container-shape: 8px;
  --rbs-card-raised-container: var(--rbs-bg-neutral-white);
  --rbs-card-outline: var(--rbs-border-neutral-primary);
  --rbs-card-filled-container: var(--rbs-bg-neutral-tertiary);
  --rbs-card-text: var(--rbs-text-neutral-primary);
  --rbs-card-subtitle: var(--rbs-text-neutral-subtle);
  --mat-card-elevated-container-color: var(--rbs-card-raised-container);
  --mat-card-elevated-container-elevation: inset 0 0 0 1px var(--rbs-card-outline);
  --mat-card-elevated-container-shape: 8px;
  --mat-card-outlined-container-color: transparent;
  --mat-card-outlined-outline-color: var(--rbs-card-outline);
  --mat-card-outlined-container-shape: 8px;
  --mat-card-filled-container-color: var(--rbs-card-filled-container);
  --mat-card-filled-container-shape: 8px;
  --mat-card-subtitle-text-color: var(--rbs-card-subtitle);
  --rbs-divider-color: var(--rbs-border-neutral-primary);
  --mat-divider-color: var(--rbs-divider-color);
  --mat-divider-width: 1px;
  --rbs-chip-label: var(--rbs-text-neutral-subtle);
  --rbs-chip-icon: var(--rbs-icon-neutral-subtle);
  --rbs-chip-outline: var(--rbs-border-neutral-secondary);
  --rbs-chip-label-brand: var(--rbs-text-brand-primary);
  --rbs-chip-label-tertiary: var(--rbs-text-brand-tertiary);
  --rbs-chip-state-hover: var(--rbs-overlay-state-hover);
  --rbs-chip-focus: var(--rbs-border-brand-primary);
  --rbs-chip-selected: var(--rbs-overlay-state-selected);
  --rbs-chip-selected-label: var(--rbs-text-brand-primary);
  --rbs-chip-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-chip-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-chip-action-container: var(--rbs-bg-neutral-white);
  --rbs-chip-action-disabled-container: var(--rbs-bg-neutral-disable);
  --mat-chip-label-text-color: var(--rbs-chip-label);
  --mat-chip-outline-color: var(--rbs-chip-outline);
  --mat-chip-with-icon-icon-color: var(--rbs-chip-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--rbs-chip-icon);
  --mat-chip-hover-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-hover-state-layer-opacity: 1;
  --mat-chip-focus-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-focus-state-layer-opacity: 1;
  --mat-chip-focus-outline-color: var(--rbs-chip-focus);
  --mat-chip-trailing-action-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-trailing-action-hover-state-layer-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 1;
  --mat-chip-elevated-selected-container-color: var(--rbs-chip-selected);
  --mat-chip-selected-label-text-color: var(--rbs-chip-selected-label);
  --mat-chip-with-icon-selected-icon-color: var(--rbs-chip-selected-label);
  --mat-chip-selected-trailing-icon-color: var(--rbs-chip-selected-label);
  --mat-chip-selected-hover-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-selected-hover-state-layer-opacity: 1;
  --mat-chip-selected-focus-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-selected-focus-state-layer-opacity: 1;
  --mat-chip-selected-trailing-action-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-disabled-label-text-color: var(--rbs-chip-disabled-label);
  --mat-chip-disabled-outline-color: var(--rbs-chip-disabled-outline);
  --mat-chip-with-icon-disabled-icon-color: var(--rbs-chip-disabled-label);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--rbs-chip-disabled-label);
  --mat-chip-flat-disabled-selected-container-color: var(--rbs-chip-selected);
  --mat-chip-selected-disabled-trailing-icon-color: var(--rbs-chip-disabled-label);
  --rbs-profile-button-name: var(--rbs-text-neutral-secondary);
  --rbs-profile-button-base: var(--rbs-text-neutral-subtle);
  --rbs-profile-button-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-profile-button-state-hover: var(--rbs-overlay-state-hover);
  --rbs-profile-button-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-profile-button-indicator: var(--rbs-border-brand-primary);
  --rbs-profile-button-focus: var(--rbs-border-brand-primary);
  --rbs-profile-button-menu-container: var(--rbs-bg-neutral-secondary);
  --rbs-profile-button-menu-name: var(--rbs-text-neutral-secondary);
  --rbs-profile-button-menu-email: var(--rbs-text-neutral-subtle);
  --rbs-profile-button-monogram-container: var(--rbs-bg-brand-bold-primary);
  --rbs-profile-button-monogram-label: var(--rbs-text-brand-on-primary);
  --rbs-header-container: var(--rbs-bg-neutral-secondary);
  --rbs-header-border: var(--rbs-border-neutral-secondary);
  --rbs-header-divider: var(--rbs-border-neutral-primary);
  --rbs-header-icon: var(--rbs-icon-neutral-help-tooltip);
  --rbs-header-language-icon: var(--rbs-icon-brand-tertiary);
  --rbs-header-language-label: var(--rbs-text-neutral-subtle);
  --rbs-breadcrumb-text: var(--rbs-text-neutral-subtle);
  --rbs-breadcrumb-separator: var(--rbs-icon-neutral-disable);
  --rbs-breadcrumb-focus: var(--rbs-border-brand-primary);
  --rbs-checkbox-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-checkbox-checkmark: var(--rbs-text-brand-on-primary);
  --rbs-checkbox-unselected: var(--rbs-border-neutral-strong);
  --rbs-checkbox-unselected-hover: var(--rbs-text-neutral-primary);
  --rbs-checkbox-state-hover: var(--rbs-overlay-state-hover);
  --rbs-checkbox-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-checkbox-label: var(--rbs-text-neutral-primary);
  --rbs-checkbox-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-checkbox-disabled-checkmark: var(--rbs-text-neutral-disable);
  --rbs-checkbox-disabled-unselected: var(--rbs-border-neutral-disable);
  --rbs-checkbox-disabled-label: var(--rbs-text-neutral-disable);
  --mat-checkbox-selected-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-hover-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-focus-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-pressed-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-checkmark-color: var(--rbs-checkbox-checkmark);
  --mat-checkbox-unselected-icon-color: var(--rbs-checkbox-unselected);
  --mat-checkbox-unselected-hover-icon-color: var(--rbs-checkbox-unselected-hover);
  --mat-checkbox-unselected-focus-icon-color: var(--rbs-checkbox-unselected-hover);
  --mat-checkbox-selected-hover-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-selected-focus-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-selected-pressed-state-layer-color: var(--rbs-checkbox-state-pressed);
  --mat-checkbox-unselected-hover-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-unselected-focus-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--rbs-checkbox-state-pressed);
  --mat-checkbox-selected-hover-state-layer-opacity: 1;
  --mat-checkbox-selected-focus-state-layer-opacity: 1;
  --mat-checkbox-selected-pressed-state-layer-opacity: 1;
  --mat-checkbox-unselected-hover-state-layer-opacity: 1;
  --mat-checkbox-unselected-focus-state-layer-opacity: 1;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 1;
  --mat-checkbox-label-text-color: var(--rbs-checkbox-label);
  --mat-checkbox-disabled-selected-icon-color: var(--rbs-checkbox-disabled-selected);
  --mat-checkbox-disabled-selected-checkmark-color: var(--rbs-checkbox-disabled-checkmark);
  --mat-checkbox-disabled-unselected-icon-color: var(--rbs-checkbox-disabled-unselected);
  --mat-checkbox-disabled-label-color: var(--rbs-checkbox-disabled-label);
  --rbs-radio-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-radio-unselected: var(--rbs-border-neutral-strong);
  --rbs-radio-unselected-hover: var(--rbs-text-neutral-primary);
  --rbs-radio-state: var(--rbs-bg-brand-bold-primary);
  --rbs-radio-label: var(--rbs-text-neutral-primary);
  --rbs-radio-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-radio-disabled-unselected: var(--rbs-border-neutral-disable);
  --rbs-radio-disabled-label: var(--rbs-text-neutral-disable);
  --mat-radio-selected-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-hover-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-focus-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-pressed-icon-color: var(--rbs-radio-selected);
  --mat-radio-unselected-icon-color: var(--rbs-radio-unselected);
  --mat-radio-unselected-hover-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-unselected-focus-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-unselected-pressed-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-ripple-color: var(--rbs-radio-state);
  --mat-radio-checked-ripple-color: var(--rbs-radio-state);
  --mat-radio-label-text-color: var(--rbs-radio-label);
  --mat-radio-disabled-selected-icon-color: var(--rbs-radio-disabled-selected);
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-disabled-unselected-icon-color: var(--rbs-radio-disabled-unselected);
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-disabled-label-color: var(--rbs-radio-disabled-label);
  --rbs-switch-selected-track: var(--rbs-bg-brand-bold-primary);
  --rbs-switch-selected-handle: var(--rbs-text-brand-on-primary);
  --rbs-switch-unselected-track: var(--rbs-bg-neutral-container-highest);
  --rbs-switch-unselected-outline: var(--rbs-border-neutral-strong);
  --rbs-switch-unselected-handle: var(--rbs-border-neutral-strong);
  --rbs-switch-unselected-handle-hover: var(--rbs-text-neutral-primary);
  --rbs-switch-state-hover: var(--rbs-overlay-state-hover);
  --rbs-switch-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-switch-label: var(--rbs-text-neutral-primary);
  --rbs-switch-disabled-track: var(--rbs-bg-neutral-disable);
  --rbs-switch-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-switch-disabled-handle: var(--rbs-text-neutral-disable);
  --rbs-switch-disabled-selected-handle: var(--rbs-bg-neutral-primary);
  --rbs-switch-disabled-label: var(--rbs-text-neutral-disable);
  --mat-slide-toggle-selected-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-hover-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-focus-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-pressed-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-hover-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-focus-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-pressed-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-unselected-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-hover-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-focus-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-pressed-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-track-outline-color: var(--rbs-switch-unselected-outline);
  --mat-slide-toggle-unselected-handle-color: var(--rbs-switch-unselected-handle);
  --mat-slide-toggle-unselected-hover-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-unselected-focus-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--rbs-switch-state-pressed);
  --mat-slide-toggle-unselected-hover-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-unselected-focus-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-unselected-pressed-state-layer-color: var(--rbs-switch-state-pressed);
  --mat-slide-toggle-selected-hover-state-layer-opacity: 1;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 1;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 1;
  --mat-slide-toggle-label-text-color: var(--rbs-switch-label);
  --mat-slide-toggle-disabled-selected-track-color: var(--rbs-switch-disabled-track);
  --mat-slide-toggle-disabled-unselected-track-color: var(--rbs-switch-disabled-track);
  --mat-slide-toggle-disabled-unselected-track-outline-color: var(--rbs-switch-disabled-outline);
  --mat-slide-toggle-disabled-track-opacity: 1;
  --mat-slide-toggle-disabled-selected-handle-color: var(--rbs-switch-disabled-selected-handle);
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-unselected-handle-color: var(--rbs-switch-disabled-handle);
  --mat-slide-toggle-disabled-unselected-handle-opacity: 1;
  --mat-slide-toggle-disabled-label-text-color: var(--rbs-switch-disabled-label);
  --rbs-dialog-container: var(--rbs-bg-neutral-secondary);
  --rbs-dialog-header: var(--rbs-bg-neutral-tertiary);
  --rbs-dialog-title: var(--rbs-text-neutral-subtle);
  --rbs-dialog-close-icon: var(--rbs-icon-neutral-subtle);
  --rbs-dialog-text: var(--rbs-text-neutral-primary);
  --rbs-dialog-divider: var(--rbs-border-neutral-primary);
  --rbs-dialog-cancel-label: var(--rbs-text-neutral-subtle);
  --rbs-dialog-cancel-outline: var(--rbs-border-neutral-secondary);
  --rbs-dialog-action-brand-label: var(--rbs-text-brand-primary);
  --rbs-dialog-action-danger-label: var(--rbs-text-semantic-error-on-subtle);
  --rbs-dialog-shadow-strong: var(--rbs-shadow-30);
  --rbs-dialog-shadow-soft: var(--rbs-shadow-15);
  --mat-dialog-container-color: var(--rbs-dialog-container);
  --mat-dialog-container-shape: 8px;
  --mat-dialog-container-elevation-shadow: 0 1px 3px 0 var(--rbs-dialog-shadow-strong), 0 4px 8px 3px var(--rbs-dialog-shadow-soft);
  --mat-dialog-subhead-color: var(--rbs-dialog-title);
  --mat-dialog-subhead-font: var(--mat-sys-title-medium-font);
  --mat-dialog-subhead-size: var(--mat-sys-title-medium-size);
  --mat-dialog-subhead-line-height: var(--mat-sys-title-medium-line-height);
  --mat-dialog-subhead-weight: var(--mat-sys-title-medium-weight);
  --mat-dialog-subhead-tracking: var(--mat-sys-title-medium-tracking);
  --mat-dialog-supporting-text-color: var(--rbs-dialog-text);
  --mat-dialog-supporting-text-font: var(--mat-sys-body-large-font);
  --mat-dialog-supporting-text-size: var(--mat-sys-body-large-size);
  --mat-dialog-supporting-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-dialog-supporting-text-weight: var(--mat-sys-body-large-weight);
  --mat-dialog-supporting-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-dialog-content-padding: 32px;
  --mat-dialog-with-actions-content-padding: 32px;
  --mat-dialog-actions-padding: 16px 32px;
  --rbs-alert-info-container: var(--rbs-bg-semantic-info-subtle);
  --rbs-alert-info-text: var(--rbs-text-semantic-info-on-subtle);
  --rbs-alert-success-container: var(--rbs-bg-semantic-success-subtle);
  --rbs-alert-success-text: var(--rbs-text-semantic-success-on-subtle);
  --rbs-alert-warning-container: var(--rbs-bg-semantic-warning-subtle);
  --rbs-alert-warning-text: var(--rbs-text-semantic-warning-on-subtle);
  --rbs-alert-error-container: var(--rbs-bg-semantic-error-subtle);
  --rbs-alert-error-text: var(--rbs-text-semantic-error-on-subtle);
  --rbs-tooltip-container: var(--rbs-bg-inverse-secondary);
  --rbs-tooltip-text: var(--rbs-text-inverse-primary);
  --rbs-tooltip-help-icon: var(--rbs-icon-neutral-help-tooltip);
  --mat-tooltip-container-color: var(--rbs-tooltip-container);
  --mat-tooltip-supporting-text-color: var(--rbs-tooltip-text);
  --rbs-snack-bar-container: var(--rbs-bg-inverse-secondary);
  --rbs-snack-bar-text: var(--rbs-text-inverse-primary);
  --rbs-snack-bar-action: var(--rbs-text-inverse-brand);
  --rbs-snack-bar-close: var(--rbs-icon-inverse-primary);
  --mat-snack-bar-container-color: var(--rbs-snack-bar-container);
  --mat-snack-bar-supporting-text-color: var(--rbs-snack-bar-text);
  --mat-snack-bar-button-color: var(--rbs-snack-bar-action);
  --rbs-progress-indicator: var(--rbs-border-brand-primary);
  --rbs-progress-track: var(--rbs-bg-neutral-container-highest);
  --mat-progress-bar-active-indicator-color: var(--rbs-progress-indicator);
  --mat-progress-bar-track-color: var(--rbs-progress-track);
  --mat-progress-spinner-active-indicator-color: var(--rbs-progress-indicator);
  --rbs-tabs-active-label: var(--rbs-text-brand-primary);
  --rbs-tabs-active-indicator: var(--rbs-border-brand-primary);
  --rbs-tabs-inactive-label: var(--rbs-text-neutral-subtle);
  --rbs-tabs-state: var(--rbs-bg-brand-bold-primary);
  --rbs-tabs-divider: var(--rbs-border-neutral-primary);
  --rbs-tabs-pagination-icon: var(--rbs-icon-neutral-subtle);
  --mat-tab-active-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-hover-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-focus-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-active-hover-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-active-focus-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-inactive-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-inactive-hover-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-inactive-focus-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-active-ripple-color: var(--rbs-tabs-state);
  --mat-tab-inactive-ripple-color: var(--rbs-tabs-state);
  --mat-tab-divider-color: var(--rbs-tabs-divider);
  --mat-tab-pagination-icon-color: var(--rbs-tabs-pagination-icon);
  --rbs-side-nav-item-label: var(--rbs-text-neutral-subtle);
  --rbs-side-nav-item-icon: var(--rbs-icon-neutral-subtle);
  --rbs-side-nav-item-selected-label: var(--rbs-text-brand-primary);
  --rbs-side-nav-item-selected-icon: var(--rbs-icon-brand-primary);
  --rbs-side-nav-item-selected-container: var(--rbs-overlay-state-hover);
  --rbs-side-nav-item-state-hover-base: var(--rbs-overlay-state-hover);
  --rbs-side-nav-item-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-side-nav-item-alert: var(--rbs-icon-semantic-warning-on-subtle);
  --rbs-side-nav-item-chip-container: var(--rbs-bg-neutral-secondary);
  --rbs-side-nav-item-chip-border: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-chip-label: var(--rbs-text-brand-tertiary);
  --rbs-side-nav-item-subitem-line: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-group-divider: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-focus: var(--rbs-border-brand-primary);
  --rbs-side-nav-item-nav-container: var(--rbs-bg-neutral-secondary);
  --rbs-side-nav-item-nav-border: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-section-title: var(--rbs-text-neutral-subtle);
  --rbs-scroll-thumb: var(--rbs-border-inverse-tertiary);
  --rbs-page-title-title: var(--rbs-text-neutral-primary);
  --rbs-page-title-description: var(--rbs-text-neutral-secondary);
  --rbs-page-title-back: var(--rbs-icon-neutral-subtle);
  --rbs-page-title-divider: var(--rbs-border-neutral-primary);
  --rbs-skeleton-line: var(--rbs-overlay-loading-background);
  --rbs-skeleton-shimmer: var(--rbs-overlay-loading-light);
  --rbs-page-loader-veil: var(--rbs-overlay-loading-light);
  --rbs-product-logo-text: var(--rbs-text-neutral-subtle);
  --rbs-apps-menu-container: var(--rbs-bg-neutral-tertiary);
  --rbs-apps-menu-section-container: var(--rbs-bg-neutral-secondary);
  --rbs-apps-menu-section-border: var(--rbs-border-neutral-primary);
  --rbs-apps-menu-section-title: var(--rbs-text-neutral-subtle);
  --rbs-apps-menu-app-label: var(--rbs-text-neutral-primary);
  --rbs-apps-menu-state-hover: var(--rbs-overlay-state-hover);
  --rbs-apps-menu-home-outline: var(--rbs-border-neutral-secondary);
  --rbs-apps-menu-home-label: var(--rbs-text-brand-primary);
  --rbs-table-header-label: var(--rbs-text-neutral-primary);
  --rbs-table-cell-label: var(--rbs-text-neutral-subtle);
  --rbs-table-divider: var(--rbs-border-neutral-primary);
  --rbs-table-icon: var(--rbs-icon-neutral-subtle);
  --rbs-table-status-success-text: var(--rbs-text-semantic-success-on-subtle);
  --rbs-table-status-success-icon: var(--rbs-icon-semantic-success-on-subtle);
  --rbs-table-status-warning-text: var(--rbs-text-semantic-warning-on-subtle);
  --rbs-table-status-warning-icon: var(--rbs-icon-semantic-warning-on-subtle-with-text);
  --rbs-table-status-error-text: var(--rbs-text-semantic-error-on-subtle);
  --rbs-table-status-error-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-table-status-info-text: var(--rbs-text-semantic-info-on-subtle);
  --rbs-table-status-info-icon: var(--rbs-icon-semantic-info-on-subtle);
  --rbs-table-alert: var(--rbs-icon-semantic-warning-on-subtle);
  --rbs-table-index: var(--rbs-text-brand-primary);
  --rbs-table-drag-container: var(--rbs-bg-neutral-secondary);
  --rbs-table-data-title-container: var(--rbs-overlay-dark-tint-4);
  --rbs-table-data-outline: var(--rbs-border-neutral-primary);
  --rbs-table-row-selected: var(--rbs-overlay-state-hover);
  --rbs-table-scroll-container: var(--rbs-bg-neutral-primary);
  --mat-table-background-color: transparent;
  --mat-table-header-headline-color: var(--rbs-table-header-label);
  --mat-table-header-headline-font: var(--mat-sys-title-medium-font);
  --mat-table-header-headline-line-height: var(--mat-sys-title-medium-line-height);
  --mat-table-header-headline-size: var(--mat-sys-title-medium-size);
  --mat-table-header-headline-weight: var(--mat-sys-title-medium-weight);
  --mat-table-header-headline-tracking: var(--mat-sys-title-medium-tracking);
  --mat-table-row-item-label-text-color: var(--rbs-table-cell-label);
  --mat-table-row-item-label-text-font: var(--mat-sys-body-large-font);
  --mat-table-row-item-label-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-table-row-item-label-text-size: var(--mat-sys-body-large-size);
  --mat-table-row-item-label-text-weight: var(--mat-sys-body-large-weight);
  --mat-table-row-item-label-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-table-row-item-outline-color: var(--rbs-table-divider);
  --mat-table-header-container-height: 56px;
  --mat-table-row-item-container-height: 49px;
  --mat-sort-arrow-color: var(--rbs-table-icon);
  --rbs-copy-field-container: var(--rbs-bg-input-neutral-primary);
  --rbs-copy-field-outline: var(--rbs-border-neutral-secondary);
  --rbs-copy-field-text: var(--rbs-text-neutral-primary);
  --rbs-copy-field-icon: var(--rbs-icon-neutral-subtle);
  --rbs-paginator-text: var(--rbs-text-neutral-subtle);
  --rbs-paginator-icon: var(--rbs-icon-neutral-subtle);
  --rbs-paginator-icon-disabled: var(--rbs-icon-neutral-disable);
  --mat-paginator-container-background-color: transparent;
  --mat-paginator-container-text-color: var(--rbs-paginator-text);
  --mat-paginator-enabled-icon-color: var(--rbs-paginator-icon);
  --mat-paginator-disabled-icon-color: var(--rbs-paginator-icon-disabled);
  --rbs-crud-nav-count-selected: var(--rbs-text-brand-primary);
  --rbs-crud-nav-count-text: var(--rbs-text-neutral-primary);
  --rbs-crud-nav-filter-label: var(--rbs-text-neutral-subtle);
  --rbs-crud-nav-outline: var(--rbs-border-neutral-secondary);
  --rbs-bulk-actions-container: var(--rbs-bg-neutral-primary);
  --rbs-bulk-actions-outline: var(--rbs-border-neutral-primary);
  --rbs-bulk-actions-count: var(--rbs-text-neutral-primary);
  --rbs-bulk-actions-selected: var(--rbs-text-brand-primary);
  --rbs-list-label: var(--rbs-text-neutral-primary);
  --rbs-list-supporting-text: var(--rbs-text-neutral-subtle);
  --rbs-list-icon: var(--rbs-icon-neutral-subtle);
  --rbs-list-avatar: var(--rbs-bg-brand-subtle-secondary);
  --rbs-list-state-hover: var(--rbs-overlay-state-hover);
  --rbs-list-activated: var(--rbs-overlay-state-selected);
  --rbs-list-selected-icon: var(--rbs-icon-brand-primary);
  --rbs-list-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-list-disabled-icon: var(--rbs-icon-neutral-disable);
  --mat-list-list-item-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-hover-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-focus-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-supporting-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-trailing-supporting-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-leading-icon-color: var(--rbs-list-icon);
  --mat-list-list-item-trailing-icon-color: var(--rbs-list-icon);
  --mat-list-list-item-selected-trailing-icon-color: var(--rbs-list-selected-icon);
  --mat-list-list-item-leading-avatar-color: var(--rbs-list-avatar);
  --mat-list-list-item-hover-state-layer-color: var(--rbs-list-state-hover);
  --mat-list-list-item-hover-state-layer-opacity: 1;
  --mat-list-list-item-focus-state-layer-color: var(--rbs-list-state-hover);
  --mat-list-list-item-focus-state-layer-opacity: 1;
  --mat-list-active-indicator-color: var(--rbs-list-activated);
  --mat-list-list-item-disabled-label-text-color: var(--rbs-list-disabled-label);
  --mat-list-list-item-disabled-label-text-opacity: 1;
  --mat-list-list-item-disabled-leading-icon-color: var(--rbs-list-disabled-icon);
  --mat-list-list-item-disabled-leading-icon-opacity: 1;
  --mat-list-list-item-disabled-trailing-icon-color: var(--rbs-list-disabled-icon);
  --mat-list-list-item-disabled-trailing-icon-opacity: 1;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --rbs-saved-filters-check: var(--rbs-icon-brand-primary);
  --rbs-saved-filters-empty: var(--rbs-text-neutral-subtle);
  --rbs-filter-editor-condition: var(--rbs-bg-input-neutral-primary);
  --rbs-filter-editor-condition-label: var(--rbs-text-brand-tertiary);
  --rbs-filter-editor-condition-icon: var(--rbs-icon-neutral-subtle);
  --rbs-filter-editor-add-outline: var(--rbs-border-neutral-secondary);
  --rbs-condition-picker-message: var(--rbs-text-neutral-primary);
  --rbs-condition-picker-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-condition-picker-range-title: var(--rbs-text-neutral-primary);
  --rbs-chip-filter-selected: var(--rbs-overlay-dark-tint-4);
  --rbs-chip-filter-selected-label: var(--rbs-text-brand-tertiary);
  --rbs-dashboard-nav-title: var(--rbs-text-neutral-primary);
  --rbs-dashboard-nav-description: var(--rbs-text-neutral-primary);
  --rbs-dashboard-nav-note: var(--rbs-text-neutral-subtle);
  --rbs-dashboard-nav-view-selected: var(--rbs-icon-brand-tertiary);
  --rbs-dashboard-nav-view-selected-container: var(--rbs-overlay-state-hover);
  --rbs-summary-card-outline: var(--rbs-border-neutral-primary);
  --rbs-summary-card-label: var(--rbs-text-neutral-subtle);
  --rbs-summary-card-percentage: var(--rbs-text-neutral-subtle);
  --rbs-summary-card-value: var(--rbs-text-neutral-primary);
  --rbs-summary-card-increase: var(--rbs-text-semantic-success-on-subtle);
  --rbs-summary-card-increase-icon: var(--rbs-icon-semantic-success-on-subtle);
  --rbs-summary-card-decrease: var(--rbs-text-semantic-error-on-subtle);
  --rbs-summary-card-decrease-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-table-summary-title: var(--rbs-text-neutral-primary);
  --rbs-table-summary-label: var(--rbs-text-neutral-primary);
  --rbs-table-summary-value: var(--rbs-text-neutral-primary);
  --rbs-table-summary-outline: var(--rbs-border-neutral-primary);
  --rbs-table-summary-total-container: var(--rbs-overlay-dark-tint-4);
  --rbs-header-search-key-container: var(--rbs-overlay-dark-tint-4);
  --rbs-header-search-key-border: var(--rbs-border-neutral-primary);
  --rbs-header-search-key-label: var(--rbs-text-neutral-subtle);
  --rbs-header-search-search-icon: var(--rbs-icon-brand-primary);
  --rbs-header-search-group-title: var(--rbs-text-neutral-subtle);
  --rbs-header-search-active: var(--rbs-overlay-state-selected);
  --rbs-header-search-hint: var(--rbs-text-brand-primary);
  --rbs-header-search-footer-container: var(--rbs-bg-neutral-primary);
  --rbs-header-search-footer-text: var(--rbs-text-neutral-subtle);
  --rbs-header-search-empty: var(--rbs-text-neutral-primary);
  --rbs-chart-title: var(--rbs-text-neutral-primary);
  --rbs-chart-text: var(--rbs-text-neutral-subtle);
  --rbs-chart-axis: var(--rbs-border-neutral-secondary);
  --rbs-chart-grid: var(--rbs-border-neutral-primary);
  --rbs-chart-tooltip-container: var(--rbs-bg-neutral-white);
  --rbs-chart-tooltip-text: var(--rbs-text-neutral-primary);
  --rbs-chart-tooltip-outline: var(--rbs-border-neutral-primary);
  --rbs-chart-legend-label: var(--rbs-text-neutral-primary);
  --rbs-chart-legend-value: var(--rbs-text-neutral-subtle);
  --mat-focus-indicator-border-color: var(--rbs-border-brand-primary);
}
.rbs-theme-dark {
  color-scheme: dark;
  --rbs-bg-neutral-primary: var(--rbs-neutral-5);
  --rbs-bg-neutral-secondary: var(--rbs-neutral-10);
  --rbs-bg-neutral-tertiary: var(--rbs-neutral-15);
  --rbs-bg-neutral-white: var(--rbs-neutral-0);
  --rbs-bg-neutral-disable: var(--rbs-neutral-variant-20);
  --rbs-bg-neutral-container-high: var(--rbs-neutral-20);
  --rbs-bg-neutral-container-highest: var(--rbs-neutral-variant-20);
  --rbs-bg-neutral-dim: var(--rbs-neutral-20);
  --rbs-bg-inverse-primary: var(--rbs-neutral-99);
  --rbs-bg-inverse-secondary: var(--rbs-neutral-90);
  --rbs-bg-inverse-tertiary: var(--rbs-neutral-60);
  --rbs-bg-brand-subtle-primary: var(--rbs-primary-10);
  --rbs-bg-brand-subtle-secondary: var(--rbs-secondary-20);
  --rbs-bg-brand-subtle-tertiary: var(--rbs-tertiary-15);
  --rbs-bg-brand-bold-primary: var(--rbs-primary-50);
  --rbs-bg-brand-bold-secondary: var(--rbs-secondary-35);
  --rbs-bg-brand-bold-tertiary: var(--rbs-tertiary-35);
  --rbs-bg-semantic-success-subtle: var(--rbs-success-10);
  --rbs-bg-semantic-success-bold: var(--rbs-success-60);
  --rbs-bg-semantic-warning-subtle: var(--rbs-warning-15);
  --rbs-bg-semantic-warning-bold: var(--rbs-warning-25);
  --rbs-bg-semantic-error-subtle: var(--rbs-error-15);
  --rbs-bg-semantic-error-bold: var(--rbs-error-60);
  --rbs-bg-semantic-info-subtle: var(--rbs-tertiary-15);
  --rbs-bg-semantic-info-bold: var(--rbs-tertiary-60);
  --rbs-bg-input-neutral-primary: var(--rbs-overlay-dark-tint-4);
  --rbs-border-neutral-primary: var(--rbs-neutral-20);
  --rbs-border-neutral-secondary: var(--rbs-neutral-25);
  --rbs-border-neutral-tertiary: var(--rbs-neutral-30);
  --rbs-border-neutral-disable: var(--rbs-neutral-variant-25);
  --rbs-border-neutral-strong: var(--rbs-neutral-50);
  --rbs-border-inverse-primary: var(--rbs-neutral-70);
  --rbs-border-inverse-secondary: var(--rbs-neutral-60);
  --rbs-border-inverse-tertiary: var(--rbs-neutral-40);
  --rbs-border-brand-primary: var(--rbs-primary-60);
  --rbs-border-brand-secondary: var(--rbs-secondary-35);
  --rbs-border-brand-tertiary: var(--rbs-tertiary-35);
  --rbs-border-semantic-success-subtle: var(--rbs-success-30);
  --rbs-border-semantic-success-bold: var(--rbs-success-15);
  --rbs-border-semantic-warning-subtle: var(--rbs-warning-25);
  --rbs-border-semantic-warning-bold: var(--rbs-warning-20);
  --rbs-border-semantic-error-subtle: var(--rbs-error-60);
  --rbs-border-semantic-error-bold: var(--rbs-error-15);
  --rbs-border-semantic-info-subtle: var(--rbs-tertiary-25);
  --rbs-border-semantic-info-bold: var(--rbs-tertiary-10);
  --rbs-text-neutral-primary: var(--rbs-neutral-98);
  --rbs-text-neutral-secondary: var(--rbs-neutral-90);
  --rbs-text-neutral-subtle: var(--rbs-neutral-60);
  --rbs-text-neutral-disable: var(--rbs-neutral-variant-35);
  --rbs-text-inverse-primary: var(--rbs-neutral-10);
  --rbs-text-inverse-secondary: var(--rbs-neutral-10);
  --rbs-text-inverse-subtle: var(--rbs-neutral-20);
  --rbs-text-inverse-brand: var(--rbs-primary-30);
  --rbs-text-brand-primary: var(--rbs-primary-70);
  --rbs-text-brand-secondary: var(--rbs-secondary-80);
  --rbs-text-brand-tertiary: var(--rbs-tertiary-70);
  --rbs-text-brand-on-primary: var(--rbs-primary-5);
  --rbs-text-brand-on-primary-subtle: var(--rbs-secondary-15);
  --rbs-text-brand-on-secondary: var(--rbs-primary-5);
  --rbs-text-brand-on-tertiary: var(--rbs-primary-5);
  --rbs-text-semantic-success-on-subtle: var(--rbs-success-70);
  --rbs-text-semantic-success-on-bold: var(--rbs-success-5);
  --rbs-text-semantic-warning-on-subtle: var(--rbs-warning-70);
  --rbs-text-semantic-warning-on-bold: var(--rbs-warning-95);
  --rbs-text-semantic-error-on-subtle: var(--rbs-error-80);
  --rbs-text-semantic-error-on-bold: var(--rbs-error-0);
  --rbs-text-semantic-info-on-subtle: var(--rbs-tertiary-70);
  --rbs-text-semantic-info-on-bold: var(--rbs-tertiary-10);
  --rbs-icon-neutral-primary: var(--rbs-neutral-95);
  --rbs-icon-neutral-secondary: var(--rbs-neutral-90);
  --rbs-icon-neutral-subtle: var(--rbs-neutral-60);
  --rbs-icon-neutral-help-tooltip: var(--rbs-neutral-35);
  --rbs-icon-neutral-disable: var(--rbs-neutral-variant-35);
  --rbs-icon-inverse-subtle: var(--rbs-neutral-20);
  --rbs-icon-inverse-primary: var(--rbs-neutral-10);
  --rbs-icon-inverse-primary-brand: var(--rbs-primary-30);
  --rbs-icon-inverse-secondary: var(--rbs-neutral-10);
  --rbs-icon-inverse-on-tertiary: var(--rbs-neutral-10);
  --rbs-icon-brand-primary: var(--rbs-primary-70);
  --rbs-icon-brand-secondary: var(--rbs-secondary-80);
  --rbs-icon-brand-tertiary: var(--rbs-tertiary-60);
  --rbs-icon-brand-on-subtle: var(--rbs-secondary-15);
  --rbs-icon-brand-on-primary: var(--rbs-primary-5);
  --rbs-icon-brand-on-secondary: var(--rbs-primary-5);
  --rbs-icon-brand-on-tertiary: var(--rbs-primary-5);
  --rbs-icon-semantic-success-on-subtle: var(--rbs-success-60);
  --rbs-icon-semantic-success-on-bold: var(--rbs-success-15);
  --rbs-icon-semantic-warning-on-subtle: var(--rbs-warning-70);
  --rbs-icon-semantic-warning-on-subtle-with-text: var(--rbs-warning-70);
  --rbs-icon-semantic-warning-on-bold: var(--rbs-warning-95);
  --rbs-icon-semantic-error-on-subtle: var(--rbs-error-70);
  --rbs-icon-semantic-error-on-bold: var(--rbs-error-20);
  --rbs-icon-semantic-info-on-subtle: var(--rbs-tertiary-60);
  --rbs-icon-semantic-info-on-bold: var(--rbs-tertiary-10);
  --rbs-overlay-state-hover: var(--rbs-alpha-primary-8);
  --rbs-overlay-state-pressed: var(--rbs-alpha-primary-12);
  --rbs-overlay-state-selected: var(--rbs-alpha-primary-12);
  --rbs-overlay-scrim: var(--rbs-absolute-black);
  --rbs-overlay-light-tint-4: var(--rbs-alpha-black-4);
  --rbs-overlay-light-tint-8: var(--rbs-alpha-black-8);
  --rbs-overlay-light-tint-10: var(--rbs-alpha-black-10);
  --rbs-overlay-light-tint-12: var(--rbs-alpha-black-12);
  --rbs-overlay-light-tint-14: var(--rbs-alpha-black-14);
  --rbs-overlay-dark-tint-4: var(--rbs-alpha-white-4);
  --rbs-overlay-dark-tint-8: var(--rbs-alpha-white-8);
  --rbs-overlay-dark-tint-10: var(--rbs-alpha-white-10);
  --rbs-overlay-dark-tint-12: var(--rbs-alpha-white-12);
  --rbs-overlay-dark-tint-14: var(--rbs-alpha-white-14);
  --rbs-overlay-loading-background: var(--rbs-alpha-neutral-15-80);
  --rbs-overlay-loading-light: var(--rbs-alpha-black-80);
  --rbs-shadow-15: var(--rbs-alpha-black-30);
  --rbs-shadow-30: var(--rbs-alpha-black-60);
  --rbs-shadow-neutral: var(--rbs-absolute-black);
  --mat-sys-primary: var(--rbs-bg-brand-bold-primary);
  --mat-sys-on-primary: var(--rbs-text-brand-on-primary);
  --mat-sys-primary-container: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-on-primary-container: var(--rbs-text-brand-primary);
  --mat-sys-primary-fixed: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-primary-fixed-dim: var(--rbs-bg-brand-subtle-primary);
  --mat-sys-on-primary-fixed: var(--rbs-text-brand-primary);
  --mat-sys-on-primary-fixed-variant: var(--rbs-text-brand-primary);
  --mat-sys-inverse-primary: var(--rbs-text-inverse-brand);
  --mat-sys-surface-tint: var(--rbs-bg-brand-bold-primary);
  --mat-sys-secondary: var(--rbs-bg-brand-bold-secondary);
  --mat-sys-on-secondary: var(--rbs-text-brand-on-secondary);
  --mat-sys-secondary-container: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-on-secondary-container: var(--rbs-text-brand-secondary);
  --mat-sys-secondary-fixed: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-secondary-fixed-dim: var(--rbs-bg-brand-subtle-secondary);
  --mat-sys-on-secondary-fixed: var(--rbs-text-brand-secondary);
  --mat-sys-on-secondary-fixed-variant: var(--rbs-text-brand-secondary);
  --mat-sys-tertiary: var(--rbs-bg-brand-bold-tertiary);
  --mat-sys-on-tertiary: var(--rbs-text-brand-on-tertiary);
  --mat-sys-tertiary-container: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-on-tertiary-container: var(--rbs-text-brand-tertiary);
  --mat-sys-tertiary-fixed: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-tertiary-fixed-dim: var(--rbs-bg-brand-subtle-tertiary);
  --mat-sys-on-tertiary-fixed: var(--rbs-text-brand-tertiary);
  --mat-sys-on-tertiary-fixed-variant: var(--rbs-text-brand-tertiary);
  --mat-sys-error: var(--rbs-bg-semantic-error-bold);
  --mat-sys-on-error: var(--rbs-text-semantic-error-on-bold);
  --mat-sys-error-container: var(--rbs-bg-semantic-error-subtle);
  --mat-sys-on-error-container: var(--rbs-text-semantic-error-on-subtle);
  --mat-sys-background: var(--rbs-bg-neutral-primary);
  --mat-sys-on-background: var(--rbs-text-neutral-primary);
  --mat-sys-surface: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-bright: var(--rbs-bg-neutral-primary);
  --mat-sys-surface-dim: var(--rbs-bg-neutral-dim);
  --mat-sys-on-surface: var(--rbs-text-neutral-primary);
  --mat-sys-surface-variant: var(--rbs-bg-neutral-tertiary);
  --mat-sys-on-surface-variant: var(--rbs-text-neutral-subtle);
  --mat-sys-surface-container-lowest: var(--rbs-bg-neutral-white);
  --mat-sys-surface-container-low: var(--rbs-bg-neutral-secondary);
  --mat-sys-surface-container: var(--rbs-bg-neutral-tertiary);
  --mat-sys-surface-container-high: var(--rbs-bg-neutral-container-high);
  --mat-sys-surface-container-highest: var(--rbs-bg-neutral-container-highest);
  --mat-sys-inverse-surface: var(--rbs-bg-inverse-secondary);
  --mat-sys-inverse-on-surface: var(--rbs-text-inverse-primary);
  --mat-sys-outline: var(--rbs-border-neutral-strong);
  --mat-sys-outline-variant: var(--rbs-border-neutral-primary);
  --mat-sys-shadow: var(--rbs-shadow-neutral);
  --mat-sys-scrim: var(--rbs-overlay-scrim);
  --mat-sys-level0:
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 0px 0px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level1:
    0px 2px 1px -1px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 1px 1px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 3px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level2:
    0px 3px 3px -2px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 3px 4px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 8px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level3:
    0px 3px 5px -1px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 6px 10px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 1px 18px 0px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level4:
    0px 5px 5px -3px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 8px 10px 1px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 3px 14px 2px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --mat-sys-level5:
    0px 7px 8px -4px color-mix(in srgb, var(--rbs-shadow-neutral) 20%, transparent),
    0px 12px 17px 2px color-mix(in srgb, var(--rbs-shadow-neutral) 14%, transparent),
    0px 5px 22px 4px color-mix(in srgb, var(--rbs-shadow-neutral) 12%, transparent);
  --rbs-button-primary-container: var(--rbs-text-brand-primary);
  --rbs-button-primary-label: var(--rbs-text-brand-on-primary);
  --rbs-button-secondary-label: var(--rbs-text-brand-primary);
  --rbs-button-secondary-outline: var(--rbs-border-brand-primary);
  --rbs-button-subtle-label: var(--rbs-text-neutral-subtle);
  --rbs-button-subtle-outline: var(--rbs-border-neutral-secondary);
  --rbs-button-tertiary-label: var(--rbs-text-brand-primary);
  --rbs-button-danger-container: var(--rbs-bg-semantic-error-bold);
  --rbs-button-danger-label: var(--rbs-text-semantic-error-on-bold);
  --rbs-button-disabled-container: var(--rbs-bg-neutral-disable);
  --rbs-button-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-button-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-button-small-height: 32px;
  --rbs-button-small-padding: 16px;
  --rbs-button-small-icon: 16px;
  --rbs-button-medium-height: 40px;
  --rbs-button-medium-padding: 24px;
  --rbs-button-medium-icon: 18px;
  --rbs-button-large-height: 48px;
  --rbs-button-large-padding: 24px;
  --rbs-button-large-icon: 20px;
  --rbs-icon-button-icon: var(--rbs-icon-neutral-subtle);
  --rbs-icon-button-state-hover: var(--rbs-overlay-state-hover);
  --rbs-icon-button-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-icon-button-icon-disabled: var(--rbs-icon-neutral-disable);
  --mat-icon-button-icon-color: var(--rbs-icon-button-icon);
  --mat-icon-button-state-layer-color: var(--rbs-icon-button-state-hover);
  --mat-icon-button-hover-state-layer-opacity: 1;
  --mat-icon-button-focus-state-layer-opacity: 1;
  --mat-icon-button-pressed-state-layer-opacity: 1;
  --mat-icon-button-ripple-color: var(--rbs-icon-button-state-pressed);
  --mat-icon-button-disabled-icon-color: var(--rbs-icon-button-icon-disabled);
  --rbs-form-field-container: var(--rbs-bg-input-neutral-primary);
  --rbs-form-field-container-disabled: var(--rbs-bg-neutral-disable);
  --rbs-form-field-state-layer: var(--rbs-text-neutral-primary);
  --rbs-form-field-indicator: var(--rbs-border-neutral-strong);
  --rbs-form-field-indicator-hover: var(--rbs-text-neutral-primary);
  --rbs-form-field-indicator-focus: var(--rbs-border-brand-primary);
  --rbs-form-field-indicator-error: var(--rbs-border-semantic-error-subtle);
  --rbs-form-field-indicator-disabled: var(--rbs-border-neutral-disable);
  --rbs-form-field-label: var(--rbs-text-neutral-subtle);
  --rbs-form-field-label-focus: var(--rbs-text-brand-primary);
  --rbs-form-field-label-error: var(--rbs-text-semantic-error-on-subtle);
  --rbs-form-field-label-disabled: var(--rbs-text-neutral-disable);
  --rbs-form-field-input: var(--rbs-text-neutral-primary);
  --rbs-form-field-placeholder: var(--rbs-text-neutral-subtle);
  --rbs-form-field-input-disabled: var(--rbs-text-neutral-disable);
  --rbs-form-field-caret: var(--rbs-text-brand-primary);
  --rbs-form-field-icon: var(--rbs-icon-neutral-subtle);
  --rbs-form-field-icon-error: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-form-field-icon-disabled: var(--rbs-icon-neutral-disable);
  --rbs-form-field-error-text: var(--rbs-text-semantic-error-on-subtle);
  --mat-form-field-filled-container-color: var(--rbs-form-field-container);
  --mat-form-field-filled-disabled-container-color: var(--rbs-form-field-container-disabled);
  --mat-form-field-state-layer-color: var(--rbs-form-field-state-layer);
  --mat-form-field-filled-active-indicator-color: var(--rbs-form-field-indicator);
  --mat-form-field-filled-hover-active-indicator-color: var(--rbs-form-field-indicator-hover);
  --mat-form-field-filled-focus-active-indicator-color: var(--rbs-form-field-indicator-focus);
  --mat-form-field-filled-error-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-filled-disabled-active-indicator-color: var(--rbs-form-field-indicator-disabled);
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-filled-hover-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-filled-focus-label-text-color: var(--rbs-form-field-label-focus);
  --mat-form-field-filled-error-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-error-hover-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-error-focus-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-filled-disabled-label-text-color: var(--rbs-form-field-label-disabled);
  --mat-form-field-filled-input-text-color: var(--rbs-form-field-input);
  --mat-form-field-filled-input-text-placeholder-color: var(--rbs-form-field-placeholder);
  --mat-form-field-filled-disabled-input-text-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-disabled-input-text-placeholder-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-filled-caret-color: var(--rbs-form-field-caret);
  --mat-form-field-filled-error-caret-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-outline-color: var(--rbs-form-field-indicator);
  --mat-form-field-outlined-hover-outline-color: var(--rbs-form-field-indicator-hover);
  --mat-form-field-outlined-focus-outline-color: var(--rbs-form-field-indicator-focus);
  --mat-form-field-outlined-error-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-error-hover-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-error-focus-outline-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-outlined-disabled-outline-color: var(--rbs-form-field-indicator-disabled);
  --mat-form-field-outlined-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-outlined-hover-label-text-color: var(--rbs-form-field-label);
  --mat-form-field-outlined-focus-label-text-color: var(--rbs-form-field-label-focus);
  --mat-form-field-outlined-error-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-error-hover-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-error-focus-label-text-color: var(--rbs-form-field-label-error);
  --mat-form-field-outlined-disabled-label-text-color: var(--rbs-form-field-label-disabled);
  --mat-form-field-outlined-input-text-color: var(--rbs-form-field-input);
  --mat-form-field-outlined-input-text-placeholder-color: var(--rbs-form-field-placeholder);
  --mat-form-field-outlined-disabled-input-text-color: var(--rbs-form-field-input-disabled);
  --mat-form-field-outlined-caret-color: var(--rbs-form-field-caret);
  --mat-form-field-outlined-error-caret-color: var(--rbs-form-field-indicator-error);
  --mat-form-field-leading-icon-color: var(--rbs-form-field-icon);
  --mat-form-field-trailing-icon-color: var(--rbs-form-field-icon);
  --mat-form-field-disabled-leading-icon-color: var(--rbs-form-field-icon-disabled);
  --mat-form-field-disabled-trailing-icon-color: var(--rbs-form-field-icon-disabled);
  --mat-form-field-error-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-hover-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-focus-trailing-icon-color: var(--rbs-form-field-icon-error);
  --mat-form-field-error-text-color: var(--rbs-form-field-error-text);
  --rbs-select-trigger-text: var(--rbs-text-neutral-primary);
  --rbs-select-trigger-text-disabled: var(--rbs-text-neutral-disable);
  --rbs-select-placeholder: var(--rbs-text-neutral-subtle);
  --rbs-select-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-select-arrow-focus: var(--rbs-icon-brand-primary);
  --rbs-select-arrow-error: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-select-arrow-disabled: var(--rbs-icon-neutral-disable);
  --rbs-select-panel: var(--rbs-bg-neutral-tertiary);
  --rbs-select-option-text: var(--rbs-text-neutral-primary);
  --rbs-select-option-hover: var(--rbs-overlay-state-hover);
  --rbs-select-option-selected: var(--rbs-overlay-state-selected);
  --rbs-select-option-selected-text: var(--rbs-text-brand-primary);
  --rbs-select-group-label: var(--rbs-text-neutral-subtle);
  --rbs-select-checkbox-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-select-checkbox-checkmark: var(--rbs-text-brand-on-primary);
  --rbs-select-checkbox-unselected: var(--rbs-border-neutral-strong);
  --rbs-select-checkbox-disabled: var(--rbs-border-neutral-disable);
  --rbs-select-checkbox-disabled-checkmark: var(--rbs-text-neutral-disable);
  --mat-select-enabled-trigger-text-color: var(--rbs-select-trigger-text);
  --mat-select-disabled-trigger-text-color: var(--rbs-select-trigger-text-disabled);
  --mat-select-placeholder-text-color: var(--rbs-select-placeholder);
  --mat-select-enabled-arrow-color: var(--rbs-select-arrow);
  --mat-select-focused-arrow-color: var(--rbs-select-arrow-focus);
  --mat-select-invalid-arrow-color: var(--rbs-select-arrow-error);
  --mat-select-disabled-arrow-color: var(--rbs-select-arrow-disabled);
  --mat-select-panel-background-color: var(--rbs-select-panel);
  --mat-select-container-elevation-shadow: var(--mat-sys-level2);
  --mat-option-label-text-color: var(--rbs-select-option-text);
  --mat-option-hover-state-layer-color: var(--rbs-select-option-hover);
  --mat-option-focus-state-layer-color: var(--rbs-select-option-hover);
  --mat-option-selected-state-layer-color: var(--rbs-select-option-selected);
  --mat-option-selected-state-label-text-color: var(--rbs-select-option-selected-text);
  --mat-optgroup-label-text-color: var(--rbs-select-group-label);
  --mat-autocomplete-background-color: var(--rbs-select-panel);
  --mat-autocomplete-container-elevation-shadow: var(--mat-sys-level2);
  --mat-pseudo-checkbox-full-selected-icon-color: var(--rbs-select-checkbox-selected);
  --mat-pseudo-checkbox-full-selected-checkmark-color: var(--rbs-select-checkbox-checkmark);
  --mat-pseudo-checkbox-full-unselected-icon-color: var(--rbs-select-checkbox-unselected);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: var(--rbs-select-checkbox-disabled);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--rbs-select-checkbox-disabled-checkmark);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: var(--rbs-select-checkbox-disabled);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--rbs-select-option-selected-text);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--rbs-select-checkbox-disabled-checkmark);
  --rbs-datepicker-panel: var(--rbs-bg-neutral-tertiary);
  --rbs-datepicker-divider: var(--rbs-border-neutral-primary);
  --rbs-datepicker-date: var(--rbs-text-neutral-primary);
  --rbs-datepicker-header: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-label: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-period: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-navigation: var(--rbs-icon-neutral-subtle);
  --rbs-datepicker-selected: var(--rbs-text-brand-primary);
  --rbs-datepicker-selected-text: var(--rbs-text-brand-on-primary);
  --rbs-datepicker-today: var(--rbs-border-brand-primary);
  --rbs-datepicker-hover: var(--rbs-overlay-state-hover);
  --rbs-datepicker-range: var(--rbs-overlay-state-selected);
  --rbs-datepicker-preview: var(--rbs-border-brand-primary);
  --rbs-datepicker-disabled: var(--rbs-text-neutral-disable);
  --rbs-datepicker-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-datepicker-toggle: var(--rbs-icon-neutral-subtle);
  --rbs-datepicker-toggle-active: var(--rbs-icon-brand-primary);
  --rbs-datepicker-separator: var(--rbs-text-neutral-subtle);
  --rbs-datepicker-separator-disabled: var(--rbs-text-neutral-disable);
  --mat-datepicker-calendar-container-background-color: var(--rbs-datepicker-panel);
  --mat-datepicker-calendar-container-text-color: var(--rbs-datepicker-date);
  --mat-datepicker-calendar-container-shape: 8px;
  --mat-datepicker-calendar-container-touch-shape: 8px;
  --mat-datepicker-calendar-container-elevation-shadow: var(--mat-sys-level2);
  --mat-datepicker-calendar-container-touch-elevation-shadow: var(--mat-sys-level3);
  --mat-datepicker-calendar-header-divider-color: var(--rbs-datepicker-divider);
  --mat-datepicker-calendar-header-text-color: var(--rbs-datepicker-header);
  --mat-datepicker-calendar-body-label-text-color: var(--rbs-datepicker-label);
  --mat-datepicker-calendar-period-button-text-color: var(--rbs-datepicker-period);
  --mat-datepicker-calendar-period-button-icon-color: var(--rbs-datepicker-period);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--rbs-datepicker-navigation);
  --mat-datepicker-calendar-date-text-color: var(--rbs-datepicker-date);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-hover-state-background-color: var(--rbs-datepicker-hover);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--rbs-datepicker-hover);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--rbs-datepicker-selected);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--rbs-datepicker-selected-text);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--rbs-datepicker-disabled-selected);
  --mat-datepicker-calendar-date-today-outline-color: var(--rbs-datepicker-today);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--rbs-datepicker-selected-text);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--rbs-datepicker-disabled);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--rbs-datepicker-disabled);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--rbs-datepicker-range);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--rbs-datepicker-selected);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--rbs-datepicker-preview);
  --mat-datepicker-toggle-icon-color: var(--rbs-datepicker-toggle);
  --mat-datepicker-toggle-active-state-icon-color: var(--rbs-datepicker-toggle-active);
  --mat-datepicker-range-input-separator-color: var(--rbs-datepicker-separator);
  --mat-datepicker-range-input-disabled-state-separator-color: var(--rbs-datepicker-separator-disabled);
  --mat-datepicker-range-input-disabled-state-text-color: var(--rbs-datepicker-separator-disabled);
  --rbs-menu-container: var(--rbs-bg-neutral-tertiary);
  --rbs-menu-label: var(--rbs-text-neutral-primary);
  --rbs-menu-icon: var(--rbs-icon-neutral-subtle);
  --rbs-menu-state-hover: var(--rbs-overlay-state-hover);
  --rbs-menu-divider: var(--rbs-border-neutral-primary);
  --rbs-menu-danger-label: var(--rbs-text-semantic-error-on-subtle);
  --rbs-menu-danger-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-menu-selected: var(--rbs-overlay-state-selected);
  --rbs-menu-selected-label: var(--rbs-text-brand-primary);
  --mat-menu-container-color: var(--rbs-menu-container);
  --mat-menu-item-label-text-color: var(--rbs-menu-label);
  --mat-menu-item-icon-color: var(--rbs-menu-icon);
  --mat-menu-item-hover-state-layer-color: var(--rbs-menu-state-hover);
  --mat-menu-item-focus-state-layer-color: var(--rbs-menu-state-hover);
  --mat-menu-divider-color: var(--rbs-menu-divider);
  --mat-menu-container-elevation-shadow: var(--mat-sys-level2);
  --rbs-expansion-container: var(--rbs-bg-neutral-tertiary);
  --rbs-expansion-text: var(--rbs-text-neutral-primary);
  --rbs-expansion-title: var(--rbs-text-neutral-primary);
  --rbs-expansion-description: var(--rbs-text-neutral-subtle);
  --rbs-expansion-indicator: var(--rbs-icon-neutral-subtle);
  --rbs-expansion-state-hover: var(--rbs-overlay-state-hover);
  --rbs-expansion-disabled: var(--rbs-text-neutral-disable);
  --rbs-expansion-divider: var(--rbs-border-neutral-primary);
  --mat-expansion-container-background-color: var(--rbs-expansion-container);
  --mat-expansion-container-text-color: var(--rbs-expansion-text);
  --mat-expansion-header-text-color: var(--rbs-expansion-title);
  --mat-expansion-header-description-color: var(--rbs-expansion-description);
  --mat-expansion-header-indicator-color: var(--rbs-expansion-indicator);
  --mat-expansion-header-hover-state-layer-color: var(--rbs-expansion-state-hover);
  --mat-expansion-header-focus-state-layer-color: var(--rbs-expansion-state-hover);
  --mat-expansion-header-disabled-state-text-color: var(--rbs-expansion-disabled);
  --mat-expansion-actions-divider-color: var(--rbs-expansion-divider);
  --mat-expansion-container-elevation-shadow: var(--mat-sys-level2);
  --mat-expansion-container-shape: 8px;
  --rbs-card-raised-container: var(--rbs-bg-neutral-secondary);
  --rbs-card-outline: var(--rbs-border-neutral-primary);
  --rbs-card-filled-container: var(--rbs-bg-neutral-tertiary);
  --rbs-card-text: var(--rbs-text-neutral-primary);
  --rbs-card-subtitle: var(--rbs-text-neutral-subtle);
  --mat-card-elevated-container-color: var(--rbs-card-raised-container);
  --mat-card-elevated-container-elevation: inset 0 0 0 1px var(--rbs-card-outline);
  --mat-card-elevated-container-shape: 8px;
  --mat-card-outlined-container-color: transparent;
  --mat-card-outlined-outline-color: var(--rbs-card-outline);
  --mat-card-outlined-container-shape: 8px;
  --mat-card-filled-container-color: var(--rbs-card-filled-container);
  --mat-card-filled-container-shape: 8px;
  --mat-card-subtitle-text-color: var(--rbs-card-subtitle);
  --rbs-divider-color: var(--rbs-border-neutral-primary);
  --mat-divider-color: var(--rbs-divider-color);
  --mat-divider-width: 1px;
  --rbs-chip-label: var(--rbs-text-neutral-subtle);
  --rbs-chip-icon: var(--rbs-icon-neutral-subtle);
  --rbs-chip-outline: var(--rbs-border-neutral-secondary);
  --rbs-chip-label-brand: var(--rbs-text-brand-primary);
  --rbs-chip-label-tertiary: var(--rbs-text-brand-tertiary);
  --rbs-chip-state-hover: var(--rbs-overlay-state-hover);
  --rbs-chip-focus: var(--rbs-border-brand-primary);
  --rbs-chip-selected: var(--rbs-overlay-state-selected);
  --rbs-chip-selected-label: var(--rbs-text-brand-primary);
  --rbs-chip-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-chip-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-chip-action-container: var(--rbs-bg-neutral-tertiary);
  --rbs-chip-action-disabled-container: var(--rbs-bg-neutral-disable);
  --mat-chip-label-text-color: var(--rbs-chip-label);
  --mat-chip-outline-color: var(--rbs-chip-outline);
  --mat-chip-with-icon-icon-color: var(--rbs-chip-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--rbs-chip-icon);
  --mat-chip-hover-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-hover-state-layer-opacity: 1;
  --mat-chip-focus-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-focus-state-layer-opacity: 1;
  --mat-chip-focus-outline-color: var(--rbs-chip-focus);
  --mat-chip-trailing-action-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-trailing-action-hover-state-layer-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 1;
  --mat-chip-elevated-selected-container-color: var(--rbs-chip-selected);
  --mat-chip-selected-label-text-color: var(--rbs-chip-selected-label);
  --mat-chip-with-icon-selected-icon-color: var(--rbs-chip-selected-label);
  --mat-chip-selected-trailing-icon-color: var(--rbs-chip-selected-label);
  --mat-chip-selected-hover-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-selected-hover-state-layer-opacity: 1;
  --mat-chip-selected-focus-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-selected-focus-state-layer-opacity: 1;
  --mat-chip-selected-trailing-action-state-layer-color: var(--rbs-chip-state-hover);
  --mat-chip-disabled-label-text-color: var(--rbs-chip-disabled-label);
  --mat-chip-disabled-outline-color: var(--rbs-chip-disabled-outline);
  --mat-chip-with-icon-disabled-icon-color: var(--rbs-chip-disabled-label);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--rbs-chip-disabled-label);
  --mat-chip-flat-disabled-selected-container-color: var(--rbs-chip-selected);
  --mat-chip-selected-disabled-trailing-icon-color: var(--rbs-chip-disabled-label);
  --rbs-profile-button-name: var(--rbs-text-neutral-secondary);
  --rbs-profile-button-base: var(--rbs-text-neutral-subtle);
  --rbs-profile-button-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-profile-button-state-hover: var(--rbs-overlay-state-hover);
  --rbs-profile-button-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-profile-button-indicator: var(--rbs-border-brand-primary);
  --rbs-profile-button-focus: var(--rbs-border-brand-primary);
  --rbs-profile-button-menu-container: var(--rbs-bg-neutral-secondary);
  --rbs-profile-button-menu-name: var(--rbs-text-neutral-secondary);
  --rbs-profile-button-menu-email: var(--rbs-text-neutral-subtle);
  --rbs-profile-button-monogram-container: var(--rbs-text-brand-primary);
  --rbs-profile-button-monogram-label: var(--rbs-text-brand-on-primary);
  --rbs-header-container: var(--rbs-bg-neutral-secondary);
  --rbs-header-border: var(--rbs-border-neutral-secondary);
  --rbs-header-divider: var(--rbs-border-neutral-primary);
  --rbs-header-icon: var(--rbs-icon-neutral-subtle);
  --rbs-header-language-icon: var(--rbs-icon-brand-tertiary);
  --rbs-header-language-label: var(--rbs-text-neutral-subtle);
  --rbs-breadcrumb-text: var(--rbs-text-neutral-subtle);
  --rbs-breadcrumb-separator: var(--rbs-icon-neutral-disable);
  --rbs-breadcrumb-focus: var(--rbs-border-brand-primary);
  --rbs-checkbox-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-checkbox-checkmark: var(--rbs-text-brand-on-primary);
  --rbs-checkbox-unselected: var(--rbs-border-neutral-strong);
  --rbs-checkbox-unselected-hover: var(--rbs-text-neutral-primary);
  --rbs-checkbox-state-hover: var(--rbs-overlay-state-hover);
  --rbs-checkbox-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-checkbox-label: var(--rbs-text-neutral-primary);
  --rbs-checkbox-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-checkbox-disabled-checkmark: var(--rbs-text-neutral-disable);
  --rbs-checkbox-disabled-unselected: var(--rbs-border-neutral-disable);
  --rbs-checkbox-disabled-label: var(--rbs-text-neutral-disable);
  --mat-checkbox-selected-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-hover-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-focus-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-pressed-icon-color: var(--rbs-checkbox-selected);
  --mat-checkbox-selected-checkmark-color: var(--rbs-checkbox-checkmark);
  --mat-checkbox-unselected-icon-color: var(--rbs-checkbox-unselected);
  --mat-checkbox-unselected-hover-icon-color: var(--rbs-checkbox-unselected-hover);
  --mat-checkbox-unselected-focus-icon-color: var(--rbs-checkbox-unselected-hover);
  --mat-checkbox-selected-hover-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-selected-focus-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-selected-pressed-state-layer-color: var(--rbs-checkbox-state-pressed);
  --mat-checkbox-unselected-hover-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-unselected-focus-state-layer-color: var(--rbs-checkbox-state-hover);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--rbs-checkbox-state-pressed);
  --mat-checkbox-selected-hover-state-layer-opacity: 1;
  --mat-checkbox-selected-focus-state-layer-opacity: 1;
  --mat-checkbox-selected-pressed-state-layer-opacity: 1;
  --mat-checkbox-unselected-hover-state-layer-opacity: 1;
  --mat-checkbox-unselected-focus-state-layer-opacity: 1;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 1;
  --mat-checkbox-label-text-color: var(--rbs-checkbox-label);
  --mat-checkbox-disabled-selected-icon-color: var(--rbs-checkbox-disabled-selected);
  --mat-checkbox-disabled-selected-checkmark-color: var(--rbs-checkbox-disabled-checkmark);
  --mat-checkbox-disabled-unselected-icon-color: var(--rbs-checkbox-disabled-unselected);
  --mat-checkbox-disabled-label-color: var(--rbs-checkbox-disabled-label);
  --rbs-radio-selected: var(--rbs-bg-brand-bold-primary);
  --rbs-radio-unselected: var(--rbs-border-neutral-strong);
  --rbs-radio-unselected-hover: var(--rbs-text-neutral-primary);
  --rbs-radio-state: var(--rbs-bg-brand-bold-primary);
  --rbs-radio-label: var(--rbs-text-neutral-primary);
  --rbs-radio-disabled-selected: var(--rbs-bg-neutral-disable);
  --rbs-radio-disabled-unselected: var(--rbs-border-neutral-disable);
  --rbs-radio-disabled-label: var(--rbs-text-neutral-disable);
  --mat-radio-selected-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-hover-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-focus-icon-color: var(--rbs-radio-selected);
  --mat-radio-selected-pressed-icon-color: var(--rbs-radio-selected);
  --mat-radio-unselected-icon-color: var(--rbs-radio-unselected);
  --mat-radio-unselected-hover-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-unselected-focus-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-unselected-pressed-icon-color: var(--rbs-radio-unselected-hover);
  --mat-radio-ripple-color: var(--rbs-radio-state);
  --mat-radio-checked-ripple-color: var(--rbs-radio-state);
  --mat-radio-label-text-color: var(--rbs-radio-label);
  --mat-radio-disabled-selected-icon-color: var(--rbs-radio-disabled-selected);
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-disabled-unselected-icon-color: var(--rbs-radio-disabled-unselected);
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-disabled-label-color: var(--rbs-radio-disabled-label);
  --rbs-switch-selected-track: var(--rbs-bg-brand-bold-primary);
  --rbs-switch-selected-handle: var(--rbs-text-brand-on-primary);
  --rbs-switch-unselected-track: var(--rbs-bg-neutral-container-highest);
  --rbs-switch-unselected-outline: var(--rbs-border-neutral-strong);
  --rbs-switch-unselected-handle: var(--rbs-border-neutral-strong);
  --rbs-switch-unselected-handle-hover: var(--rbs-text-neutral-primary);
  --rbs-switch-state-hover: var(--rbs-overlay-state-hover);
  --rbs-switch-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-switch-label: var(--rbs-text-neutral-primary);
  --rbs-switch-disabled-track: var(--rbs-bg-neutral-disable);
  --rbs-switch-disabled-outline: var(--rbs-border-neutral-disable);
  --rbs-switch-disabled-handle: var(--rbs-text-neutral-disable);
  --rbs-switch-disabled-selected-handle: var(--rbs-bg-neutral-primary);
  --rbs-switch-disabled-label: var(--rbs-text-neutral-disable);
  --mat-slide-toggle-selected-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-hover-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-focus-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-pressed-track-color: var(--rbs-switch-selected-track);
  --mat-slide-toggle-selected-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-hover-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-focus-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-selected-pressed-handle-color: var(--rbs-switch-selected-handle);
  --mat-slide-toggle-unselected-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-hover-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-focus-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-unselected-pressed-track-color: var(--rbs-switch-unselected-track);
  --mat-slide-toggle-track-outline-color: var(--rbs-switch-unselected-outline);
  --mat-slide-toggle-unselected-handle-color: var(--rbs-switch-unselected-handle);
  --mat-slide-toggle-unselected-hover-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-unselected-focus-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--rbs-switch-unselected-handle-hover);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--rbs-switch-state-pressed);
  --mat-slide-toggle-unselected-hover-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-unselected-focus-state-layer-color: var(--rbs-switch-state-hover);
  --mat-slide-toggle-unselected-pressed-state-layer-color: var(--rbs-switch-state-pressed);
  --mat-slide-toggle-selected-hover-state-layer-opacity: 1;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 1;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 1;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 1;
  --mat-slide-toggle-label-text-color: var(--rbs-switch-label);
  --mat-slide-toggle-disabled-selected-track-color: var(--rbs-switch-disabled-track);
  --mat-slide-toggle-disabled-unselected-track-color: var(--rbs-switch-disabled-track);
  --mat-slide-toggle-disabled-unselected-track-outline-color: var(--rbs-switch-disabled-outline);
  --mat-slide-toggle-disabled-track-opacity: 1;
  --mat-slide-toggle-disabled-selected-handle-color: var(--rbs-switch-disabled-selected-handle);
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-unselected-handle-color: var(--rbs-switch-disabled-handle);
  --mat-slide-toggle-disabled-unselected-handle-opacity: 1;
  --mat-slide-toggle-disabled-label-text-color: var(--rbs-switch-disabled-label);
  --rbs-dialog-container: var(--rbs-bg-neutral-secondary);
  --rbs-dialog-header: var(--rbs-bg-neutral-tertiary);
  --rbs-dialog-title: var(--rbs-text-neutral-subtle);
  --rbs-dialog-close-icon: var(--rbs-icon-neutral-subtle);
  --rbs-dialog-text: var(--rbs-text-neutral-primary);
  --rbs-dialog-divider: var(--rbs-border-neutral-primary);
  --rbs-dialog-cancel-label: var(--rbs-text-neutral-subtle);
  --rbs-dialog-cancel-outline: var(--rbs-border-neutral-secondary);
  --rbs-dialog-action-brand-label: var(--rbs-text-brand-primary);
  --rbs-dialog-action-danger-label: var(--rbs-text-semantic-error-on-subtle);
  --rbs-dialog-shadow-strong: var(--rbs-shadow-30);
  --rbs-dialog-shadow-soft: var(--rbs-shadow-15);
  --mat-dialog-container-color: var(--rbs-dialog-container);
  --mat-dialog-container-shape: 8px;
  --mat-dialog-container-elevation-shadow: 0 1px 3px 0 var(--rbs-dialog-shadow-strong), 0 4px 8px 3px var(--rbs-dialog-shadow-soft);
  --mat-dialog-subhead-color: var(--rbs-dialog-title);
  --mat-dialog-subhead-font: var(--mat-sys-title-medium-font);
  --mat-dialog-subhead-size: var(--mat-sys-title-medium-size);
  --mat-dialog-subhead-line-height: var(--mat-sys-title-medium-line-height);
  --mat-dialog-subhead-weight: var(--mat-sys-title-medium-weight);
  --mat-dialog-subhead-tracking: var(--mat-sys-title-medium-tracking);
  --mat-dialog-supporting-text-color: var(--rbs-dialog-text);
  --mat-dialog-supporting-text-font: var(--mat-sys-body-large-font);
  --mat-dialog-supporting-text-size: var(--mat-sys-body-large-size);
  --mat-dialog-supporting-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-dialog-supporting-text-weight: var(--mat-sys-body-large-weight);
  --mat-dialog-supporting-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-dialog-content-padding: 32px;
  --mat-dialog-with-actions-content-padding: 32px;
  --mat-dialog-actions-padding: 16px 32px;
  --rbs-alert-info-container: var(--rbs-bg-semantic-info-subtle);
  --rbs-alert-info-text: var(--rbs-text-semantic-info-on-subtle);
  --rbs-alert-success-container: var(--rbs-bg-semantic-success-subtle);
  --rbs-alert-success-text: var(--rbs-text-semantic-success-on-subtle);
  --rbs-alert-warning-container: var(--rbs-bg-semantic-warning-subtle);
  --rbs-alert-warning-text: var(--rbs-text-semantic-warning-on-subtle);
  --rbs-alert-error-container: var(--rbs-bg-semantic-error-subtle);
  --rbs-alert-error-text: var(--rbs-text-semantic-error-on-subtle);
  --rbs-tooltip-container: var(--rbs-bg-inverse-secondary);
  --rbs-tooltip-text: var(--rbs-text-inverse-primary);
  --rbs-tooltip-help-icon: var(--rbs-icon-neutral-subtle);
  --mat-tooltip-container-color: var(--rbs-tooltip-container);
  --mat-tooltip-supporting-text-color: var(--rbs-tooltip-text);
  --rbs-snack-bar-container: var(--rbs-bg-inverse-secondary);
  --rbs-snack-bar-text: var(--rbs-text-inverse-primary);
  --rbs-snack-bar-action: var(--rbs-text-inverse-brand);
  --rbs-snack-bar-close: var(--rbs-icon-inverse-primary);
  --mat-snack-bar-container-color: var(--rbs-snack-bar-container);
  --mat-snack-bar-supporting-text-color: var(--rbs-snack-bar-text);
  --mat-snack-bar-button-color: var(--rbs-snack-bar-action);
  --rbs-progress-indicator: var(--rbs-border-brand-primary);
  --rbs-progress-track: var(--rbs-bg-neutral-container-highest);
  --mat-progress-bar-active-indicator-color: var(--rbs-progress-indicator);
  --mat-progress-bar-track-color: var(--rbs-progress-track);
  --mat-progress-spinner-active-indicator-color: var(--rbs-progress-indicator);
  --rbs-tabs-active-label: var(--rbs-text-brand-primary);
  --rbs-tabs-active-indicator: var(--rbs-border-brand-primary);
  --rbs-tabs-inactive-label: var(--rbs-text-neutral-subtle);
  --rbs-tabs-state: var(--rbs-bg-brand-bold-primary);
  --rbs-tabs-divider: var(--rbs-border-neutral-primary);
  --rbs-tabs-pagination-icon: var(--rbs-icon-neutral-subtle);
  --mat-tab-active-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-hover-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-focus-label-text-color: var(--rbs-tabs-active-label);
  --mat-tab-active-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-active-hover-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-active-focus-indicator-color: var(--rbs-tabs-active-indicator);
  --mat-tab-inactive-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-inactive-hover-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-inactive-focus-label-text-color: var(--rbs-tabs-inactive-label);
  --mat-tab-active-ripple-color: var(--rbs-tabs-state);
  --mat-tab-inactive-ripple-color: var(--rbs-tabs-state);
  --mat-tab-divider-color: var(--rbs-tabs-divider);
  --mat-tab-pagination-icon-color: var(--rbs-tabs-pagination-icon);
  --rbs-side-nav-item-label: var(--rbs-text-neutral-subtle);
  --rbs-side-nav-item-icon: var(--rbs-icon-neutral-subtle);
  --rbs-side-nav-item-selected-label: var(--rbs-text-brand-primary);
  --rbs-side-nav-item-selected-icon: var(--rbs-icon-brand-primary);
  --rbs-side-nav-item-selected-container: var(--rbs-overlay-state-hover);
  --rbs-side-nav-item-state-hover-base: var(--rbs-overlay-state-hover);
  --rbs-side-nav-item-state-pressed: var(--rbs-overlay-state-pressed);
  --rbs-side-nav-item-alert: var(--rbs-icon-semantic-warning-on-subtle);
  --rbs-side-nav-item-chip-container: var(--rbs-bg-neutral-secondary);
  --rbs-side-nav-item-chip-border: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-chip-label: var(--rbs-text-brand-tertiary);
  --rbs-side-nav-item-subitem-line: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-group-divider: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-focus: var(--rbs-border-brand-primary);
  --rbs-side-nav-item-nav-container: var(--rbs-bg-neutral-secondary);
  --rbs-side-nav-item-nav-border: var(--rbs-border-neutral-secondary);
  --rbs-side-nav-item-section-title: var(--rbs-text-neutral-subtle);
  --rbs-scroll-thumb: var(--rbs-border-inverse-tertiary);
  --rbs-page-title-title: var(--rbs-text-neutral-primary);
  --rbs-page-title-description: var(--rbs-text-neutral-secondary);
  --rbs-page-title-back: var(--rbs-icon-neutral-subtle);
  --rbs-page-title-divider: var(--rbs-border-neutral-primary);
  --rbs-skeleton-line: var(--rbs-overlay-loading-background);
  --rbs-skeleton-shimmer: var(--rbs-overlay-loading-light);
  --rbs-page-loader-veil: var(--rbs-overlay-loading-light);
  --rbs-product-logo-text: var(--rbs-text-neutral-secondary);
  --rbs-apps-menu-container: var(--rbs-bg-neutral-tertiary);
  --rbs-apps-menu-section-container: var(--rbs-bg-neutral-secondary);
  --rbs-apps-menu-section-border: var(--rbs-border-neutral-primary);
  --rbs-apps-menu-section-title: var(--rbs-text-neutral-subtle);
  --rbs-apps-menu-app-label: var(--rbs-text-neutral-primary);
  --rbs-apps-menu-state-hover: var(--rbs-overlay-state-hover);
  --rbs-apps-menu-home-outline: var(--rbs-border-neutral-secondary);
  --rbs-apps-menu-home-label: var(--rbs-text-brand-primary);
  --rbs-table-header-label: var(--rbs-text-neutral-primary);
  --rbs-table-cell-label: var(--rbs-text-neutral-subtle);
  --rbs-table-divider: var(--rbs-border-neutral-primary);
  --rbs-table-icon: var(--rbs-icon-neutral-subtle);
  --rbs-table-status-success-text: var(--rbs-text-semantic-success-on-subtle);
  --rbs-table-status-success-icon: var(--rbs-icon-semantic-success-on-subtle);
  --rbs-table-status-warning-text: var(--rbs-text-semantic-warning-on-subtle);
  --rbs-table-status-warning-icon: var(--rbs-icon-semantic-warning-on-subtle-with-text);
  --rbs-table-status-error-text: var(--rbs-text-semantic-error-on-subtle);
  --rbs-table-status-error-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-table-status-info-text: var(--rbs-text-semantic-info-on-subtle);
  --rbs-table-status-info-icon: var(--rbs-icon-semantic-info-on-subtle);
  --rbs-table-alert: var(--rbs-icon-semantic-warning-on-subtle);
  --rbs-table-index: var(--rbs-text-brand-primary);
  --rbs-table-drag-container: var(--rbs-bg-neutral-secondary);
  --rbs-table-data-title-container: var(--rbs-overlay-dark-tint-4);
  --rbs-table-data-outline: var(--rbs-border-neutral-primary);
  --rbs-table-row-selected: var(--rbs-overlay-state-hover);
  --rbs-table-scroll-container: var(--rbs-bg-neutral-primary);
  --mat-table-background-color: transparent;
  --mat-table-header-headline-color: var(--rbs-table-header-label);
  --mat-table-header-headline-font: var(--mat-sys-title-medium-font);
  --mat-table-header-headline-line-height: var(--mat-sys-title-medium-line-height);
  --mat-table-header-headline-size: var(--mat-sys-title-medium-size);
  --mat-table-header-headline-weight: var(--mat-sys-title-medium-weight);
  --mat-table-header-headline-tracking: var(--mat-sys-title-medium-tracking);
  --mat-table-row-item-label-text-color: var(--rbs-table-cell-label);
  --mat-table-row-item-label-text-font: var(--mat-sys-body-large-font);
  --mat-table-row-item-label-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-table-row-item-label-text-size: var(--mat-sys-body-large-size);
  --mat-table-row-item-label-text-weight: var(--mat-sys-body-large-weight);
  --mat-table-row-item-label-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-table-row-item-outline-color: var(--rbs-table-divider);
  --mat-table-header-container-height: 56px;
  --mat-table-row-item-container-height: 49px;
  --mat-sort-arrow-color: var(--rbs-table-icon);
  --rbs-copy-field-container: var(--rbs-bg-input-neutral-primary);
  --rbs-copy-field-outline: var(--rbs-border-neutral-secondary);
  --rbs-copy-field-text: var(--rbs-text-neutral-primary);
  --rbs-copy-field-icon: var(--rbs-icon-neutral-subtle);
  --rbs-paginator-text: var(--rbs-text-neutral-subtle);
  --rbs-paginator-icon: var(--rbs-icon-neutral-subtle);
  --rbs-paginator-icon-disabled: var(--rbs-icon-neutral-disable);
  --mat-paginator-container-background-color: transparent;
  --mat-paginator-container-text-color: var(--rbs-paginator-text);
  --mat-paginator-enabled-icon-color: var(--rbs-paginator-icon);
  --mat-paginator-disabled-icon-color: var(--rbs-paginator-icon-disabled);
  --rbs-crud-nav-count-selected: var(--rbs-text-brand-primary);
  --rbs-crud-nav-count-text: var(--rbs-text-neutral-primary);
  --rbs-crud-nav-filter-label: var(--rbs-text-neutral-subtle);
  --rbs-crud-nav-outline: var(--rbs-border-neutral-secondary);
  --rbs-bulk-actions-container: var(--rbs-bg-neutral-primary);
  --rbs-bulk-actions-outline: var(--rbs-border-neutral-primary);
  --rbs-bulk-actions-count: var(--rbs-text-neutral-primary);
  --rbs-bulk-actions-selected: var(--rbs-text-brand-primary);
  --rbs-list-label: var(--rbs-text-neutral-primary);
  --rbs-list-supporting-text: var(--rbs-text-neutral-subtle);
  --rbs-list-icon: var(--rbs-icon-neutral-subtle);
  --rbs-list-avatar: var(--rbs-bg-brand-subtle-secondary);
  --rbs-list-state-hover: var(--rbs-overlay-state-hover);
  --rbs-list-activated: var(--rbs-overlay-state-selected);
  --rbs-list-selected-icon: var(--rbs-icon-brand-primary);
  --rbs-list-disabled-label: var(--rbs-text-neutral-disable);
  --rbs-list-disabled-icon: var(--rbs-icon-neutral-disable);
  --mat-list-list-item-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-hover-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-focus-label-text-color: var(--rbs-list-label);
  --mat-list-list-item-supporting-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-trailing-supporting-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-leading-icon-color: var(--rbs-list-icon);
  --mat-list-list-item-trailing-icon-color: var(--rbs-list-icon);
  --mat-list-list-item-selected-trailing-icon-color: var(--rbs-list-selected-icon);
  --mat-list-list-item-leading-avatar-color: var(--rbs-list-avatar);
  --mat-list-list-item-hover-state-layer-color: var(--rbs-list-state-hover);
  --mat-list-list-item-hover-state-layer-opacity: 1;
  --mat-list-list-item-focus-state-layer-color: var(--rbs-list-state-hover);
  --mat-list-list-item-focus-state-layer-opacity: 1;
  --mat-list-active-indicator-color: var(--rbs-list-activated);
  --mat-list-list-item-disabled-label-text-color: var(--rbs-list-disabled-label);
  --mat-list-list-item-disabled-label-text-opacity: 1;
  --mat-list-list-item-disabled-leading-icon-color: var(--rbs-list-disabled-icon);
  --mat-list-list-item-disabled-leading-icon-opacity: 1;
  --mat-list-list-item-disabled-trailing-icon-color: var(--rbs-list-disabled-icon);
  --mat-list-list-item-disabled-trailing-icon-opacity: 1;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --rbs-saved-filters-check: var(--rbs-icon-brand-primary);
  --rbs-saved-filters-empty: var(--rbs-text-neutral-subtle);
  --rbs-filter-editor-condition: var(--rbs-bg-input-neutral-primary);
  --rbs-filter-editor-condition-label: var(--rbs-text-brand-tertiary);
  --rbs-filter-editor-condition-icon: var(--rbs-icon-neutral-subtle);
  --rbs-filter-editor-add-outline: var(--rbs-border-neutral-secondary);
  --rbs-condition-picker-message: var(--rbs-text-neutral-primary);
  --rbs-condition-picker-arrow: var(--rbs-icon-neutral-subtle);
  --rbs-condition-picker-range-title: var(--rbs-text-neutral-primary);
  --rbs-chip-filter-selected: var(--rbs-overlay-dark-tint-4);
  --rbs-chip-filter-selected-label: var(--rbs-text-brand-tertiary);
  --rbs-dashboard-nav-title: var(--rbs-text-neutral-primary);
  --rbs-dashboard-nav-description: var(--rbs-text-neutral-primary);
  --rbs-dashboard-nav-note: var(--rbs-text-neutral-subtle);
  --rbs-dashboard-nav-view-selected: var(--rbs-icon-brand-tertiary);
  --rbs-dashboard-nav-view-selected-container: var(--rbs-overlay-state-hover);
  --rbs-summary-card-outline: var(--rbs-border-neutral-primary);
  --rbs-summary-card-label: var(--rbs-text-neutral-subtle);
  --rbs-summary-card-percentage: var(--rbs-text-neutral-subtle);
  --rbs-summary-card-value: var(--rbs-text-neutral-primary);
  --rbs-summary-card-increase: var(--rbs-text-semantic-success-on-subtle);
  --rbs-summary-card-increase-icon: var(--rbs-icon-semantic-success-on-subtle);
  --rbs-summary-card-decrease: var(--rbs-text-semantic-error-on-subtle);
  --rbs-summary-card-decrease-icon: var(--rbs-icon-semantic-error-on-subtle);
  --rbs-table-summary-title: var(--rbs-text-neutral-primary);
  --rbs-table-summary-label: var(--rbs-text-neutral-primary);
  --rbs-table-summary-value: var(--rbs-text-neutral-primary);
  --rbs-table-summary-outline: var(--rbs-border-neutral-primary);
  --rbs-table-summary-total-container: var(--rbs-overlay-dark-tint-4);
  --rbs-header-search-key-container: var(--rbs-overlay-dark-tint-4);
  --rbs-header-search-key-border: var(--rbs-border-neutral-primary);
  --rbs-header-search-key-label: var(--rbs-text-neutral-subtle);
  --rbs-header-search-search-icon: var(--rbs-icon-brand-primary);
  --rbs-header-search-group-title: var(--rbs-text-neutral-subtle);
  --rbs-header-search-active: var(--rbs-overlay-state-selected);
  --rbs-header-search-hint: var(--rbs-text-brand-primary);
  --rbs-header-search-footer-container: var(--rbs-bg-neutral-primary);
  --rbs-header-search-footer-text: var(--rbs-text-neutral-subtle);
  --rbs-header-search-empty: var(--rbs-text-neutral-primary);
  --rbs-chart-title: var(--rbs-text-neutral-primary);
  --rbs-chart-text: var(--rbs-text-neutral-subtle);
  --rbs-chart-axis: var(--rbs-border-neutral-secondary);
  --rbs-chart-grid: var(--rbs-border-neutral-primary);
  --rbs-chart-tooltip-container: var(--rbs-bg-neutral-tertiary);
  --rbs-chart-tooltip-text: var(--rbs-text-neutral-primary);
  --rbs-chart-tooltip-outline: var(--rbs-border-neutral-primary);
  --rbs-chart-legend-label: var(--rbs-text-neutral-primary);
  --rbs-chart-legend-value: var(--rbs-text-neutral-subtle);
  --mat-focus-indicator-border-color: var(--rbs-border-brand-primary);
}
html {
  --mat-focus-indicator-border-color: var(--mat-sys-secondary, black);
  --mat-focus-indicator-display: block;
  --mat-focus-indicator-fallback-border-style: none;
}
.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
.mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
.rbs-button {
  position: relative;
}
.rbs-button-primary {
  --mat-button-filled-container-color: var(--rbs-button-primary-container);
  --mat-button-filled-label-text-color: var(--rbs-button-primary-label);
  --mat-button-filled-state-layer-color: var(--rbs-button-primary-label);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--rbs-button-primary-label) 12%, transparent);
  --mat-button-filled-disabled-container-color: var(--rbs-button-disabled-container);
  --mat-button-filled-disabled-label-text-color: var(--rbs-button-disabled-label);
}
.rbs-button-secondary {
  --mat-button-outlined-label-text-color: var(--rbs-button-secondary-label);
  --mat-button-outlined-outline-color: var(--rbs-button-secondary-outline);
  --mat-button-outlined-state-layer-color: var(--rbs-button-secondary-label);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--rbs-button-secondary-label) 12%, transparent);
  --mat-button-outlined-disabled-label-text-color: var(--rbs-button-disabled-label);
  --mat-button-outlined-disabled-outline-color: var(--rbs-button-disabled-outline);
}
.rbs-button-secondary.rbs-button-subtle {
  --mat-button-outlined-label-text-color: var(--rbs-button-subtle-label);
  --mat-button-outlined-outline-color: var(--rbs-button-subtle-outline);
  --mat-button-outlined-state-layer-color: var(--rbs-button-subtle-label);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--rbs-button-subtle-label) 12%, transparent);
}
.rbs-button-tertiary {
  --mat-button-text-label-text-color: var(--rbs-button-tertiary-label);
  --mat-button-text-state-layer-color: var(--rbs-button-tertiary-label);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--rbs-button-tertiary-label) 12%, transparent);
  --mat-button-text-disabled-label-text-color: var(--rbs-button-disabled-label);
}
.rbs-button-danger {
  --mat-button-filled-container-color: var(--rbs-button-danger-container);
  --mat-button-filled-label-text-color: var(--rbs-button-danger-label);
  --mat-button-filled-state-layer-color: var(--rbs-button-danger-label);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--rbs-button-danger-label) 12%, transparent);
  --mat-button-filled-disabled-container-color: var(--rbs-button-disabled-container);
  --mat-button-filled-disabled-label-text-color: var(--rbs-button-disabled-label);
}
.rbs-button-small {
  --mat-button-filled-container-height: var(--rbs-button-small-height);
  --mat-button-filled-horizontal-padding: var(--rbs-button-small-padding);
  --mat-button-filled-label-text-font: var(--mat-sys-label-medium-font);
  --mat-button-filled-label-text-size: var(--mat-sys-label-medium-size);
  --mat-button-filled-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-button-filled-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-button-outlined-container-height: var(--rbs-button-small-height);
  --mat-button-outlined-horizontal-padding: var(--rbs-button-small-padding);
  --mat-button-outlined-label-text-font: var(--mat-sys-label-medium-font);
  --mat-button-outlined-label-text-size: var(--mat-sys-label-medium-size);
  --mat-button-outlined-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-button-outlined-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-button-text-container-height: var(--rbs-button-small-height);
  --mat-button-text-horizontal-padding: var(--rbs-button-small-padding);
  --mat-button-text-label-text-font: var(--mat-sys-label-medium-font);
  --mat-button-text-label-text-size: var(--mat-sys-label-medium-size);
  --mat-button-text-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-button-text-label-text-tracking: var(--mat-sys-label-medium-tracking);
}
.rbs-button.rbs-button-small > .mat-icon {
  font-size: var(--rbs-button-small-icon);
  width: var(--rbs-button-small-icon);
  height: var(--rbs-button-small-icon);
}
.rbs-button-medium {
  --mat-button-filled-container-height: var(--rbs-button-medium-height);
  --mat-button-filled-horizontal-padding: var(--rbs-button-medium-padding);
  --mat-button-filled-label-text-font: var(--mat-sys-label-large-font);
  --mat-button-filled-label-text-size: var(--mat-sys-label-large-size);
  --mat-button-filled-label-text-weight: var(--mat-sys-label-large-weight);
  --mat-button-filled-label-text-tracking: var(--mat-sys-label-large-tracking);
  --mat-button-outlined-container-height: var(--rbs-button-medium-height);
  --mat-button-outlined-horizontal-padding: var(--rbs-button-medium-padding);
  --mat-button-outlined-label-text-font: var(--mat-sys-label-large-font);
  --mat-button-outlined-label-text-size: var(--mat-sys-label-large-size);
  --mat-button-outlined-label-text-weight: var(--mat-sys-label-large-weight);
  --mat-button-outlined-label-text-tracking: var(--mat-sys-label-large-tracking);
  --mat-button-text-container-height: var(--rbs-button-medium-height);
  --mat-button-text-horizontal-padding: var(--rbs-button-medium-padding);
  --mat-button-text-label-text-font: var(--mat-sys-label-large-font);
  --mat-button-text-label-text-size: var(--mat-sys-label-large-size);
  --mat-button-text-label-text-weight: var(--mat-sys-label-large-weight);
  --mat-button-text-label-text-tracking: var(--mat-sys-label-large-tracking);
}
.rbs-button.rbs-button-medium > .mat-icon {
  font-size: var(--rbs-button-medium-icon);
  width: var(--rbs-button-medium-icon);
  height: var(--rbs-button-medium-icon);
}
.rbs-button-large {
  --mat-button-filled-container-height: var(--rbs-button-large-height);
  --mat-button-filled-horizontal-padding: var(--rbs-button-large-padding);
  --mat-button-filled-label-text-font: var(--mat-sys-title-medium-font);
  --mat-button-filled-label-text-size: var(--mat-sys-title-medium-size);
  --mat-button-filled-label-text-weight: var(--mat-sys-title-medium-weight);
  --mat-button-filled-label-text-tracking: var(--mat-sys-title-medium-tracking);
  --mat-button-outlined-container-height: var(--rbs-button-large-height);
  --mat-button-outlined-horizontal-padding: var(--rbs-button-large-padding);
  --mat-button-outlined-label-text-font: var(--mat-sys-title-medium-font);
  --mat-button-outlined-label-text-size: var(--mat-sys-title-medium-size);
  --mat-button-outlined-label-text-weight: var(--mat-sys-title-medium-weight);
  --mat-button-outlined-label-text-tracking: var(--mat-sys-title-medium-tracking);
  --mat-button-text-container-height: var(--rbs-button-large-height);
  --mat-button-text-horizontal-padding: var(--rbs-button-large-padding);
  --mat-button-text-label-text-font: var(--mat-sys-title-medium-font);
  --mat-button-text-label-text-size: var(--mat-sys-title-medium-size);
  --mat-button-text-label-text-weight: var(--mat-sys-title-medium-weight);
  --mat-button-text-label-text-tracking: var(--mat-sys-title-medium-tracking);
}
.rbs-button.rbs-button-large > .mat-icon {
  font-size: var(--rbs-button-large-icon);
  width: var(--rbs-button-large-icon);
  height: var(--rbs-button-large-icon);
}
.rbs-button-loading {
  --mat-button-filled-label-text-color: transparent;
  --mat-button-outlined-label-text-color: transparent;
  --mat-button-text-label-text-color: transparent;
  cursor: progress;
}
.rbs-button-primary .rbs-button-spinner {
  --mat-progress-spinner-active-indicator-color: var(--rbs-button-primary-label);
}
.rbs-button-secondary .rbs-button-spinner {
  --mat-progress-spinner-active-indicator-color: var(--rbs-button-secondary-label);
}
.rbs-button-tertiary .rbs-button-spinner {
  --mat-progress-spinner-active-indicator-color: var(--rbs-button-tertiary-label);
}
.rbs-button-danger .rbs-button-spinner {
  --mat-progress-spinner-active-indicator-color: var(--rbs-button-danger-label);
}
.rbs-button-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
  pointer-events: none;
}
:is([matIconButton], [mat-icon-button]) mat-icon {
  font-variation-settings: "FILL" 1;
}
:is([matIconButton], [mat-icon-button])[aria-pressed=false] mat-icon {
  font-variation-settings: "FILL" 0;
}
:is([matIconButton], [mat-icon-button]):is([disabled], [aria-disabled=true]) {
  --mat-icon-button-hover-state-layer-opacity: 0;
  --mat-icon-button-focus-state-layer-opacity: 0;
  --mat-icon-button-pressed-state-layer-opacity: 0;
}
.rbs-split-button {
  display: inline-flex;
  gap: 2px;
  vertical-align: middle;
}
.rbs-split-button .rbs-split-button-trailing {
  min-width: 0;
  transition: border-radius 150ms;
}
.rbs-split-button-chevron {
  transition: transform 150ms;
}
.rbs-split-button-small .rbs-split-button-leading {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  padding-inline-end: 12px;
}
.rbs-split-button-small .rbs-split-button-trailing {
  --mat-button-filled-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-outlined-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-text-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  padding-inline: 10px;
}
.rbs-split-button-small:dir(rtl) .rbs-split-button-leading {
  --mat-button-filled-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-outlined-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-text-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
}
.rbs-split-button-small:dir(rtl) .rbs-split-button-trailing {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
}
.rbs-split-button-small .rbs-button.rbs-split-button-trailing > .rbs-split-button-chevron {
  margin: 0;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.rbs-split-button-medium .rbs-split-button-leading {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  padding-inline-end: 16px;
}
.rbs-split-button-medium .rbs-split-button-trailing {
  --mat-button-filled-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-outlined-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-text-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  padding-inline: 12px;
}
.rbs-split-button-medium:dir(rtl) .rbs-split-button-leading {
  --mat-button-filled-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-outlined-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
  --mat-button-text-container-shape: 4px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 4px;
}
.rbs-split-button-medium:dir(rtl) .rbs-split-button-trailing {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full) 4px 4px var(--mat-sys-corner-full);
}
.rbs-split-button-medium .rbs-button.rbs-split-button-trailing > .rbs-split-button-chevron {
  margin: 0;
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.rbs-split-button-large .rbs-split-button-leading {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full) 8px 8px var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full) 8px 8px var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full) 8px 8px var(--mat-sys-corner-full);
  padding-inline-end: 20px;
}
.rbs-split-button-large .rbs-split-button-trailing {
  --mat-button-filled-container-shape: 8px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 8px;
  --mat-button-outlined-container-shape: 8px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 8px;
  --mat-button-text-container-shape: 8px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 8px;
  padding-inline: 16px;
}
.rbs-split-button-large:dir(rtl) .rbs-split-button-leading {
  --mat-button-filled-container-shape: 8px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 8px;
  --mat-button-outlined-container-shape: 8px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 8px;
  --mat-button-text-container-shape: 8px var(--mat-sys-corner-full) var(--mat-sys-corner-full) 8px;
}
.rbs-split-button-large:dir(rtl) .rbs-split-button-trailing {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full) 8px 8px var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full) 8px 8px var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full) 8px 8px var(--mat-sys-corner-full);
}
.rbs-split-button-large .rbs-button.rbs-split-button-trailing > .rbs-split-button-chevron {
  margin: 0;
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.rbs-split-button-open .rbs-split-button-trailing {
  --mat-button-filled-container-shape: var(--mat-sys-corner-full);
  --mat-button-outlined-container-shape: var(--mat-sys-corner-full);
  --mat-button-text-container-shape: var(--mat-sys-corner-full);
}
.rbs-split-button-open .rbs-split-button-chevron {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .rbs-split-button .rbs-split-button-trailing,
  .rbs-split-button-chevron {
    transition: none;
  }
}
.mat-mdc-form-field :is([matSuffix], [matIconSuffix]):last-child {
  margin-inline-end: 8px;
}
.rbs-dialog-backdrop {
  background: color-mix(in srgb, var(--rbs-overlay-scrim) 32%, transparent);
}
.rbs-dialog-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  height: 56px;
  padding: 4px 16px 4px 32px;
  background: var(--rbs-dialog-header);
}
.rbs-dialog-header [mat-dialog-title],
.rbs-dialog-header [matDialogTitle] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-dialog-header [mat-dialog-title]::before,
.rbs-dialog-header [matDialogTitle]::before {
  display: none;
}
.rbs-dialog-header {
  --mat-icon-button-icon-color: var(--rbs-dialog-close-icon);
  --mat-icon-button-state-layer-color: color-mix(in srgb, var(--rbs-dialog-close-icon) 8%, transparent);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--rbs-dialog-close-icon) 12%, transparent);
}
.rbs-dialog-panel :is(mat-dialog-content, [mat-dialog-content], [matDialogContent]) {
  text-align: center;
}
.rbs-dialog-panel :is(mat-dialog-content, [mat-dialog-content], [matDialogContent]).rbs-dialog-content-start {
  text-align: start;
}
.rbs-dialog-panel :is(mat-dialog-content, [mat-dialog-content], [matDialogContent]).rbs-dialog-content-loading {
  --mat-dialog-content-padding: 16px;
  --mat-dialog-with-actions-content-padding: 16px;
}
.rbs-dialog-panel :is(mat-dialog-content, [mat-dialog-content], [matDialogContent]).rbs-dialog-content-flush {
  --mat-dialog-content-padding: 0;
  --mat-dialog-with-actions-content-padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.rbs-dialog-panel :is(mat-dialog-content, [mat-dialog-content], [matDialogContent]).rbs-dialog-content-flush table[mat-table] :is(th, td):first-child {
  padding-inline-start: 32px;
}
.rbs-dialog-panel :is(mat-dialog-actions, [mat-dialog-actions], [matDialogActions]) {
  border-top-color: var(--rbs-dialog-divider);
}
.rbs-dialog-panel :is(mat-dialog-actions, [mat-dialog-actions], [matDialogActions]) .rbs-button-secondary {
  --mat-button-outlined-label-text-color: var(--rbs-dialog-cancel-label);
  --mat-button-outlined-outline-color: var(--rbs-dialog-cancel-outline);
  --mat-button-outlined-state-layer-color: var(--rbs-dialog-cancel-label);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--rbs-dialog-cancel-label) 12%, transparent);
}
.rbs-dialog-panel :is(mat-dialog-actions, [mat-dialog-actions], [matDialogActions]) .rbs-button-secondary.rbs-dialog-action-brand {
  --mat-button-outlined-label-text-color: var(--rbs-dialog-action-brand-label);
  --mat-button-outlined-state-layer-color: var(--rbs-dialog-action-brand-label);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--rbs-dialog-action-brand-label) 12%, transparent);
}
.rbs-dialog-panel :is(mat-dialog-actions, [mat-dialog-actions], [matDialogActions]) .rbs-button-secondary.rbs-dialog-action-danger {
  --mat-button-outlined-label-text-color: var(--rbs-dialog-action-danger-label);
  --mat-button-outlined-state-layer-color: var(--rbs-dialog-action-danger-label);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--rbs-dialog-action-danger-label) 12%, transparent);
}
.rbs-dialog-panel :is(mat-dialog-actions, [mat-dialog-actions], [matDialogActions]) .rbs-dialog-action-start {
  margin-inline-end: auto;
}
.rbs-dialog-critical-action-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rbs-dialog-critical-action-body p {
  margin: 0;
}
.rbs-dialog-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 16px;
  font-size: 40px;
}
.rbs-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  padding: 16px;
  border-radius: var(--mat-sys-corner-small);
  background: var(--rbs-alert-container);
  color: var(--rbs-alert-text);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-alert-info {
  --rbs-alert-container: var(--rbs-alert-info-container);
  --rbs-alert-text: var(--rbs-alert-info-text);
}
.rbs-alert-success {
  --rbs-alert-container: var(--rbs-alert-success-container);
  --rbs-alert-text: var(--rbs-alert-success-text);
}
.rbs-alert-warning {
  --rbs-alert-container: var(--rbs-alert-warning-container);
  --rbs-alert-text: var(--rbs-alert-warning-text);
}
.rbs-alert-error {
  --rbs-alert-container: var(--rbs-alert-error-container);
  --rbs-alert-text: var(--rbs-alert-error-text);
}
.rbs-alert-body {
  flex: 1 1 auto;
  min-width: 0;
}
.rbs-alert-title {
  font-weight: var(--mat-sys-title-small-weight);
}
.rbs-alert-content > :first-child {
  margin-top: 0;
}
.rbs-alert-content > :last-child {
  margin-bottom: 0;
}
.rbs-alert-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.rbs-alert-actions:empty {
  display: none;
}
.rbs-alert-dismiss {
  flex-shrink: 0;
  align-self: flex-start;
  margin: -10px -8px -10px 0;
  --mat-icon-button-icon-color: var(--rbs-alert-text);
  --mat-icon-button-state-layer-color: color-mix(in srgb, var(--rbs-alert-text) 8%, transparent);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--rbs-alert-text) 12%, transparent);
  --mat-icon-button-state-layer-size: 40px;
}
html .mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before,
html .mat-mdc-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before {
  opacity: 0.08;
}
.rbs-help-icon.mat-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  color: var(--rbs-tooltip-help-icon);
  cursor: help;
  border-radius: 50%;
  font-variation-settings: "FILL" 1;
}
.rbs-help-icon.mat-icon:focus-visible {
  outline: 2px solid var(--mat-focus-indicator-border-color);
  outline-offset: 2px;
}
.rbs-tooltip-lines {
  white-space: pre-line;
}
.rbs-tooltip-lines .mat-mdc-tooltip-surface {
  text-align: start;
}
.rbs-snack-bar .mat-mdc-snackbar-surface {
  box-shadow: var(--mat-sys-level3);
}
.rbs-snack-bar-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.rbs-snack-bar-top {
  display: flex;
  align-items: flex-start;
}
.rbs-snack-bar-content [matSnackBarLabel] {
  padding-block: 12px;
  align-self: center;
}
.rbs-snack-bar-content .mat-mdc-snack-bar-actions {
  justify-content: flex-end;
  padding-bottom: 4px;
}
.rbs-snack-bar-close {
  flex-shrink: 0;
  margin-block: 4px;
  margin-inline-end: -4px;
  --mat-icon-button-icon-color: var(--rbs-snack-bar-close);
  --mat-icon-button-state-layer-color: color-mix(in srgb, var(--rbs-snack-bar-close) 8%, transparent);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--rbs-snack-bar-close) 12%, transparent);
}
html .mat-mdc-tab:hover .mdc-tab__ripple::before,
html .mat-mdc-tab.cdk-program-focused .mdc-tab__ripple::before,
html .mat-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before,
html .mat-mdc-tab-link:hover .mdc-tab__ripple::before,
html .mat-mdc-tab-link.cdk-program-focused .mdc-tab__ripple::before,
html .mat-mdc-tab-link.cdk-keyboard-focused .mdc-tab__ripple::before {
  opacity: 0.08;
}
.rbs-side-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--rbs-side-nav-width, 280px);
  min-height: 48px;
  margin: 0;
  padding: 12px 16px 12px 20px;
  border: 0;
  background: transparent;
  color: var(--rbs-side-nav-item-label);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.rbs-side-nav-item::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: transparent;
}
.rbs-side-nav-item:hover::before {
  background: color-mix(in srgb, var(--rbs-side-nav-item-state-hover-base) 50%, transparent);
}
.rbs-side-nav-item:active::before {
  background: var(--rbs-side-nav-item-state-pressed);
}
.rbs-side-nav-item:focus-visible {
  outline: 2px solid var(--rbs-side-nav-item-focus);
  outline-offset: -2px;
}
.rbs-side-nav-item-icon,
.rbs-side-nav-item-arrow,
.rbs-side-nav-item-alert {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.rbs-side-nav-item-icon,
.rbs-side-nav-item-arrow {
  color: var(--rbs-side-nav-item-icon);
}
.rbs-side-nav-item-alert {
  color: var(--rbs-side-nav-item-alert);
  font-variation-settings: "FILL" 1;
}
.rbs-side-nav-item-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-side-nav-item-chip {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 32px;
  margin-block: -4px;
  padding: 6px 12px;
  border: 1px solid var(--rbs-side-nav-item-chip-border);
  border-radius: 8px;
  background: var(--rbs-side-nav-item-chip-container);
  color: var(--rbs-side-nav-item-chip-label);
  font: var(--mat-sys-label-large);
  letter-spacing: var(--mat-sys-label-large-tracking);
}
.rbs-side-nav-item-selected {
  background: var(--rbs-side-nav-item-selected-container);
  color: var(--rbs-side-nav-item-selected-label);
}
.rbs-side-nav-item-selected .rbs-side-nav-item-icon,
.rbs-side-nav-item-selected .rbs-side-nav-item-arrow {
  color: var(--rbs-side-nav-item-selected-icon);
}
.rbs-side-nav-item-selected .rbs-side-nav-item-icon {
  font-variation-settings: "FILL" 1;
}
.rbs-side-nav-item-subitem {
  border-inline-start: 1px solid var(--rbs-side-nav-item-subitem-line);
}
.rbs-side-nav-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 320px;
}
.rbs-side-nav-group-items {
  display: grid;
  grid-template-rows: 1fr;
  padding-inline-start: 32px;
  transition: grid-template-rows 200ms cubic-bezier(0.2, 0, 0, 1), visibility 0s;
}
.rbs-side-nav-group-items-closed {
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows 200ms cubic-bezier(0.2, 0, 0, 1), visibility 0s 200ms;
}
.rbs-side-nav-group-items-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.rbs-side-nav-group .rbs-side-nav-item {
  max-width: none;
}
.rbs-side-nav-group-collapsed {
  width: 64px;
}
.rbs-side-nav-group-divider {
  margin-top: 4px;
  border-top: 0.5px solid var(--rbs-side-nav-item-group-divider);
}
.rbs-side-nav {
  position: relative;
  display: block;
  flex-shrink: 0;
  box-sizing: border-box;
  width: var(--rbs-side-nav-width, 240px);
  height: 100%;
  transition: width 200ms cubic-bezier(0.2, 0, 0, 1);
}
.rbs-side-nav-collapsed {
  width: 64px;
}
.rbs-side-nav-panel {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-inline-end: 0.5px solid var(--rbs-side-nav-item-nav-border);
  background: var(--rbs-side-nav-item-nav-container);
  transition: width 200ms cubic-bezier(0.2, 0, 0, 1);
}
.rbs-side-nav-peeking .rbs-side-nav-panel {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--rbs-side-nav-width, 240px);
}
.rbs-side-nav-instant,
.rbs-side-nav-instant .rbs-side-nav-panel {
  transition: none;
}
.rbs-side-nav-opening .rbs-side-nav-item-label,
.rbs-side-nav-opening .rbs-side-nav-item-alert,
.rbs-side-nav-opening .rbs-side-nav-item-chip,
.rbs-side-nav-opening .rbs-side-nav-item-arrow,
.rbs-side-nav-opening .rbs-side-nav-section-title-text {
  animation: rbs-side-nav-fade-in 200ms cubic-bezier(0.2, 0, 0, 1);
}
@keyframes rbs-side-nav-fade-in {
  0%, 30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rbs-side-nav,
  .rbs-side-nav * {
    transition: none !important;
    animation: none !important;
  }
}
.rbs-side-nav-logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
  height: 48px;
  padding: 8px 12px 8px 16px;
  overflow: hidden;
}
.rbs-side-nav-logo-full {
  display: flex;
  align-items: center;
  min-width: 0;
}
.rbs-side-nav-logo-icon {
  display: none;
}
.rbs-side-nav-icons-only .rbs-side-nav-logo-icon:not(:empty) {
  display: contents;
}
.rbs-side-nav-icons-only .rbs-side-nav-logo-full:has(+ .rbs-side-nav-logo-icon:not(:empty)) {
  display: none;
}
.rbs-side-nav-icons-only .rbs-side-nav-footer {
  justify-content: center;
}
.rbs-side-nav-icons-only .rbs-side-nav-scroll {
  scrollbar-width: none;
}
.rbs-side-nav-icons-only .rbs-side-nav-scroll::-webkit-scrollbar {
  display: none;
}
.rbs-side-nav-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.rbs-side-nav-scroll .rbs-side-nav-item,
.rbs-side-nav-scroll .rbs-side-nav-group {
  max-width: none;
}
.rbs-side-nav-footer {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: 8px;
}
.rbs-side-nav-section-title {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 12px 16px 4px;
  overflow: hidden;
  color: var(--rbs-side-nav-item-section-title);
  transition:
    height 200ms cubic-bezier(0.2, 0, 0, 1),
    padding 200ms cubic-bezier(0.2, 0, 0, 1),
    opacity 200ms cubic-bezier(0.2, 0, 0, 1);
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
.rbs-side-nav-section-title-menu {
  height: 48px;
  padding-block: 0;
  padding-inline: 16px;
}
.rbs-side-nav-section-title-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-side-nav-section-title-hidden {
  height: 0;
  padding-block: 0;
  opacity: 0;
}
.rbs-side-nav-section-title-hidden ~ .rbs-side-nav-section-title-hidden {
  margin-block: 4px;
  border-top: 0.5px solid var(--rbs-side-nav-item-group-divider);
  opacity: 1;
}
.rbs-side-nav-section-title-hidden ~ .rbs-side-nav-section-title-hidden > .rbs-side-nav-section-title-text {
  opacity: 0;
}
.rbs-side-nav-item-collapsed {
  width: 64px;
  padding-inline: 20px;
  overflow: hidden;
}
.rbs-side-nav-item-collapsed .rbs-side-nav-item-label,
.rbs-side-nav-item-collapsed .rbs-side-nav-item-alert,
.rbs-side-nav-item-collapsed .rbs-side-nav-item-chip {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.rbs-side-nav-item-collapsed .rbs-side-nav-item-arrow {
  display: none;
}
.rbs-scroll {
  overflow: auto;
}
.rbs-scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background: transparent;
}
.rbs-scroll::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 100px;
  background-color: var(--rbs-scroll-thumb);
  background-clip: padding-box;
}
.rbs-scroll::-webkit-scrollbar-track,
.rbs-scroll::-webkit-scrollbar-corner {
  background: transparent;
}
.rbs-scroll::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
@supports not selector(::-webkit-scrollbar) {
  .rbs-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--rbs-scroll-thumb) transparent;
  }
}
.rbs-page-title {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 16px 32px;
}
.rbs-page-title-with-back {
  min-height: 80px;
  padding-inline-start: 16px;
}
.rbs-page-title-with-divider {
  border-bottom: 1px solid var(--rbs-page-title-divider);
}
.rbs-page-title-row {
  display: flex;
  align-items: center;
  gap: 32px;
  min-height: 40px;
}
.rbs-page-title-start {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.rbs-page-title-back {
  flex-shrink: 0;
  margin: 4px;
  color: var(--rbs-page-title-back);
}
.rbs-page-title-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  min-width: 0;
}
.rbs-page-title-text {
  margin: 0;
  color: var(--rbs-page-title-title);
  font: 400 20px/28px var(--mat-sys-body-large-font);
  overflow-wrap: anywhere;
}
.rbs-page-title-actions {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 40px;
  overflow: hidden;
}
.rbs-page-title-actions-list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.rbs-page-title-actions-list > [rbsPageTitleActions] {
  display: contents;
}
.rbs-page-title-actions-list .rbs-page-title-action-hidden {
  display: none;
}
.rbs-page-title-more {
  flex-shrink: 0;
}
.rbs-page-title-description {
  max-width: 800px;
  color: var(--rbs-page-title-description);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-page-title-description p {
  margin: 0;
}
.rbs-page-title-description:empty {
  display: none;
}
.rbs-page-title-with-back .rbs-page-title-description {
  max-width: 864px;
  padding-inline-start: 64px;
  box-sizing: border-box;
}
.rbs-page-buttons {
  display: block;
}
.rbs-page-buttons-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 16px 32px;
}
.rbs-page-buttons-end {
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.rbs-skeleton {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.rbs-skeleton-line {
  position: relative;
  display: block;
  height: 16px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--rbs-skeleton-line);
}
.rbs-skeleton-line::after {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 40%;
  background: var(--rbs-skeleton-shimmer);
  filter: blur(10px);
  transform: translateX(-100%);
  animation: rbs-skeleton-shimmer 1.5s linear infinite;
}
@keyframes rbs-skeleton-shimmer {
  to {
    transform: translateX(250%);
  }
}
.rbs-skeleton-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.mat-mdc-option.mdc-list-item--disabled:has(.rbs-skeleton) .mdc-list-item__primary-text {
  flex: 1 1 auto;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .rbs-skeleton-line::after {
    display: none;
  }
}
.rbs-page-loader {
  display: none;
}
.rbs-page-loader.rbs-page-loader-shown {
  position: fixed;
  z-index: 900;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--rbs-page-loader-veil);
  animation: rbs-page-loader-in 150ms ease-out;
}
.rbs-page-loader-image {
  width: 40px;
  height: 40px;
}
.rbs-page-loader-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@keyframes rbs-page-loader-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rbs-page-loader.rbs-page-loader-shown {
    animation: none;
  }
}
.rbs-menu-item-danger {
  --mat-menu-item-label-text-color: var(--rbs-menu-danger-label);
  --mat-menu-item-icon-color: var(--rbs-menu-danger-icon);
}
.rbs-menu-item-selected[mat-menu-item] {
  --mat-menu-item-label-text-color: var(--rbs-menu-selected-label);
  --mat-menu-item-icon-color: var(--rbs-menu-selected-label);
  background: var(--rbs-menu-selected);
}
.rbs-menu-dense [mat-menu-item] {
  min-height: 32px;
}
mat-card {
  color: var(--rbs-card-text);
}
:is(mat-list, mat-nav-list, mat-selection-list) > mat-divider[inset][aria-orientation=horizontal] {
  margin-inline: 56px 0;
}
:is(mat-list, mat-nav-list, mat-selection-list) > :has([matListItemAvatar]) + mat-divider[inset][aria-orientation=horizontal] {
  margin-inline-start: 72px;
}
[role=listbox]:not([aria-multiselectable=true]) mat-option[aria-selected=true] {
  --mat-option-label-text-color: var(--rbs-select-option-selected-text);
  --mat-option-hover-state-layer-color: var(--rbs-select-option-selected);
  --mat-option-focus-state-layer-color: var(--rbs-select-option-selected);
  --mat-focus-indicator-display: none;
}
button[mat-chip],
a[mat-chip] {
  --mat-chip-outline-width: 0;
  --mat-chip-elevated-container-color: var(--rbs-chip-action-container);
  --mat-chip-elevated-disabled-container-color: var(--rbs-chip-action-disabled-container);
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--mat-sys-level1);
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);
  appearance: none;
}
button[mat-chip]:hover,
a[mat-chip]:hover {
  box-shadow: var(--mat-sys-level2);
}
button[mat-chip]:disabled,
a[mat-chip]:disabled {
  box-shadow: none;
  cursor: default;
}
button.rbs-chip-menu[mat-chip] {
  --mat-chip-outline-width: 1px;
  --mat-chip-elevated-container-color: transparent;
  box-shadow: none;
}
button.rbs-chip-menu[mat-chip]:hover {
  box-shadow: none;
}
button.rbs-chip-menu[mat-chip] [matChipTrailingIcon] {
  transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
}
button.rbs-chip-menu[mat-chip][aria-expanded=true] [matChipTrailingIcon] {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
  button[mat-chip],
  a[mat-chip],
  .rbs-chip-menu [matChipTrailingIcon] {
    transition: none;
  }
}
:is(mat-chip, [mat-chip], mat-chip-option, mat-chip-row):has(mat-icon[matChipAvatar]) {
  --mat-chip-with-avatar-avatar-size: 22px;
  --mat-chip-with-icon-icon-size: 18px;
}
mat-icon[matChipAvatar] {
  margin-inline-start: 4px;
}
.rbs-chip-brand {
  --mat-chip-label-text-color: var(--rbs-chip-label-brand);
}
.rbs-chip-tertiary {
  --mat-chip-label-text-color: var(--rbs-chip-label-tertiary);
}
.rbs-profile-button {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--rbs-profile-button-name);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
  text-align: start;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.rbs-profile-button:hover {
  background: var(--rbs-profile-button-state-hover);
}
.rbs-profile-button:active {
  background: var(--rbs-profile-button-state-pressed);
}
.rbs-profile-button:focus-visible {
  outline: 2px solid var(--rbs-profile-button-focus);
  outline-offset: -2px;
}
.rbs-profile-button-content {
  display: flex;
  flex: 1 1 auto;
  gap: 12px;
  align-items: center;
  padding: 4px 16px;
}
.rbs-profile-button-photo {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}
.rbs-profile-button-monogram {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--rbs-profile-button-monogram-container);
  color: var(--rbs-profile-button-monogram-label);
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
.rbs-profile-button-text {
  display: flex;
  flex-direction: column;
  margin-inline-end: -4px;
  white-space: nowrap;
}
.rbs-profile-button-name,
.rbs-profile-button-base {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbs-profile-button-base {
  color: var(--rbs-profile-button-base);
}
.rbs-profile-button-arrow {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--rbs-profile-button-arrow);
  font-size: 18px;
  transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
}
.rbs-profile-button-indicator {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 0;
  height: 2px;
  background: var(--rbs-profile-button-indicator);
  transition: width 200ms cubic-bezier(0.2, 0, 0, 1);
}
.rbs-profile-button[aria-expanded=true] .rbs-profile-button-arrow {
  transform: rotate(180deg);
}
.rbs-profile-button[aria-expanded=true] .rbs-profile-button-indicator {
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .rbs-profile-button-arrow,
  .rbs-profile-button-indicator {
    transition: none;
  }
}
.rbs-profile-menu {
  --mat-menu-container-color: var(--rbs-profile-button-menu-container);
  --mat-menu-container-elevation-shadow: var(--mat-sys-level3);
  --mat-menu-item-label-text-font: var(--mat-sys-body-large-font);
  --mat-menu-item-label-text-size: var(--mat-sys-body-large-size);
  --mat-menu-item-label-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-menu-item-label-text-tracking: var(--mat-sys-body-large-tracking);
  --mat-menu-item-label-text-weight: var(--mat-sys-body-large-weight);
  width: 240px;
}
.rbs-profile-menu [mat-menu-item] {
  min-height: 56px;
}
.rbs-profile-menu-header {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 56px;
  padding: 16px 12px;
  overflow-wrap: anywhere;
}
.rbs-profile-menu-name {
  color: var(--rbs-profile-button-menu-name);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
}
.rbs-profile-menu-email {
  color: var(--rbs-profile-button-menu-email);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-header {
  display: flex;
  gap: 8px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
  height: 48px;
  padding-inline-start: 12px;
  border-bottom: 0.5px solid var(--rbs-header-border);
  background: var(--rbs-header-container);
}
.rbs-header-start > mat-chip-set {
  flex-shrink: 0;
}
.rbs-header-start {
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  margin: -4px;
  padding: 4px;
  overflow: hidden;
}
.rbs-header-end {
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  align-items: center;
  align-self: stretch;
}
.rbs-header-actions {
  display: flex;
  align-items: center;
  --mat-icon-button-icon-color: var(--rbs-header-icon);
}
.rbs-header-actions [matIconButton] {
  margin: 0 4px;
}
.rbs-header-end > .rbs-profile-button {
  height: auto;
  align-self: stretch;
}
.rbs-header-end-item {
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.rbs-header-divider {
  align-self: stretch;
  width: 1px;
  margin-block: 8px;
  background: var(--rbs-header-divider);
}
.rbs-language-chip[mat-chip] {
  --mat-chip-label-text-color: var(--rbs-header-language-label);
  --mat-chip-label-text-font: var(--mat-sys-body-medium-font);
  --mat-chip-label-text-size: var(--mat-sys-body-medium-size);
  --mat-chip-label-text-line-height: var(--mat-sys-body-medium-line-height);
  --mat-chip-label-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-chip-label-text-weight: var(--mat-sys-label-large-weight);
  --mat-chip-with-icon-icon-color: var(--rbs-header-language-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--rbs-header-icon);
  margin-inline-end: 8px;
}
.rbs-language-chip[mat-chip] [matChipAvatar] {
  color: var(--rbs-header-language-icon);
}
.rbs-language-menu {
  width: 200px;
}
.rbs-breadcrumb {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.rbs-breadcrumb::-webkit-scrollbar {
  display: none;
}
.rbs-breadcrumb-dragging {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}
.rbs-breadcrumb-list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rbs-breadcrumb-item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  color: var(--rbs-breadcrumb-text);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-breadcrumb-separator {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--rbs-breadcrumb-separator);
  font-size: 24px;
}
.rbs-breadcrumb-title {
  display: block;
  max-width: 240px;
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-breadcrumb-link {
  color: inherit;
  text-decoration: none;
  border-radius: 2px;
  outline: none;
}
.rbs-breadcrumb-link:hover {
  text-decoration: underline;
}
.rbs-breadcrumb-link:focus-visible {
  outline: 2px solid var(--rbs-breadcrumb-focus);
  outline-offset: -2px;
}
button.rbs-breadcrumb-chip[mat-chip] {
  --mat-chip-outline-width: 0;
}
.rbs-breadcrumb-chip-label {
  display: block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-product-logo {
  display: inline-flex;
  flex-shrink: 0;
}
.rbs-product-logo svg {
  display: block;
  max-width: 100%;
  height: auto;
}
.rbs-product-logo [fill="#505353"] {
  fill: var(--rbs-product-logo-text);
}
.rbs-apps-menu[role=menu] {
  --mat-menu-container-color: var(--rbs-apps-menu-container);
  --mat-menu-container-shape: 8px;
  --mat-menu-container-elevation-shadow: var(--mat-sys-level2);
  --mat-menu-item-hover-state-layer-color: var(--rbs-apps-menu-state-hover);
  --mat-menu-item-focus-state-layer-color: var(--rbs-apps-menu-state-hover);
  box-sizing: border-box;
  width: 380px;
  max-width: calc(100vw - 32px);
  max-height: min(600px, 100vh - 96px);
  padding: 8px 4px 8px 16px;
  scrollbar-gutter: stable;
}
.rbs-apps-menu[role=menu]::-webkit-scrollbar-track {
  margin-block: 16px;
}
.rbs-apps-menu .rbs-apps-menu-home[mat-menu-item] {
  --mat-menu-item-label-text-color: var(--rbs-apps-menu-home-label);
  --mat-focus-indicator-border-radius: 100px;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--rbs-apps-menu-home-outline);
  border-radius: 100px;
  text-align: center;
}
.rbs-apps-menu-home-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-inline-end: 8px;
  vertical-align: middle;
}
.rbs-apps-menu-home-icon svg {
  width: 100%;
  height: 100%;
}
.rbs-apps-menu-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
  margin-top: 16px;
  padding: 15px;
  border: 1px solid var(--rbs-apps-menu-section-border);
  border-radius: 8px;
  background: var(--rbs-apps-menu-section-container);
}
.rbs-apps-menu-section-title {
  color: var(--rbs-apps-menu-section-title);
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
.rbs-apps-menu-grid {
  display: grid;
  grid-template-columns: repeat(6, 46px);
  grid-auto-rows: 100px;
  gap: 8px;
}
.rbs-apps-menu-grid > * {
  grid-column: span 2;
}
.rbs-apps-menu-grid > :nth-child(3n+1):nth-last-child(2) {
  grid-column: 2/span 2;
}
.rbs-apps-menu-grid > :nth-child(3n+1):last-child {
  grid-column: 3/span 2;
}
.rbs-apps-menu .rbs-app-button[mat-menu-item] {
  --mat-menu-item-label-text-color: var(--rbs-apps-menu-app-label);
  --mat-menu-item-label-text-font: var(--mat-sys-body-medium-font);
  --mat-menu-item-label-text-size: var(--mat-sys-body-medium-size);
  --mat-menu-item-label-text-line-height: var(--mat-sys-body-medium-line-height);
  --mat-menu-item-label-text-tracking: var(--mat-sys-body-medium-tracking);
  --mat-menu-item-label-text-weight: var(--mat-sys-body-medium-weight);
  --mat-focus-indicator-border-radius: 8px;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  align-self: start;
  width: 100px;
  height: 89px;
  min-height: 0;
  padding: 16px 8px 0;
  border-radius: 8px;
  text-align: center;
}
.rbs-apps-menu .rbs-app-button[mat-menu-item]:hover,
.rbs-apps-menu .rbs-app-button[mat-menu-item]:focus-visible {
  z-index: 1;
  height: auto;
  max-height: 130px;
  padding-bottom: 8px;
}
.rbs-apps-menu .rbs-app-button[mat-menu-item]:hover .rbs-app-button-label,
.rbs-apps-menu .rbs-app-button[mat-menu-item]:focus-visible .rbs-app-button-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.rbs-app-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
  padding: 4px;
  object-fit: contain;
}
.rbs-apps-menu .rbs-app-button-icon svg {
  width: 100%;
  height: 100%;
}
.rbs-app-button-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.rbs-data-table {
  border: 1px solid var(--rbs-table-data-outline);
  border-radius: var(--mat-sys-corner-small);
}
table.rbs-data-table th[mat-header-cell] {
  background-color: var(--rbs-table-data-title-container);
}
table.rbs-data-table th[mat-header-cell]:first-child {
  border-start-start-radius: var(--mat-sys-corner-small);
}
table.rbs-data-table th[mat-header-cell]:last-child {
  border-start-end-radius: var(--mat-sys-corner-small);
}
table.rbs-data-table tr[mat-row]:last-child td[mat-cell] {
  border-bottom-width: 0;
}
tr[mat-row]:is(.rbs-table-row-selected, :has(> td:is(.rbs-table-select, .rbs-table-with-checkbox) input[type=checkbox]:checked)) > td[mat-cell] {
  background-image: linear-gradient(var(--rbs-table-row-selected), var(--rbs-table-row-selected));
}
.rbs-table-scroll {
  container-type: inline-size;
  overflow: auto;
  scrollbar-gutter: stable;
  background-image: linear-gradient(var(--rbs-table-divider), var(--rbs-table-divider));
  background-position: 0 55px;
  background-size: 100% 1px;
  background-repeat: no-repeat;
}
.rbs-table-scroll::-webkit-scrollbar-track:vertical {
  margin-top: 56px;
}
.rbs-table-scroll::-webkit-scrollbar-track:horizontal {
  margin-inline: min(var(--rbs-table-scroll-fixed-start, 0px), 40cqw) min(var(--rbs-table-scroll-fixed-end, 0px), 40cqw);
}
.rbs-table-scroll th[mat-header-cell],
.rbs-table-scroll td[mat-cell] {
  background-color: var(--rbs-table-scroll-container);
}
.rbs-table-scroll:has(> table.rbs-data-table) {
  border: 1px solid var(--rbs-table-data-outline);
  border-radius: var(--mat-sys-corner-small);
  background-image: linear-gradient(var(--rbs-table-divider), var(--rbs-table-divider)), linear-gradient(var(--rbs-table-data-title-container), var(--rbs-table-data-title-container));
  background-position: 0 55px, 0 0;
  background-size: 100% 1px, 100% 56px;
}
.rbs-table-scroll > table.rbs-data-table {
  border: 0;
  border-radius: 0;
}
.rbs-table-scroll > table.rbs-data-table th[mat-header-cell] {
  border-radius: 0;
  background-color: var(--rbs-table-scroll-container);
  background-image: linear-gradient(var(--rbs-table-data-title-container), var(--rbs-table-data-title-container));
}
.rbs-table-title {
  overflow: hidden;
  max-width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
th[mat-sort-header] .mat-sort-header-container {
  position: relative;
}
th[mat-sort-header] .mat-sort-header-content {
  flex: 1 1 auto;
  gap: 4px;
  min-width: 0;
}
th[mat-sort-header] .mat-sort-header-arrow {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 4px;
  width: 40px;
  height: 40px;
  margin: auto 0;
  border-radius: 50%;
}
th[mat-sort-header] .mat-sort-header-arrow:hover {
  background-color: var(--rbs-icon-button-state-hover);
}
th[mat-sort-header] .mat-sort-header-arrow:active {
  background-color: var(--rbs-icon-button-state-pressed);
}
th[mat-sort-header] .mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-arrow {
  transform: rotate(180deg);
}
th[mat-sort-header] .mat-sort-header-container .mat-sort-header-arrow {
  opacity: 0;
}
th[mat-sort-header]:is(:hover, .cdk-keyboard-focused) .mat-sort-header-container .mat-sort-header-arrow {
  opacity: 0.54;
}
th[mat-sort-header]:is(:hover, .cdk-keyboard-focused) .mat-sort-header-container.mat-sort-header-sorted .mat-sort-header-arrow {
  opacity: 1;
}
th[mat-sort-header]:is(:hover, .cdk-keyboard-focused) .mat-sort-header-content {
  max-width: calc(100% - 52px);
}
.rbs-table-sort-loading {
  --mat-progress-spinner-active-indicator-color: var(--rbs-table-icon);
  flex-shrink: 0;
  margin-inline-start: auto;
  width: 20px;
  height: 20px;
}
table[mat-table][matSort] {
  width: 100%;
  table-layout: fixed;
}
:is(td, th).rbs-table-select,
:is(td, th).rbs-table-actions {
  position: relative;
  box-sizing: border-box;
  width: 80px;
  min-width: 80px;
  padding: 0;
  text-align: center;
}
.rbs-table-actions > .mat-icon {
  color: var(--rbs-table-icon);
  vertical-align: middle;
}
.rbs-table-drag-handle {
  cursor: grab;
}
tr.cdk-drag-preview {
  display: table-row;
  background: var(--rbs-table-drag-container);
  box-shadow: var(--mat-sys-level2);
  cursor: grabbing;
}
tr.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drop-list-dragging tr.cdk-drag:not(.cdk-drag-placeholder),
tr.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .cdk-drop-list-dragging tr.cdk-drag:not(.cdk-drag-placeholder),
  tr.cdk-drag-animating {
    transition: none;
  }
}
.rbs-table-index {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: var(--rbs-table-index);
  font: var(--mat-sys-body-small);
  font-weight: 600;
  letter-spacing: var(--mat-sys-body-small-tracking);
}
:is(td, th).rbs-table-with-checkbox {
  padding-inline-start: 8px;
}
:is(td, th).rbs-table-with-checkbox mat-checkbox {
  flex-shrink: 0;
}
td.rbs-table-checkbox {
  padding-inline: 8px;
  text-align: center;
}
.rbs-table-value {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.rbs-table-value > .rbs-help-icon {
  margin-inline-start: -4px;
}
.rbs-table-text {
  flex: 1 1 auto;
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-table-icon.mat-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
  color: var(--rbs-table-icon);
  font-variation-settings: "FILL" 1;
}
.rbs-table-status-success {
  color: var(--rbs-table-status-success-text);
}
.rbs-table-status-success .rbs-table-icon {
  color: var(--rbs-table-status-success-icon);
}
.rbs-table-status-warning {
  color: var(--rbs-table-status-warning-text);
}
.rbs-table-status-warning .rbs-table-icon {
  color: var(--rbs-table-status-warning-icon);
}
.rbs-table-status-error {
  color: var(--rbs-table-status-error-text);
}
.rbs-table-status-error .rbs-table-icon {
  color: var(--rbs-table-status-error-icon);
}
.rbs-table-status-info {
  color: var(--rbs-table-status-info-text);
}
.rbs-table-status-info .rbs-table-icon {
  color: var(--rbs-table-status-info-icon);
}
.rbs-table-alert.mat-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  color: var(--rbs-table-alert);
  font-variation-settings: "FILL" 1;
}
td.rbs-table-text-box {
  padding-block: 12px;
  vertical-align: top;
}
td.rbs-table-text-box .rbs-table-value {
  align-items: flex-start;
}
td.rbs-table-text-box .rbs-table-text {
  white-space: normal;
}
td.rbs-table-text-box .rbs-table-icon,
td.rbs-table-text-box > .rbs-table-value > .rbs-help-icon {
  margin-top: 4px;
}
.rbs-table-thumb {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-inline-end: 8px;
  object-fit: cover;
}
.rbs-table-thumb-large {
  flex-shrink: 0;
  width: 80px;
  height: 60px;
  margin: 6px 8px 6px 0;
  object-fit: cover;
}
td.rbs-table-chips {
  padding-block: 8px;
}
td.rbs-table-chips mat-chip-set {
  width: max-content;
}
.rbs-table-chips-more:focus-visible {
  outline: 2px solid var(--mat-focus-indicator-border-color);
  outline-offset: 2px;
}
.rbs-table-chip-label {
  display: inline-block;
  overflow: hidden;
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
td.rbs-table-input {
  padding: 8px;
}
.rbs-copy-field {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-width: 0;
  min-height: 48px;
  padding-inline-start: 16px;
  border: 1px solid var(--rbs-copy-field-outline);
  border-radius: 8px;
  background: var(--rbs-copy-field-container);
  color: var(--rbs-copy-field-text);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
  --mat-icon-button-icon-color: var(--rbs-copy-field-icon);
}
.rbs-copy-field-value {
  flex: 1 1 auto;
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rbs-copy-field-actions {
  display: flex;
  flex-shrink: 0;
  padding-inline: 4px;
}
.rbs-crud-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  min-height: 56px;
}
.rbs-crud-nav-start,
.rbs-crud-nav-actions {
  display: flex;
  align-items: center;
}
.rbs-crud-nav-end {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 16px;
}
.rbs-crud-nav-actions {
  gap: 8px;
}
:is(.rbs-crud-nav, .rbs-dashboard-nav) [rbsCrudNavSearch] {
  flex: 1 1 auto;
  width: 120px;
  min-width: 120px;
  max-width: 320px;
}
.rbs-crud-nav-count {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}
.rbs-crud-nav-count-text {
  color: var(--rbs-crud-nav-count-text);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
  white-space: nowrap;
}
.rbs-crud-nav-count-selected {
  color: var(--rbs-crud-nav-count-selected);
  font-weight: 600;
}
:is(.rbs-crud-nav, .rbs-dashboard-nav) .rbs-button-secondary.rbs-crud-nav-filter {
  --mat-button-outlined-label-text-color: var(--rbs-crud-nav-filter-label);
  --mat-button-outlined-outline-color: var(--rbs-crud-nav-outline);
  --mat-button-outlined-state-layer-color: var(--rbs-crud-nav-filter-label);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--rbs-crud-nav-filter-label) 12%, transparent);
}
@keyframes rbs-bulk-actions-open {
  from {
    max-height: 0;
    padding-block: 0;
    margin-block: 0;
    border-block-width: 0;
    opacity: 0;
    overflow: clip;
  }
  to {
    max-height: 50px;
    opacity: 1;
    overflow: clip;
  }
}
.rbs-bulk-actions-enter {
  animation: rbs-bulk-actions-open 200ms var(--mat-sys-motion-easing-standard, ease-out);
}
.rbs-bulk-actions-leave {
  animation: rbs-bulk-actions-open 150ms var(--mat-sys-motion-easing-standard, ease-in) reverse both;
}
@media (prefers-reduced-motion: reduce) {
  .rbs-bulk-actions-enter,
  .rbs-bulk-actions-leave {
    animation-duration: 1ms;
  }
}
.rbs-bulk-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  padding: 8px 16px;
  border: 1px solid var(--rbs-bulk-actions-outline);
  border-radius: var(--mat-sys-corner-small);
  background-color: var(--rbs-bulk-actions-container);
}
.rbs-bulk-actions-count {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  color: var(--rbs-bulk-actions-count);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
  white-space: nowrap;
}
.rbs-bulk-actions-selected {
  color: var(--rbs-bulk-actions-selected);
  font-weight: 600;
}
.rbs-bulk-actions-buttons {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}
.rbs-bulk-actions-button {
  flex-shrink: 0;
}
.rbs-bulk-actions-more {
  flex-shrink: 0;
}
.rbs-bulk-actions-button.rbs-bulk-actions-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.rbs-list-overline {
  --mat-list-list-item-label-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-hover-label-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-focus-label-text-color: var(--rbs-list-supporting-text);
  --mat-list-list-item-label-text-font: var(--mat-sys-label-small-font);
  --mat-list-list-item-label-text-size: var(--mat-sys-label-small-size);
  --mat-list-list-item-label-text-line-height: var(--mat-sys-label-small-line-height);
  --mat-list-list-item-label-text-weight: var(--mat-sys-label-small-weight);
  --mat-list-list-item-label-text-tracking: var(--mat-sys-label-small-tracking);
}
.rbs-list-action-row {
  position: relative;
}
.rbs-list-action-row.rbs-list-action-row > [mat-list-item] {
  padding-inline-end: var(--rbs-list-action-room, 56px);
}
.rbs-list-action-row > .rbs-list-action {
  position: absolute;
  top: 50%;
  inset-inline-end: var(--rbs-list-action-inset, 4px);
  transform: translateY(-50%);
}
.rbs-list-headline {
  --mat-list-list-item-supporting-text-color: var(--rbs-list-label);
  --mat-list-list-item-supporting-text-font: var(--mat-sys-body-large-font);
  --mat-list-list-item-supporting-text-size: var(--mat-sys-body-large-size);
  --mat-list-list-item-supporting-text-line-height: var(--mat-sys-body-large-line-height);
  --mat-list-list-item-supporting-text-weight: var(--mat-sys-body-large-weight);
  --mat-list-list-item-supporting-text-tracking: var(--mat-sys-body-large-tracking);
}
.rbs-saved-filters {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.rbs-saved-filters-search {
  flex-shrink: 0;
  padding: 16px;
}
.rbs-saved-filters-search mat-form-field {
  width: 100%;
}
.rbs-saved-filters-tabs {
  --mat-tab-container-height: 56px;
  flex-shrink: 0;
}
.rbs-saved-filters-panel {
  --mat-list-list-item-two-line-container-height: 72px;
  --rbs-list-action-inset: 20px;
  --rbs-list-action-room: 76px;
  flex: 1 1 auto;
  min-height: 0;
}
.rbs-saved-filters-panel .rbs-list-action-row:has(> .rbs-saved-filters-check) {
  --rbs-list-action-room: 116px;
}
.rbs-saved-filters-check.mat-icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 76px;
  transform: translateY(-50%);
  color: var(--rbs-saved-filters-check);
  pointer-events: none;
}
.rbs-saved-filters-owner {
  font-weight: 600;
}
.rbs-saved-filters-empty {
  margin: 0;
  padding: 16px;
  color: var(--rbs-saved-filters-empty);
  font: var(--mat-sys-body-medium);
}
.rbs-saved-filters-menu {
  width: 200px;
}
.rbs-filter-editor {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rbs-filter-editor-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}
.rbs-filter-editor-name {
  flex: 1 1 240px;
}
.rbs-filter-editor-visibility,
.rbs-filter-editor-limit {
  flex: 0 1 240px;
  min-width: 0;
}
.rbs-filter-editor-conditions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.rbs-filter-editor-chips {
  display: contents;
}
.rbs-filter-editor-add {
  --mat-button-outlined-outline-color: var(--rbs-filter-editor-add-outline);
}
.rbs-filter-editor-condition {
  --mat-chip-outline-width: 0;
  --mat-chip-label-text-color: var(--rbs-filter-editor-condition-label);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--rbs-filter-editor-condition-icon);
  --mat-chip-elevated-container-color: var(--rbs-filter-editor-condition);
}
.rbs-filter-editor-condition-label {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
button.rbs-filter-editor-clear[mat-chip] {
  --mat-chip-outline-width: 1px;
  --mat-chip-elevated-container-color: transparent;
  box-shadow: none;
}
button.rbs-filter-editor-clear[mat-chip]:hover {
  box-shadow: none;
}
.rbs-condition-picker {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  --mat-list-list-item-one-line-container-height: 56px;
}
.rbs-condition-picker-header:has(.rbs-condition-picker-back) {
  padding-inline-start: 16px;
}
.rbs-condition-picker-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 16px;
}
.rbs-condition-picker-search {
  padding: 16px;
}
.rbs-condition-picker-search mat-form-field {
  width: 100%;
}
.rbs-condition-picker-loading {
  padding: 16px;
}
.rbs-condition-picker-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.rbs-condition-picker .rbs-condition-picker-fields,
.rbs-condition-picker .rbs-condition-picker-values {
  padding-block: 0;
}
.rbs-condition-picker-arrow {
  display: flex;
  color: var(--rbs-condition-picker-arrow);
}
.rbs-condition-picker-message {
  margin: 0;
  padding: 32px 24px;
  color: var(--rbs-condition-picker-message);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
  text-align: center;
}
.rbs-condition-picker-calendar {
  display: block;
  box-sizing: border-box;
  width: 256px;
  max-width: 100%;
  margin: 16px auto;
  border-radius: 8px;
  background: var(--rbs-datepicker-panel);
  box-shadow: var(--mat-sys-level2);
}
.rbs-condition-picker-range {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 32px;
  padding-inline: 16px;
}
.rbs-condition-picker-range-title {
  margin: 16px 0 0;
  color: var(--rbs-condition-picker-range-title);
  font: var(--mat-sys-title-small);
  letter-spacing: var(--mat-sys-title-small-tracking);
  text-align: center;
}
.rbs-condition-picker-range .rbs-condition-picker-calendar {
  margin-block-start: 8px;
}
.rbs-condition-picker-relative-menu {
  width: 240px;
  max-height: 320px;
}
.rbs-period-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
div.rbs-period-filter-menu {
  min-width: 200px;
  max-height: 320px;
}
div.rbs-period-filter-menu [mat-menu-item] {
  min-height: 40px;
}
.rbs-period-filter-calendar {
  width: 296px;
  border-radius: 8px;
  background: var(--rbs-datepicker-panel);
  box-shadow: var(--mat-sys-level2);
}
.rbs-chip-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  --mat-chip-elevated-selected-container-color: var(--rbs-chip-filter-selected);
  --mat-chip-selected-label-text-color: var(--rbs-chip-filter-selected-label);
  --mat-chip-with-icon-selected-icon-color: var(--rbs-chip-filter-selected-label);
}
.rbs-dashboard-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  min-height: 56px;
}
.rbs-dashboard-nav-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.rbs-dashboard-nav:has(> .rbs-dashboard-nav-filters:not(:empty)) > .rbs-dashboard-nav-heading {
  flex-basis: 100%;
}
.rbs-dashboard-nav-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.rbs-dashboard-nav-title {
  color: var(--rbs-dashboard-nav-title);
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
.rbs-dashboard-nav-note {
  margin-inline-start: 4px;
  color: var(--rbs-dashboard-nav-note);
  font: italic var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size)/var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-dashboard-nav-description {
  max-width: 1200px;
  margin: 0;
  color: var(--rbs-dashboard-nav-description);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-dashboard-nav-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.rbs-dashboard-nav-filters:empty {
  display: none;
}
.rbs-dashboard-nav-end {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 16px;
}
.rbs-dashboard-nav-views,
.rbs-dashboard-nav-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rbs-dashboard-nav-actions:empty {
  display: none;
}
button.rbs-dashboard-nav-view-selected {
  background: var(--rbs-dashboard-nav-view-selected-container);
  --mat-icon-button-icon-color: var(--rbs-dashboard-nav-view-selected);
}
.rbs-summaries {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px;
}
.rbs-summary-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 120px;
  min-height: 100px;
  padding: 16px;
  border: 1px solid var(--rbs-summary-card-outline);
  border-radius: 8px;
}
.rbs-summary-card-label-row,
.rbs-summary-card-value-row,
.rbs-summary-card-change {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.rbs-summary-card-label {
  color: var(--rbs-summary-card-label);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-summary-card-value {
  color: var(--rbs-summary-card-value);
  font: var(--mat-sys-headline-large);
  letter-spacing: var(--mat-sys-headline-large-tracking);
}
.rbs-summary-card-percentage {
  color: var(--rbs-summary-card-percentage);
  font: var(--mat-sys-title-large);
  letter-spacing: var(--mat-sys-title-large-tracking);
}
.rbs-summary-card-change {
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-summary-card-change > .mat-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
}
.rbs-summary-card-change-up {
  color: var(--rbs-summary-card-increase);
}
.rbs-summary-card-change-up > .mat-icon {
  color: var(--rbs-summary-card-increase-icon);
}
.rbs-summary-card-change-down {
  color: var(--rbs-summary-card-decrease);
}
.rbs-summary-card-change-down > .mat-icon {
  color: var(--rbs-summary-card-decrease-icon);
}
.rbs-summary-group {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--rbs-summary-card-outline);
  border-radius: 8px;
}
.rbs-summary-group > .rbs-summary-card {
  position: relative;
  border: 0;
}
.rbs-summary-group > .rbs-summary-card + .rbs-summary-card::before {
  content: "";
  position: absolute;
  inset-block: 16px;
  inset-inline-start: 0;
  width: 1px;
  background: var(--rbs-divider-color);
}
.rbs-table-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}
.rbs-table-summary-heading {
  display: flex;
  align-items: center;
  gap: 4px;
}
.rbs-table-summary-title {
  color: var(--rbs-table-summary-title);
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
.rbs-table-summary-box {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--rbs-table-summary-outline);
  border-radius: 8px;
}
.rbs-table-summary-items {
  flex: 0 1000 auto;
  min-width: 160px;
  overflow-x: auto;
  overflow-y: hidden;
}
.rbs-table-summary-items:focus-visible {
  outline: 2px solid var(--mat-focus-indicator-border-color);
  outline-offset: -2px;
}
.rbs-table-summary-row {
  display: flex;
  width: max-content;
  margin: 0;
}
.rbs-table-summary-scrolls .rbs-table-summary-row {
  border-block-end: 1px solid var(--rbs-divider-color);
}
.rbs-table-summary-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: none;
  width: 200px;
  min-width: 160px;
  min-height: 48px;
  margin: 0;
  padding: 16px 16px 16px 32px;
}
.rbs-table-summary-row > .rbs-table-summary-item:not(:last-child),
.rbs-table-summary-items:has(+ .rbs-table-summary-total) .rbs-table-summary-item:last-child {
  border-inline-end: 1px solid var(--rbs-divider-color);
}
.rbs-table-summary-total {
  flex-shrink: 1;
  background: var(--rbs-table-summary-total-container);
}
.rbs-table-summary-label {
  overflow: hidden;
  color: var(--rbs-table-summary-label);
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbs-table-summary-value {
  margin: 0;
  color: var(--rbs-table-summary-value);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
}
.rbs-simple-filter {
  display: inline-flex;
  min-width: 0;
}
.rbs-simple-filter-label {
  overflow: hidden;
  max-width: 320px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbs-header-search {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
}
.rbs-header-search-field {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 280px;
  min-width: 0;
  max-width: 100%;
  height: 40px;
  padding: 0 8px 0 12px;
  border: 1px solid var(--rbs-form-field-indicator);
  border-radius: 8px;
  background: var(--rbs-form-field-container);
  color: var(--rbs-form-field-placeholder);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
  text-align: start;
  cursor: text;
}
.rbs-header-search-field > .mat-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--rbs-form-field-icon);
}
.rbs-header-search-field:hover {
  border-color: var(--rbs-form-field-indicator-hover);
  background-image: linear-gradient(color-mix(in srgb, var(--rbs-form-field-state-layer) 8%, transparent), color-mix(in srgb, var(--rbs-form-field-state-layer) 8%, transparent));
}
.rbs-header-search-field:focus-visible,
.rbs-header-search-field[aria-expanded=true] {
  outline: none;
  border-color: var(--rbs-form-field-indicator-focus);
  box-shadow: inset 0 0 0 1px var(--rbs-form-field-indicator-focus);
}
.rbs-header-search-placeholder {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbs-header-search-query {
  color: var(--rbs-form-field-input);
}
.rbs-header-search-key {
  flex-shrink: 0;
  padding: 2px 6px;
  border: 1px solid var(--rbs-header-search-key-border);
  border-radius: 4px;
  background: var(--rbs-header-search-key-container);
  color: var(--rbs-header-search-key-label);
  font: var(--mat-sys-label-small);
  letter-spacing: var(--mat-sys-label-small-tracking);
  white-space: nowrap;
}
.rbs-header-search-backdrop {
  background: color-mix(in srgb, var(--rbs-overlay-scrim) 20%, transparent);
}
.rbs-header-search-pane {
  width: 680px;
  max-width: calc(100vw - 32px);
}
.rbs-header-search-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  background: var(--rbs-dialog-container);
  box-shadow: 0 1px 3px 0 var(--rbs-dialog-shadow-strong), 0 4px 8px 3px var(--rbs-dialog-shadow-soft);
}
.rbs-header-search-input-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px 16px 20px;
  border-bottom: 1px solid var(--rbs-divider-color);
}
.rbs-header-search-input-row > .mat-icon {
  width: 22px;
  height: 22px;
  font-size: 22px;
  color: var(--rbs-header-search-search-icon);
}
.rbs-header-search-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--rbs-form-field-input);
  caret-color: var(--rbs-form-field-indicator-focus);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
}
.rbs-header-search-input::placeholder {
  color: var(--rbs-form-field-placeholder);
}
.rbs-header-search-results {
  max-height: 60vh;
  overflow-y: auto;
}
.rbs-header-search-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 8px 6px;
}
.rbs-header-search-group > mat-list {
  padding: 0;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 48px;
  --mat-list-list-item-leading-icon-size: 20px;
  --mat-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-list-list-item-label-text-font: var(--mat-sys-label-large-font);
  --mat-list-list-item-label-text-size: var(--mat-sys-label-large-size);
  --mat-list-list-item-label-text-weight: var(--mat-sys-label-large-weight);
  --mat-list-list-item-label-text-line-height: var(--mat-sys-label-large-line-height);
  --mat-list-list-item-label-text-tracking: var(--mat-sys-label-large-tracking);
  --mat-list-list-item-supporting-text-font: var(--mat-sys-body-small-font);
  --mat-list-list-item-supporting-text-size: var(--mat-sys-body-small-size);
  --mat-list-list-item-supporting-text-line-height: var(--mat-sys-body-small-line-height);
  --mat-list-list-item-supporting-text-tracking: var(--mat-sys-body-small-tracking);
  --mat-list-list-item-container-shape: 8px;
  --mat-list-list-item-trailing-supporting-text-color: var(--rbs-header-search-hint);
  --mat-list-list-item-trailing-supporting-text-font: var(--mat-sys-body-small-font);
  --mat-list-list-item-trailing-supporting-text-size: var(--mat-sys-body-small-size);
  --mat-list-list-item-trailing-supporting-text-weight: var(--mat-sys-body-small-weight);
  --mat-list-list-item-trailing-supporting-text-tracking: var(--mat-sys-body-small-tracking);
}
.rbs-header-search-group .mat-mdc-list-item {
  cursor: pointer;
}
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__start {
  align-self: center;
  margin-top: 0;
}
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  align-self: stretch;
}
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__primary-text,
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__secondary-text {
  margin: 0;
  line-height: normal;
}
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__primary-text::before,
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__primary-text::after,
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__secondary-text::before,
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .mdc-list-item__secondary-text::after {
  display: none;
}
.rbs-header-search-group-title {
  padding: 0 0 4px;
  color: var(--rbs-header-search-group-title);
  font: var(--mat-sys-label-small);
  letter-spacing: var(--mat-sys-label-small-tracking);
  text-transform: uppercase;
}
.rbs-header-search-group .mat-mdc-list-item.rbs-header-search-active {
  background: var(--rbs-header-search-active);
}
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .rbs-header-search-hint.mdc-list-item__end {
  align-self: center;
  margin: 0 12px 0 12px;
  line-height: normal;
}
.rbs-header-search-group .mat-mdc-list-item.mdc-list-item .rbs-header-search-hint.mdc-list-item__end::before {
  display: none;
}
.rbs-header-search-loading {
  padding: 16px 20px;
}
.rbs-header-search-empty {
  margin: 0;
  padding: 32px 20px;
  color: var(--rbs-header-search-empty);
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
  text-align: center;
}
.rbs-header-search-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 16px;
  padding: 10px 20px;
  border-top: 1px solid var(--rbs-divider-color);
  background: var(--rbs-header-search-footer-container);
  color: var(--rbs-header-search-footer-text);
  font: var(--mat-sys-body-small);
  letter-spacing: var(--mat-sys-body-small-tracking);
}
.rbs-header-end:has(> .rbs-header-search-slot) {
  flex-shrink: 1;
  min-width: 0;
}
.rbs-header-search-slot {
  display: flex;
  flex: 0 1 280px;
  align-items: center;
  min-width: 0;
  margin-inline-end: 4px;
}
.rbs-header-search-slot > .rbs-header-search {
  width: 100%;
}
.rbs-header-search-slot:has(> .rbs-header-search-compact) {
  flex: none;
  margin-inline-end: 0;
  --mat-icon-button-icon-color: var(--rbs-header-icon);
}
.rbs-header-search-slot:has(> .rbs-header-search-compact) [matIconButton] {
  margin: 0 4px;
}
.rbs-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: 100%;
}
.rbs-chart-plot {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
}
.rbs-chart-canvas {
  width: 100%;
  height: 100%;
}
.rbs-chart-scrollbar.rbs-scroll {
  position: absolute;
  height: 12px;
  overflow-x: auto;
  overflow-y: hidden;
}
.rbs-chart-scrollbar-vertical.rbs-scroll {
  width: 12px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.rbs-chart-pair {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 62px;
}
.rbs-chart-pair > .rbs-chart {
  flex: 0 1 560px;
  min-width: 0;
}
.rbs-chart-legend {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--rbs-chart-legend-rows, 6), auto);
  gap: 16px 16px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-chart-legend-item {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.rbs-chart-legend-swatch {
  flex: none;
  width: 14px;
  height: 14px;
  margin-inline-end: 4px;
  border-radius: 4px;
}
.rbs-chart-legend-name {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--rbs-chart-legend-label);
}
.rbs-chart-legend-value {
  color: var(--rbs-chart-legend-value);
}
.rbs-chart-legend-total {
  color: var(--rbs-chart-legend-label);
  white-space: nowrap;
}
.rbs-chart-legend-total strong {
  font-weight: 700;
}
body {
  margin: 0;
  background: var(--rbs-bg-neutral-primary);
  color: var(--rbs-text-neutral-primary);
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
.rbs-text-display-large {
  font: 500 57px/80px Roboto, sans-serif;
  letter-spacing: 0.25px;
}
.rbs-text-display-medium {
  font: 500 45px/63px Roboto, sans-serif;
  letter-spacing: 0;
}
.rbs-text-display-small {
  font: 500 36px/51px Roboto, sans-serif;
  letter-spacing: 0;
}
.rbs-text-heading-large {
  font: 700 32px/40px Roboto, sans-serif;
  letter-spacing: 0;
}
.rbs-text-heading-medium {
  font: 700 28px/36px Roboto, sans-serif;
  letter-spacing: 0;
}
.rbs-text-heading-small {
  font: 700 24px/32px Roboto, sans-serif;
  letter-spacing: 0;
}
.rbs-text-title-large {
  font: 500 18px/28px Roboto, sans-serif;
  letter-spacing: 0;
}
.rbs-text-title-medium {
  font: 500 16px/24px Roboto, sans-serif;
  letter-spacing: 0.15px;
}
.rbs-text-title-small {
  font: 500 14px/20px Roboto, sans-serif;
  letter-spacing: 0.1px;
}
.rbs-text-label-large {
  font: 500 14px/20px Roboto, sans-serif;
  letter-spacing: 0.1px;
}
.rbs-text-label-medium {
  font: 600 12px/16px Roboto, sans-serif;
  letter-spacing: 0.5px;
}
.rbs-text-label-small {
  font: 500 11px/16px Roboto, sans-serif;
  letter-spacing: 0.5px;
}
.rbs-text-body-large {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: 0.5px;
}
.rbs-text-body-medium {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: 0.25px;
}
.rbs-text-body-small {
  font: 400 12px/16px Roboto, sans-serif;
  letter-spacing: 0.4px;
}
html,
body {
  height: 100%;
  margin: 0;
}

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