@import "https://bc-design-system.apps.bancolombia.com/bds/9.49.0/bds.min.css";

/* src/scss/styles.scss */
.cb-bg-primary-01 {
  background-color: var(--cb-sys-background-primary-01);
}
.cb-bg-primary-02 {
  background-color: var(--cb-sys-background-primary-02);
}
.cb-bg-primary-03 {
  background-color: var(--cb-sys-background-primary-03);
}
.cb-bg-secondary-01 {
  background-color: var(--cb-sys-background-secondary-01);
}
.cb-bg-secondary-02 {
  background-color: var(--cb-sys-background-secondary-02);
}
.cb-bg-secondary-03 {
  background-color: var(--cb-sys-background-secondary-03);
}
.cb-bg-inverse-1 {
  background-color: var(--cb-sys-background-inverse-1);
}
.cb-bg-inverse-2 {
  background-color: var(--cb-sys-background-inverse-2);
}
.cb-bg-fixed-dark-1 {
  background-color: var(--cb-sys-background-fixed-dark-1);
}
.cb-bg-fixed-light-1 {
  background-color: var(--cb-sys-background-fixed-light-1);
}
.cb-bg-dark-1 {
  background-color: var(--cb-sys-background-dark-1);
}
.cb-bg-dark-2 {
  background-color: var(--cb-sys-background-dark-2);
}
.cb-bg-dark-3 {
  background-color: var(--cb-sys-background-dark-3);
}
.cb-bg-success-1 {
  background-color: var(--cb-sys-status-success-1);
}
.cb-bg-success-2 {
  background-color: var(--cb-sys-status-success-2);
}
.cb-bg-success-3 {
  background-color: var(--cb-sys-status-success-3);
}
.cb-bg-success-fill {
  background-color: var(--cb-sys-status-success-fill);
}
.cb-bg-error-1 {
  background-color: var(--cb-sys-status-error-1);
}
.cb-bg-error-2 {
  background-color: var(--cb-sys-status-error-2);
}
.cb-bg-error-3 {
  background-color: var(--cb-sys-status-error-3);
}
.cb-bg-error-fill {
  background-color: var(--cb-sys-status-error-fill);
}
.cb-bg-alert-1 {
  background-color: var(--cb-sys-status-alert-1);
}
.cb-bg-alert-2 {
  background-color: var(--cb-sys-status-alert-2);
}
.cb-bg-alert-3 {
  background-color: var(--cb-sys-status-alert-3);
}
.cb-bg-alert-fill {
  background-color: var(--cb-sys-status-alert-fill);
}
.cb-bg-info-1 {
  background-color: var(--cb-sys-status-info-1);
}
.cb-bg-info-2 {
  background-color: var(--cb-sys-status-info-2);
}
.cb-bg-info-3 {
  background-color: var(--cb-sys-status-info-3);
}
.cb-bg-info-fill {
  background-color: var(--cb-sys-status-info-fill);
}
.cb-bg-neutral-1 {
  background-color: var(--cb-sys-status-neutral-1);
}
.cb-bg-neutral-2 {
  background-color: var(--cb-sys-status-neutral-2);
}
.cb-bg-neutral-3 {
  background-color: var(--cb-sys-status-neutral-3);
}
.cb-bg-neutral-fill {
  background-color: var(--cb-sys-status-neutral-fill);
}
.cb-bg-black-fill {
  background-color: var(--cb-sys-status-black-fill);
}
.cb-bg-black-1 {
  background-color: var(--cb-sys-status-black-1);
}
.cb-bg-black-2 {
  background-color: var(--cb-sys-status-black-2);
}
.cb-bg-black-3 {
  background-color: var(--cb-sys-status-black-3);
}
.cb-bg-white-fill {
  background-color: var(--cb-sys-status-white-fill);
}
.cb-bg-white-1 {
  background-color: var(--cb-sys-status-white-1);
}
.cb-bg-white-2 {
  background-color: var(--cb-sys-status-white-2);
}
.cb-bg-white-3 {
  background-color: var(--cb-sys-status-white-3);
}
.cb-bg-color-a-fill {
  background-color: var(--cb-sys-status-color-a-fill);
}
.cb-bg-color-a-1 {
  background-color: var(--cb-sys-status-color-a-1);
}
.cb-bg-color-a-2 {
  background-color: var(--cb-sys-status-color-a-2);
}
.cb-bg-color-a-3 {
  background-color: var(--cb-sys-status-color-a-3);
}
.cb-bg-color-b-fill {
  background-color: var(--cb-sys-status-color-b-fill);
}
.cb-bg-color-b-1 {
  background-color: var(--cb-sys-status-color-b-1);
}
.cb-bg-color-b-2 {
  background-color: var(--cb-sys-status-color-b-2);
}
.cb-bg-color-b-3 {
  background-color: var(--cb-sys-status-color-b-3);
}
.cb-text-default {
  color: var(--cb-sys-text-default);
}
.cb-text-inverse {
  color: var(--cb-sys-text-inverse);
}
.cb-text-error {
  color: var(--cb-sys-text-error);
}
.cb-text-success {
  color: var(--cb-sys-text-success);
}
.cb-text-fixed-01 {
  color: var(--cb-sys-text-fixed-01);
}
.cb-text-fixed-02 {
  color: var(--cb-sys-text-fixed-02);
}
.cb-text-fixed-brand {
  color: var(--cb-sys-text-fixed-brand);
}
.cb-text-disable {
  color: var(--cb-sys-text-disable);
}
.cb-text-success-1 {
  color: var(--cb-sys-status-success-1);
}
.cb-text-success-2 {
  color: var(--cb-sys-status-success-2);
}
.cb-text-success-3 {
  color: var(--cb-sys-status-success-3);
}
.cb-text-success-fill {
  color: var(--cb-sys-status-success-fill);
}
.cb-text-error-1 {
  color: var(--cb-sys-status-error-1);
}
.cb-text-error-2 {
  color: var(--cb-sys-status-error-2);
}
.cb-text-error-3 {
  color: var(--cb-sys-status-error-3);
}
.cb-text-error-fill {
  color: var(--cb-sys-status-error-fill);
}
.cb-text-alert-1 {
  color: var(--cb-sys-status-alert-1);
}
.cb-text-alert-2 {
  color: var(--cb-sys-status-alert-2);
}
.cb-text-alert-3 {
  color: var(--cb-sys-status-alert-3);
}
.cb-text-alert-fill {
  color: var(--cb-sys-status-alert-fill);
}
.cb-text-info-1 {
  color: var(--cb-sys-status-info-1);
}
.cb-text-info-2 {
  color: var(--cb-sys-status-info-2);
}
.cb-text-info-3 {
  color: var(--cb-sys-status-info-3);
}
.cb-text-info-fill {
  color: var(--cb-sys-status-info-fill);
}
.cb-text-neutral-1 {
  color: var(--cb-sys-status-neutral-1);
}
.cb-text-neutral-2 {
  color: var(--cb-sys-status-neutral-2);
}
.cb-text-neutral-3 {
  color: var(--cb-sys-status-neutral-3);
}
.cb-text-neutral-fill {
  color: var(--cb-sys-status-neutral-fill);
}
.cb-text-black-fill {
  color: var(--cb-sys-status-black-fill);
}
.cb-text-black-1 {
  color: var(--cb-sys-status-black-1);
}
.cb-text-black-2 {
  color: var(--cb-sys-status-black-2);
}
.cb-text-black-3 {
  color: var(--cb-sys-status-black-3);
}
.cb-text-white-fill {
  color: var(--cb-sys-status-white-fill);
}
.cb-text-white-1 {
  color: var(--cb-sys-status-white-1);
}
.cb-text-white-2 {
  color: var(--cb-sys-status-white-2);
}
.cb-text-white-3 {
  color: var(--cb-sys-status-white-3);
}
.cb-text-color-a-fill {
  color: var(--cb-sys-status-color-a-fill);
}
.cb-text-color-a-1 {
  color: var(--cb-sys-status-color-a-1);
}
.cb-text-color-a-2 {
  color: var(--cb-sys-status-color-a-2);
}
.cb-text-color-a-3 {
  color: var(--cb-sys-status-color-a-3);
}
.cb-text-color-b-fill {
  color: var(--cb-sys-status-color-b-fill);
}
.cb-text-color-b-1 {
  color: var(--cb-sys-status-color-b-1);
}
.cb-text-color-b-2 {
  color: var(--cb-sys-status-color-b-2);
}
.cb-text-color-b-3 {
  color: var(--cb-sys-status-color-b-3);
}
.cb-plain-font-style-1-regular {
  font: var(--cb-sys-plain-font-style-1-regular);
}
.cb-plain-font-style-1-semibold {
  font: var(--cb-sys-plain-font-style-1-semibold);
}
.cb-plain-font-style-1-bold {
  font: var(--cb-sys-plain-font-style-1-bold);
}
.cb-plain-font-style-2-regular {
  font: var(--cb-sys-plain-font-style-2-regular);
}
.cb-plain-font-style-2-semibold {
  font: var(--cb-sys-plain-font-style-2-semibold);
}
.cb-plain-font-style-2-bold {
  font: var(--cb-sys-plain-font-style-2-bold);
}
.cb-plain-font-style-3-regular {
  font: var(--cb-sys-plain-font-style-3-regular);
}
.cb-plain-font-style-3-semibold {
  font: var(--cb-sys-plain-font-style-3-semibold);
}
.cb-plain-font-style-3-bold {
  font: var(--cb-sys-plain-font-style-3-bold);
}
.cb-plain-font-style-4-regular {
  font: var(--cb-sys-plain-font-style-4-regular);
}
.cb-plain-font-style-4-semibold {
  font: var(--cb-sys-plain-font-style-4-semibold);
}
.cb-plain-font-style-4-bold {
  font: var(--cb-sys-plain-font-style-4-bold);
}
.cb-brand-font-style-1-extralight {
  font: var(--cb-sys-brand-font-style-1-extralight);
}
.cb-brand-font-style-1-regular {
  font: var(--cb-sys-brand-font-style-1-regular);
}
.cb-brand-font-style-1-bold {
  font: var(--cb-sys-brand-font-style-1-bold);
}
.cb-brand-font-style-2-extralight {
  font: var(--cb-sys-brand-font-style-2-extralight);
}
.cb-brand-font-style-2-regular {
  font: var(--cb-sys-brand-font-style-2-regular);
}
.cb-brand-font-style-2-bold {
  font: var(--cb-sys-brand-font-style-2-bold);
}
.cb-brand-font-style-3-extralight {
  font: var(--cb-sys-brand-font-style-3-extralight);
}
.cb-brand-font-style-3-regular {
  font: var(--cb-sys-brand-font-style-3-regular);
}
.cb-brand-font-style-3-bold {
  font: var(--cb-sys-brand-font-style-3-bold);
}
.cb-brand-font-style-4-extralight {
  font: var(--cb-sys-brand-font-style-4-extralight);
}
.cb-brand-font-style-4-regular {
  font: var(--cb-sys-brand-font-style-4-regular);
}
.cb-brand-font-style-4-bold {
  font: var(--cb-sys-brand-font-style-4-bold);
}
.cb-brand-font-style-5-extralight {
  font: var(--cb-sys-brand-font-style-5-extralight);
}
.cb-brand-font-style-5-regular {
  font: var(--cb-sys-brand-font-style-5-regular);
}
.cb-brand-font-style-5-bold {
  font: var(--cb-sys-brand-font-style-5-bold);
}
.cb-brand-font-style-6-extralight {
  font: var(--cb-sys-brand-font-style-6-extralight);
}
.cb-brand-font-style-6-regular {
  font: var(--cb-sys-brand-font-style-6-regular);
}
.cb-brand-font-style-6-bold {
  font: var(--cb-sys-brand-font-style-6-bold);
}
.cb-brand-font-style-7-extralight {
  font: var(--cb-sys-brand-font-style-7-extralight);
}
.cb-brand-font-style-7-regular {
  font: var(--cb-sys-brand-font-style-7-regular);
}
.cb-brand-font-style-7-bold {
  font: var(--cb-sys-brand-font-style-7-bold);
}
.cb-brand-font-style-8-extralight {
  font: var(--cb-sys-brand-font-style-8-extralight);
}
.cb-brand-font-style-8-regular {
  font: var(--cb-sys-brand-font-style-8-regular);
}
.cb-brand-font-style-8-bold {
  font: var(--cb-sys-brand-font-style-8-bold);
}
.cb-brand-font-style-9-extralight {
  font: var(--cb-sys-brand-font-style-9-extralight);
}
.cb-brand-font-style-9-regular {
  font: var(--cb-sys-brand-font-style-9-regular);
}
.cb-brand-font-style-9-bold {
  font: var(--cb-sys-brand-font-style-9-bold);
}
.cb-brand-font-style-10-extralight {
  font: var(--cb-sys-brand-font-style-10-extralight);
}
.cb-brand-font-style-10-regular {
  font: var(--cb-sys-brand-font-style-10-regular);
}
.cb-brand-font-style-10-bold {
  font: var(--cb-sys-brand-font-style-10-bold);
}
.cb-brand-font-style-11-extralight {
  font: var(--cb-sys-brand-font-style-11-extralight);
}
.cb-brand-font-style-11-regular {
  font: var(--cb-sys-brand-font-style-11-regular);
}
.cb-brand-font-style-11-bold {
  font: var(--cb-sys-brand-font-style-11-bold);
}
.cb-brand-font-style-12-extralight {
  font: var(--cb-sys-brand-font-style-12-extralight);
}
.cb-brand-font-style-12-regular {
  font: var(--cb-sys-brand-font-style-12-regular);
}
.cb-brand-font-style-12-bold {
  font: var(--cb-sys-brand-font-style-12-bold);
}
.cb-brand-font-style-13-extralight {
  font: var(--cb-sys-brand-font-style-13-extralight);
}
.cb-brand-font-style-13-regular {
  font: var(--cb-sys-brand-font-style-13-regular);
}
.cb-brand-font-style-13-bold {
  font: var(--cb-sys-brand-font-style-13-bold);
}
.cb-brand-font-style-14-extralight {
  font: var(--cb-sys-brand-font-style-14-extralight);
}
.cb-brand-font-style-14-regular {
  font: var(--cb-sys-brand-font-style-14-regular);
}
.cb-brand-font-style-14-bold {
  font: var(--cb-sys-brand-font-style-14-bold);
}
.cb-brand-font-style-15-extralight {
  font: var(--cb-sys-brand-font-style-15-extralight);
}
.cb-brand-font-style-15-regular {
  font: var(--cb-sys-brand-font-style-15-regular);
}
.cb-brand-font-style-15-bold {
  font: var(--cb-sys-brand-font-style-15-bold);
}
.cb-brand-font-style-16-extralight {
  font: var(--cb-sys-brand-font-style-16-extralight);
}
.cb-brand-font-style-16-regular {
  font: var(--cb-sys-brand-font-style-16-regular);
}
.cb-brand-font-style-16-bold {
  font: var(--cb-sys-brand-font-style-16-bold);
}
.cb-brand-font-style-17-extralight {
  font: var(--cb-sys-brand-font-style-17-extralight);
}
.cb-brand-font-style-17-regular {
  font: var(--cb-sys-brand-font-style-17-regular);
}
.cb-brand-font-style-17-bold {
  font: var(--cb-sys-brand-font-style-17-bold);
}
.cb-shadow-0 {
  box-shadow: var(--cb-sys-level0);
}
.cb-shadow-1 {
  box-shadow: var(--cb-sys-level1);
}
.cb-shadow-2 {
  box-shadow: var(--cb-sys-level2);
}
.cb-shadow-3 {
  box-shadow: var(--cb-sys-level3);
}
.cb-shadow-4 {
  box-shadow: var(--cb-sys-level4);
}
.cb-shadow-5 {
  box-shadow: var(--cb-sys-level5);
}
.cb-shadow-6 {
  box-shadow: var(--cb-sys-level6);
}
.cb-grid-container {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  max-width: var(--cb-grid-max-width, none);
  margin-inline: auto;
}
@media (min-width: 576px) {
  .cb-grid-container {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  .cb-grid-container {
    gap: 16px;
  }
}
@media (min-width: 576px) {
  .cb-grid-container {
    --cb-grid-max-width: 544px;
  }
}
@media (min-width: 768px) {
  .cb-grid-container {
    --cb-grid-max-width: 716px;
  }
}
@media (min-width: 992px) {
  .cb-grid-container {
    --cb-grid-max-width: 956px;
  }
}
@media (min-width: 1200px) {
  .cb-grid-container {
    --cb-grid-max-width: 1136px;
  }
}
@media (min-width: 1366px) {
  .cb-grid-container {
    --cb-grid-max-width: 1316px;
  }
}
.cb-grid-container--fluid {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
@media (min-width: 576px) {
  .cb-grid-container--fluid {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  .cb-grid-container--fluid {
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .cb-grid-container--gutter-24 {
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 720px;
  }
}
@media (min-width: 992px) {
  .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 1140px;
  }
}
@media (min-width: 1366px) {
  .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 1320px;
  }
}
@media (min-width: 768px) {
  .cb-grid-container--gutter-32 {
    gap: 32px;
  }
}
@media (min-width: 768px) {
  .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 724px;
  }
}
@media (min-width: 992px) {
  .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 964px;
  }
}
@media (min-width: 1200px) {
  .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 1144px;
  }
}
@media (min-width: 1366px) {
  .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 1324px;
  }
}
.cb-col-span-1 {
  grid-column-end: span 1;
}
.cb-col-span-2 {
  grid-column-end: span 2;
}
.cb-col-span-3 {
  grid-column-end: span 3;
}
.cb-col-span-4 {
  grid-column-end: span 4;
}
.cb-col-span-5 {
  grid-column-end: span 5;
}
.cb-col-span-6 {
  grid-column-end: span 6;
}
.cb-col-span-7 {
  grid-column-end: span 7;
}
.cb-col-span-8 {
  grid-column-end: span 8;
}
.cb-col-span-9 {
  grid-column-end: span 9;
}
.cb-col-span-10 {
  grid-column-end: span 10;
}
.cb-col-span-11 {
  grid-column-end: span 11;
}
.cb-col-span-12 {
  grid-column-end: span 12;
}
.cb-col-offset-0 {
  grid-column-start: 1;
}
.cb-col-offset-1 {
  grid-column-start: 2;
}
.cb-col-offset-2 {
  grid-column-start: 3;
}
.cb-col-offset-3 {
  grid-column-start: 4;
}
.cb-col-offset-4 {
  grid-column-start: 5;
}
.cb-col-offset-5 {
  grid-column-start: 6;
}
.cb-col-offset-6 {
  grid-column-start: 7;
}
.cb-col-offset-7 {
  grid-column-start: 8;
}
.cb-col-offset-8 {
  grid-column-start: 9;
}
.cb-col-offset-9 {
  grid-column-start: 10;
}
.cb-col-offset-10 {
  grid-column-start: 11;
}
.cb-col-offset-11 {
  grid-column-start: 12;
}
.cb-col-xs-span-1 {
  grid-column-end: span 1;
}
.cb-col-xs-span-2 {
  grid-column-end: span 2;
}
.cb-col-xs-span-3 {
  grid-column-end: span 3;
}
.cb-col-xs-span-4 {
  grid-column-end: span 4;
}
.cb-col-xs-span-5 {
  grid-column-end: span 5;
}
.cb-col-xs-span-6 {
  grid-column-end: span 6;
}
.cb-col-xs-offset-0 {
  grid-column-start: 1;
}
.cb-col-xs-offset-1 {
  grid-column-start: 2;
}
.cb-col-xs-offset-2 {
  grid-column-start: 3;
}
.cb-col-xs-offset-3 {
  grid-column-start: 4;
}
.cb-col-xs-offset-4 {
  grid-column-start: 5;
}
.cb-col-xs-offset-5 {
  grid-column-start: 6;
}
@media (min-width: 576px) {
  .cb-col-sm-span-1 {
    grid-column-end: span 1;
  }
  .cb-col-sm-span-2 {
    grid-column-end: span 2;
  }
  .cb-col-sm-span-3 {
    grid-column-end: span 3;
  }
  .cb-col-sm-span-4 {
    grid-column-end: span 4;
  }
  .cb-col-sm-span-5 {
    grid-column-end: span 5;
  }
  .cb-col-sm-span-6 {
    grid-column-end: span 6;
  }
  .cb-col-sm-span-7 {
    grid-column-end: span 7;
  }
  .cb-col-sm-span-8 {
    grid-column-end: span 8;
  }
  .cb-col-sm-span-9 {
    grid-column-end: span 9;
  }
  .cb-col-sm-span-10 {
    grid-column-end: span 10;
  }
  .cb-col-sm-span-11 {
    grid-column-end: span 11;
  }
  .cb-col-sm-span-12 {
    grid-column-end: span 12;
  }
  .cb-col-sm-offset-0 {
    grid-column-start: 1;
  }
  .cb-col-sm-offset-1 {
    grid-column-start: 2;
  }
  .cb-col-sm-offset-2 {
    grid-column-start: 3;
  }
  .cb-col-sm-offset-3 {
    grid-column-start: 4;
  }
  .cb-col-sm-offset-4 {
    grid-column-start: 5;
  }
  .cb-col-sm-offset-5 {
    grid-column-start: 6;
  }
  .cb-col-sm-offset-6 {
    grid-column-start: 7;
  }
  .cb-col-sm-offset-7 {
    grid-column-start: 8;
  }
  .cb-col-sm-offset-8 {
    grid-column-start: 9;
  }
  .cb-col-sm-offset-9 {
    grid-column-start: 10;
  }
  .cb-col-sm-offset-10 {
    grid-column-start: 11;
  }
  .cb-col-sm-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  .cb-col-md-span-1 {
    grid-column-end: span 1;
  }
  .cb-col-md-span-2 {
    grid-column-end: span 2;
  }
  .cb-col-md-span-3 {
    grid-column-end: span 3;
  }
  .cb-col-md-span-4 {
    grid-column-end: span 4;
  }
  .cb-col-md-span-5 {
    grid-column-end: span 5;
  }
  .cb-col-md-span-6 {
    grid-column-end: span 6;
  }
  .cb-col-md-span-7 {
    grid-column-end: span 7;
  }
  .cb-col-md-span-8 {
    grid-column-end: span 8;
  }
  .cb-col-md-span-9 {
    grid-column-end: span 9;
  }
  .cb-col-md-span-10 {
    grid-column-end: span 10;
  }
  .cb-col-md-span-11 {
    grid-column-end: span 11;
  }
  .cb-col-md-span-12 {
    grid-column-end: span 12;
  }
  .cb-col-md-offset-0 {
    grid-column-start: 1;
  }
  .cb-col-md-offset-1 {
    grid-column-start: 2;
  }
  .cb-col-md-offset-2 {
    grid-column-start: 3;
  }
  .cb-col-md-offset-3 {
    grid-column-start: 4;
  }
  .cb-col-md-offset-4 {
    grid-column-start: 5;
  }
  .cb-col-md-offset-5 {
    grid-column-start: 6;
  }
  .cb-col-md-offset-6 {
    grid-column-start: 7;
  }
  .cb-col-md-offset-7 {
    grid-column-start: 8;
  }
  .cb-col-md-offset-8 {
    grid-column-start: 9;
  }
  .cb-col-md-offset-9 {
    grid-column-start: 10;
  }
  .cb-col-md-offset-10 {
    grid-column-start: 11;
  }
  .cb-col-md-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 992px) {
  .cb-col-lg-span-1 {
    grid-column-end: span 1;
  }
  .cb-col-lg-span-2 {
    grid-column-end: span 2;
  }
  .cb-col-lg-span-3 {
    grid-column-end: span 3;
  }
  .cb-col-lg-span-4 {
    grid-column-end: span 4;
  }
  .cb-col-lg-span-5 {
    grid-column-end: span 5;
  }
  .cb-col-lg-span-6 {
    grid-column-end: span 6;
  }
  .cb-col-lg-span-7 {
    grid-column-end: span 7;
  }
  .cb-col-lg-span-8 {
    grid-column-end: span 8;
  }
  .cb-col-lg-span-9 {
    grid-column-end: span 9;
  }
  .cb-col-lg-span-10 {
    grid-column-end: span 10;
  }
  .cb-col-lg-span-11 {
    grid-column-end: span 11;
  }
  .cb-col-lg-span-12 {
    grid-column-end: span 12;
  }
  .cb-col-lg-offset-0 {
    grid-column-start: 1;
  }
  .cb-col-lg-offset-1 {
    grid-column-start: 2;
  }
  .cb-col-lg-offset-2 {
    grid-column-start: 3;
  }
  .cb-col-lg-offset-3 {
    grid-column-start: 4;
  }
  .cb-col-lg-offset-4 {
    grid-column-start: 5;
  }
  .cb-col-lg-offset-5 {
    grid-column-start: 6;
  }
  .cb-col-lg-offset-6 {
    grid-column-start: 7;
  }
  .cb-col-lg-offset-7 {
    grid-column-start: 8;
  }
  .cb-col-lg-offset-8 {
    grid-column-start: 9;
  }
  .cb-col-lg-offset-9 {
    grid-column-start: 10;
  }
  .cb-col-lg-offset-10 {
    grid-column-start: 11;
  }
  .cb-col-lg-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1200px) {
  .cb-col-xl-span-1 {
    grid-column-end: span 1;
  }
  .cb-col-xl-span-2 {
    grid-column-end: span 2;
  }
  .cb-col-xl-span-3 {
    grid-column-end: span 3;
  }
  .cb-col-xl-span-4 {
    grid-column-end: span 4;
  }
  .cb-col-xl-span-5 {
    grid-column-end: span 5;
  }
  .cb-col-xl-span-6 {
    grid-column-end: span 6;
  }
  .cb-col-xl-span-7 {
    grid-column-end: span 7;
  }
  .cb-col-xl-span-8 {
    grid-column-end: span 8;
  }
  .cb-col-xl-span-9 {
    grid-column-end: span 9;
  }
  .cb-col-xl-span-10 {
    grid-column-end: span 10;
  }
  .cb-col-xl-span-11 {
    grid-column-end: span 11;
  }
  .cb-col-xl-span-12 {
    grid-column-end: span 12;
  }
  .cb-col-xl-offset-0 {
    grid-column-start: 1;
  }
  .cb-col-xl-offset-1 {
    grid-column-start: 2;
  }
  .cb-col-xl-offset-2 {
    grid-column-start: 3;
  }
  .cb-col-xl-offset-3 {
    grid-column-start: 4;
  }
  .cb-col-xl-offset-4 {
    grid-column-start: 5;
  }
  .cb-col-xl-offset-5 {
    grid-column-start: 6;
  }
  .cb-col-xl-offset-6 {
    grid-column-start: 7;
  }
  .cb-col-xl-offset-7 {
    grid-column-start: 8;
  }
  .cb-col-xl-offset-8 {
    grid-column-start: 9;
  }
  .cb-col-xl-offset-9 {
    grid-column-start: 10;
  }
  .cb-col-xl-offset-10 {
    grid-column-start: 11;
  }
  .cb-col-xl-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1366px) {
  .cb-col-xxl-span-1 {
    grid-column-end: span 1;
  }
  .cb-col-xxl-span-2 {
    grid-column-end: span 2;
  }
  .cb-col-xxl-span-3 {
    grid-column-end: span 3;
  }
  .cb-col-xxl-span-4 {
    grid-column-end: span 4;
  }
  .cb-col-xxl-span-5 {
    grid-column-end: span 5;
  }
  .cb-col-xxl-span-6 {
    grid-column-end: span 6;
  }
  .cb-col-xxl-span-7 {
    grid-column-end: span 7;
  }
  .cb-col-xxl-span-8 {
    grid-column-end: span 8;
  }
  .cb-col-xxl-span-9 {
    grid-column-end: span 9;
  }
  .cb-col-xxl-span-10 {
    grid-column-end: span 10;
  }
  .cb-col-xxl-span-11 {
    grid-column-end: span 11;
  }
  .cb-col-xxl-span-12 {
    grid-column-end: span 12;
  }
  .cb-col-xxl-offset-0 {
    grid-column-start: 1;
  }
  .cb-col-xxl-offset-1 {
    grid-column-start: 2;
  }
  .cb-col-xxl-offset-2 {
    grid-column-start: 3;
  }
  .cb-col-xxl-offset-3 {
    grid-column-start: 4;
  }
  .cb-col-xxl-offset-4 {
    grid-column-start: 5;
  }
  .cb-col-xxl-offset-5 {
    grid-column-start: 6;
  }
  .cb-col-xxl-offset-6 {
    grid-column-start: 7;
  }
  .cb-col-xxl-offset-7 {
    grid-column-start: 8;
  }
  .cb-col-xxl-offset-8 {
    grid-column-start: 9;
  }
  .cb-col-xxl-offset-9 {
    grid-column-start: 10;
  }
  .cb-col-xxl-offset-10 {
    grid-column-start: 11;
  }
  .cb-col-xxl-offset-11 {
    grid-column-start: 12;
  }
}
.cb-h-16 {
  height: var(--cb-sys-size-16);
}
.cb-h-20 {
  height: var(--cb-sys-size-20);
}
.cb-h-24 {
  height: var(--cb-sys-size-24);
}
.cb-h-32 {
  height: var(--cb-sys-size-32);
}
.cb-h-48 {
  height: var(--cb-sys-size-48);
}
.cb-h-64 {
  height: var(--cb-sys-size-64);
}
@media (min-width: 576px) {
  .cb-h-sm-16 {
    height: var(--cb-sys-size-16);
  }
  .cb-h-sm-20 {
    height: var(--cb-sys-size-20);
  }
  .cb-h-sm-24 {
    height: var(--cb-sys-size-24);
  }
  .cb-h-sm-32 {
    height: var(--cb-sys-size-32);
  }
  .cb-h-sm-48 {
    height: var(--cb-sys-size-48);
  }
  .cb-h-sm-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 768px) {
  .cb-h-md-16 {
    height: var(--cb-sys-size-16);
  }
  .cb-h-md-20 {
    height: var(--cb-sys-size-20);
  }
  .cb-h-md-24 {
    height: var(--cb-sys-size-24);
  }
  .cb-h-md-32 {
    height: var(--cb-sys-size-32);
  }
  .cb-h-md-48 {
    height: var(--cb-sys-size-48);
  }
  .cb-h-md-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 992px) {
  .cb-h-lg-16 {
    height: var(--cb-sys-size-16);
  }
  .cb-h-lg-20 {
    height: var(--cb-sys-size-20);
  }
  .cb-h-lg-24 {
    height: var(--cb-sys-size-24);
  }
  .cb-h-lg-32 {
    height: var(--cb-sys-size-32);
  }
  .cb-h-lg-48 {
    height: var(--cb-sys-size-48);
  }
  .cb-h-lg-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1200px) {
  .cb-h-xl-16 {
    height: var(--cb-sys-size-16);
  }
  .cb-h-xl-20 {
    height: var(--cb-sys-size-20);
  }
  .cb-h-xl-24 {
    height: var(--cb-sys-size-24);
  }
  .cb-h-xl-32 {
    height: var(--cb-sys-size-32);
  }
  .cb-h-xl-48 {
    height: var(--cb-sys-size-48);
  }
  .cb-h-xl-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1366px) {
  .cb-h-xxl-16 {
    height: var(--cb-sys-size-16);
  }
  .cb-h-xxl-20 {
    height: var(--cb-sys-size-20);
  }
  .cb-h-xxl-24 {
    height: var(--cb-sys-size-24);
  }
  .cb-h-xxl-32 {
    height: var(--cb-sys-size-32);
  }
  .cb-h-xxl-48 {
    height: var(--cb-sys-size-48);
  }
  .cb-h-xxl-64 {
    height: var(--cb-sys-size-64);
  }
}
.cb-size-16 {
  width: var(--cb-sys-size-16);
  height: var(--cb-sys-size-16);
}
.cb-size-20 {
  width: var(--cb-sys-size-20);
  height: var(--cb-sys-size-20);
}
.cb-size-24 {
  width: var(--cb-sys-size-24);
  height: var(--cb-sys-size-24);
}
.cb-size-32 {
  width: var(--cb-sys-size-32);
  height: var(--cb-sys-size-32);
}
.cb-size-48 {
  width: var(--cb-sys-size-48);
  height: var(--cb-sys-size-48);
}
.cb-size-64 {
  width: var(--cb-sys-size-64);
  height: var(--cb-sys-size-64);
}
@media (min-width: 576px) {
  .cb-size-sm-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  .cb-size-sm-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  .cb-size-sm-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  .cb-size-sm-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  .cb-size-sm-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  .cb-size-sm-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 768px) {
  .cb-size-md-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  .cb-size-md-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  .cb-size-md-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  .cb-size-md-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  .cb-size-md-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  .cb-size-md-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 992px) {
  .cb-size-lg-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  .cb-size-lg-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  .cb-size-lg-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  .cb-size-lg-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  .cb-size-lg-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  .cb-size-lg-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1200px) {
  .cb-size-xl-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  .cb-size-xl-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  .cb-size-xl-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  .cb-size-xl-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  .cb-size-xl-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  .cb-size-xl-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1366px) {
  .cb-size-xxl-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  .cb-size-xxl-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  .cb-size-xxl-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  .cb-size-xxl-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  .cb-size-xxl-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  .cb-size-xxl-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
.cb-w-16 {
  width: var(--cb-sys-size-16);
}
.cb-w-20 {
  width: var(--cb-sys-size-20);
}
.cb-w-24 {
  width: var(--cb-sys-size-24);
}
.cb-w-32 {
  width: var(--cb-sys-size-32);
}
.cb-w-48 {
  width: var(--cb-sys-size-48);
}
.cb-w-64 {
  width: var(--cb-sys-size-64);
}
@media (min-width: 576px) {
  .cb-w-sm-16 {
    width: var(--cb-sys-size-16);
  }
  .cb-w-sm-20 {
    width: var(--cb-sys-size-20);
  }
  .cb-w-sm-24 {
    width: var(--cb-sys-size-24);
  }
  .cb-w-sm-32 {
    width: var(--cb-sys-size-32);
  }
  .cb-w-sm-48 {
    width: var(--cb-sys-size-48);
  }
  .cb-w-sm-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 768px) {
  .cb-w-md-16 {
    width: var(--cb-sys-size-16);
  }
  .cb-w-md-20 {
    width: var(--cb-sys-size-20);
  }
  .cb-w-md-24 {
    width: var(--cb-sys-size-24);
  }
  .cb-w-md-32 {
    width: var(--cb-sys-size-32);
  }
  .cb-w-md-48 {
    width: var(--cb-sys-size-48);
  }
  .cb-w-md-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 992px) {
  .cb-w-lg-16 {
    width: var(--cb-sys-size-16);
  }
  .cb-w-lg-20 {
    width: var(--cb-sys-size-20);
  }
  .cb-w-lg-24 {
    width: var(--cb-sys-size-24);
  }
  .cb-w-lg-32 {
    width: var(--cb-sys-size-32);
  }
  .cb-w-lg-48 {
    width: var(--cb-sys-size-48);
  }
  .cb-w-lg-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 1200px) {
  .cb-w-xl-16 {
    width: var(--cb-sys-size-16);
  }
  .cb-w-xl-20 {
    width: var(--cb-sys-size-20);
  }
  .cb-w-xl-24 {
    width: var(--cb-sys-size-24);
  }
  .cb-w-xl-32 {
    width: var(--cb-sys-size-32);
  }
  .cb-w-xl-48 {
    width: var(--cb-sys-size-48);
  }
  .cb-w-xl-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 1366px) {
  .cb-w-xxl-16 {
    width: var(--cb-sys-size-16);
  }
  .cb-w-xxl-20 {
    width: var(--cb-sys-size-20);
  }
  .cb-w-xxl-24 {
    width: var(--cb-sys-size-24);
  }
  .cb-w-xxl-32 {
    width: var(--cb-sys-size-32);
  }
  .cb-w-xxl-48 {
    width: var(--cb-sys-size-48);
  }
  .cb-w-xxl-64 {
    width: var(--cb-sys-size-64);
  }
}
html {
  height: 100%;
  --cb-sys-text-default: light-dark(#2c2a29, #ffffff);
  --cb-sys-text-inverse: light-dark(#ffffff, #2c2a29);
  --cb-sys-text-error: light-dark(#e20201, #ff8389);
  --cb-sys-text-success: light-dark(#038144, #69cc96);
  --cb-sys-text-fixed-01: light-dark(#2c2a29, #2c2a29);
  --cb-sys-text-fixed-02: light-dark(#ffffff, #ffffff);
  --cb-sys-text-fixed-brand: light-dark(#2c2a29, #2c2a29);
  --cb-sys-text-disable: light-dark(#97999b, #97999b);
  --cb-sys-background-primary-01: light-dark(#ffffff, #2c2a29);
  --cb-sys-background-primary-02: light-dark(#ffffff, #353537);
  --cb-sys-background-primary-03: light-dark(#ffffff, #454648);
  --cb-sys-background-secondary-01: light-dark(#f2f2f4, #2c2a29);
  --cb-sys-background-secondary-02: light-dark(#f2f2f4, #353537);
  --cb-sys-background-secondary-03: light-dark(#f2f2f4, #454648);
  --cb-sys-background-inverse-1: light-dark(#353537, #ffffff);
  --cb-sys-background-inverse-2: light-dark(#454648, #f2f2f4);
  --cb-sys-background-fixed-dark-1: light-dark(#2c2a29, #2c2a29);
  --cb-sys-background-fixed-light-1: light-dark(#ffffff, #ffffff);
  --cb-sys-background-dark-1: light-dark(#2c2a29, #454648);
  --cb-sys-background-dark-2: light-dark(#2c2a29, #595a5c);
  --cb-sys-background-dark-3: light-dark(#2c2a29, #353537);
  --cb-sys-icon-default: light-dark(#2c2a29, #ffffff);
  --cb-sys-icon-inverse: light-dark(#ffffff, #2c2a29);
  --cb-sys-icon-fixed-01: light-dark(#2c2a29, #2c2a29);
  --cb-sys-icon-fixed-02: light-dark(#ffffff, #ffffff);
  --cb-sys-icon-fixed-brand: light-dark(#2c2a29, #2c2a29);
  --cb-sys-icon-disable: light-dark(#97999b, #97999b);
  --cb-sys-icon-error: light-dark(#e20201, #ff8389);
  --cb-sys-icon-success: light-dark(#038144, #69cc96);
  --cb-sys-action-primary: light-dark(#fdda24, #fdda24);
  --cb-sys-action-primary-hover: light-dark(#fde773, #fde773);
  --cb-sys-action-primary-press: light-dark(#e6c621, #e6c621);
  --cb-sys-action-primary-selected: light-dark(#fde773, #fde773);
  --cb-sys-action-secondary: light-dark(#ffffff, #454648);
  --cb-sys-action-secondary-hover: light-dark(#d9dadd, #595a5c);
  --cb-sys-action-secondary-press: light-dark(#b3b5b8, #727476);
  --cb-sys-action-secondary-selected: light-dark(#d9dadd, #595a5c);
  --cb-sys-action-secondary-inverse: light-dark(#454648, #ffffff);
  --cb-sys-action-secondary-inverse-hover: light-dark(#595a5c, #d9dadd);
  --cb-sys-action-secondary-inverse-press: light-dark(#727476, #b3b5b8);
  --cb-sys-action-secondary-inverse-selected: light-dark(#2c2a29, #f2f2f4);
  --cb-sys-action-disable: light-dark(#d9dadd, #595a5c);
  --cb-sys-action-disable-inverse: light-dark(#595a5c, #d9dadd);
  --cb-sys-action-selected-contrast-1: light-dark(#2c2a29, #fdda24);
  --cb-sys-action-selected-contrast-2: light-dark(#2c2a29, #ffffff);
  --cb-sys-border-default: light-dark(#d9dadd, #727476);
  --cb-sys-border-inverse: light-dark(#727476, #d9dadd);
  --cb-sys-border-contrast: light-dark(#2c2a29, #ffffff);
  --cb-sys-border-contrast-inverse: light-dark(#ffffff, #2c2a29);
  --cb-sys-border-selected-brand: light-dark(#fdda24, #fdda24);
  --cb-sys-border-selected-contrast-1: light-dark(#2c2a29, #fdda24);
  --cb-sys-border-error: light-dark(#e20201, #ff8389);
  --cb-sys-border-success: light-dark(#038144, #69cc96);
  --cb-sys-border-disable: light-dark(#f2f2f4, #454648);
  --cb-sys-border-disable-contrast: light-dark(#97999b, #97999b);
  --cb-sys-status-success-1: light-dark(#00c389, #00c389);
  --cb-sys-status-success-2: light-dark(#66dbb8, #66dbb8);
  --cb-sys-status-success-3: light-dark(#b0ecda, #b0ecda);
  --cb-sys-status-success-fill: light-dark(#b0ecda, #454648);
  --cb-sys-status-error-1: light-dark(#ff7f41, #ff7f41);
  --cb-sys-status-error-2: light-dark(#ffb28d, #ffb28d);
  --cb-sys-status-error-3: light-dark(#ffd7c4, #ffd7c4);
  --cb-sys-status-error-fill: light-dark(#ffd7c4, #454648);
  --cb-sys-status-alert-1: light-dark(#fdda24, #fdda24);
  --cb-sys-status-alert-2: light-dark(#fde773, #fde773);
  --cb-sys-status-alert-3: light-dark(#fef4bb, #fef4bb);
  --cb-sys-status-alert-fill: light-dark(#fef4bb, #454648);
  --cb-sys-status-info-1: light-dark(#59cbe8, #59cbe8);
  --cb-sys-status-info-2: light-dark(#9be0f1, #9be0f1);
  --cb-sys-status-info-3: light-dark(#cceff8, #cceff8);
  --cb-sys-status-info-fill: light-dark(#cceff8, #454648);
  --cb-sys-status-neutral-1: light-dark(#7d7f82, #7d7f82);
  --cb-sys-status-neutral-2: light-dark(#d9dadd, #d9dadd);
  --cb-sys-status-neutral-3: light-dark(#f2f2f4, #f2f2f4);
  --cb-sys-status-neutral-fill: light-dark(#d9dadd, #454648);
  --cb-sys-status-black-fill: light-dark(#353537, #f9f9fa);
  --cb-sys-status-black-1: light-dark(#2c2a29, #2c2a29);
  --cb-sys-status-black-2: light-dark(#454648, #454648);
  --cb-sys-status-black-3: light-dark(#353537, #353537);
  --cb-sys-status-white-fill: light-dark(#f9f9fa, #353537);
  --cb-sys-status-white-1: light-dark(#d9dadd, #d9dadd);
  --cb-sys-status-white-2: light-dark(#f2f2f4, #f2f2f4);
  --cb-sys-status-white-3: light-dark(#f9f9fa, #f9f9fa);
  --cb-sys-status-color-a-fill: light-dark(#fce8f0, #454648);
  --cb-sys-status-color-a-1: light-dark(#f5b6cd, #f5b6cd);
  --cb-sys-status-color-a-2: light-dark(#f9d3e1, #f9d3e1);
  --cb-sys-status-color-a-3: light-dark(#fce8f0, #fce8f0);
  --cb-sys-status-color-b-fill: light-dark(#ddcff0, #454648);
  --cb-sys-status-color-b-1: light-dark(#9063cd, #9063cd);
  --cb-sys-status-color-b-2: light-dark(#c5ade5, #c5ade5);
  --cb-sys-status-color-b-3: light-dark(#ddcff0, #ddcff0);
  --cb-sys-extra-selected-contrast-1: light-dark(#2c2a29, #fdda24);
  --cb-sys-extra-selected-contrast-2: light-dark(#2c2a29, #ffffff);
  --cb-sys-extra-selected-brand: light-dark(#7d7f82, #7d7f82);
  --cb-sys-extra-error: light-dark(#e20201, #ff8389);
  --cb-sys-extra-focus: light-dark(#3455db, #59cbe8);
  --cb-sys-extra-focus-inverse: light-dark(#59cbe8, #3455db);
  --cb-sys-shadow-layer-1: light-dark(rgba(44, 42, 41, 0.08), rgba(44, 42, 41, 0.32));
  --cb-sys-shadow-layer-2: light-dark(rgba(44, 42, 41, 0.16), rgba(44, 42, 41, 0.56));
  --cb-sys-illustration-default: light-dark(#ffffff, #2c2a29);
  --cb-sys-illustration-dark-1: light-dark(#2c2a29, #454648);
  --cb-sys-level0: 0px 0px 0px 0px var(--cb-sys-shadow-layer-1), 0px 0px 0px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-level1: 0px 1px 2px 0px var(--cb-sys-shadow-layer-1), 0px 1px 4px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-level2: 0px 1px 4px 0px var(--cb-sys-shadow-layer-1), 0px 3px 6px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-level3: 0px 1px 6px 0px var(--cb-sys-shadow-layer-1), 0px 5px 8px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-level4: 0px 5px 8px 0px var(--cb-sys-shadow-layer-1), 0px 5px 8px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-level5: 0px 5px 8px 0px var(--cb-sys-shadow-layer-1), 0px 5px 8px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-level6: 0px 5px 8px 0px var(--cb-sys-shadow-layer-1), 0px 5px 8px 0px var(--cb-sys-shadow-layer-2);
  --cb-sys-font-family-plain: Open Sans;
  --cb-sys-font-family-brand: CIB Sans;
  --cb-sys-font-weight-bold: 700;
  --cb-sys-font-weight-semibold: 600;
  --cb-sys-font-weight-regular: 400;
  --cb-sys-font-weight-extra-light: 200;
  --cb-sys-plain-font-style-1-regular: 400 12px / 16px Open Sans;
  --cb-sys-plain-font-style-1-regular-font: Open Sans;
  --cb-sys-plain-font-style-1-regular-line-height: 16px;
  --cb-sys-plain-font-style-1-regular-size: 12px;
  --cb-sys-plain-font-style-1-regular-letter-spacing: 0px;
  --cb-sys-plain-font-style-1-regular-weight: 400;
  --cb-sys-plain-font-style-1-semibold: 600 12px / 16px Open Sans;
  --cb-sys-plain-font-style-1-semibold-font: Open Sans;
  --cb-sys-plain-font-style-1-semibold-line-height: 16px;
  --cb-sys-plain-font-style-1-semibold-size: 12px;
  --cb-sys-plain-font-style-1-semibold-letter-spacing: 0px;
  --cb-sys-plain-font-style-1-semibold-weight: 600;
  --cb-sys-plain-font-style-1-bold: 700 12px / 16px Open Sans;
  --cb-sys-plain-font-style-1-bold-font: Open Sans;
  --cb-sys-plain-font-style-1-bold-line-height: 16px;
  --cb-sys-plain-font-style-1-bold-size: 12px;
  --cb-sys-plain-font-style-1-bold-letter-spacing: 0px;
  --cb-sys-plain-font-style-1-bold-weight: 700;
  --cb-sys-plain-font-style-2-regular: 400 14px / 20px Open Sans;
  --cb-sys-plain-font-style-2-regular-font: Open Sans;
  --cb-sys-plain-font-style-2-regular-line-height: 20px;
  --cb-sys-plain-font-style-2-regular-size: 14px;
  --cb-sys-plain-font-style-2-regular-letter-spacing: 0px;
  --cb-sys-plain-font-style-2-regular-weight: 400;
  --cb-sys-plain-font-style-2-semibold: 600 14px / 20px Open Sans;
  --cb-sys-plain-font-style-2-semibold-font: Open Sans;
  --cb-sys-plain-font-style-2-semibold-line-height: 20px;
  --cb-sys-plain-font-style-2-semibold-size: 14px;
  --cb-sys-plain-font-style-2-semibold-letter-spacing: 0px;
  --cb-sys-plain-font-style-2-semibold-weight: 600;
  --cb-sys-plain-font-style-2-bold: 700 14px / 20px Open Sans;
  --cb-sys-plain-font-style-2-bold-font: Open Sans;
  --cb-sys-plain-font-style-2-bold-line-height: 20px;
  --cb-sys-plain-font-style-2-bold-size: 14px;
  --cb-sys-plain-font-style-2-bold-letter-spacing: 0px;
  --cb-sys-plain-font-style-2-bold-weight: 700;
  --cb-sys-plain-font-style-3-regular: 400 16px / 24px Open Sans;
  --cb-sys-plain-font-style-3-regular-font: Open Sans;
  --cb-sys-plain-font-style-3-regular-line-height: 24px;
  --cb-sys-plain-font-style-3-regular-size: 16px;
  --cb-sys-plain-font-style-3-regular-letter-spacing: 0px;
  --cb-sys-plain-font-style-3-regular-weight: 400;
  --cb-sys-plain-font-style-3-semibold: 600 16px / 24px Open Sans;
  --cb-sys-plain-font-style-3-semibold-font: Open Sans;
  --cb-sys-plain-font-style-3-semibold-line-height: 24px;
  --cb-sys-plain-font-style-3-semibold-size: 16px;
  --cb-sys-plain-font-style-3-semibold-letter-spacing: 0px;
  --cb-sys-plain-font-style-3-semibold-weight: 600;
  --cb-sys-plain-font-style-3-bold: 700 16px / 24px Open Sans;
  --cb-sys-plain-font-style-3-bold-font: Open Sans;
  --cb-sys-plain-font-style-3-bold-line-height: 24px;
  --cb-sys-plain-font-style-3-bold-size: 16px;
  --cb-sys-plain-font-style-3-bold-letter-spacing: 0px;
  --cb-sys-plain-font-style-3-bold-weight: 700;
  --cb-sys-plain-font-style-4-regular: 400 18px / 26px Open Sans;
  --cb-sys-plain-font-style-4-regular-font: Open Sans;
  --cb-sys-plain-font-style-4-regular-line-height: 26px;
  --cb-sys-plain-font-style-4-regular-size: 18px;
  --cb-sys-plain-font-style-4-regular-letter-spacing: 0px;
  --cb-sys-plain-font-style-4-regular-weight: 400;
  --cb-sys-plain-font-style-4-semibold: 600 18px / 26px Open Sans;
  --cb-sys-plain-font-style-4-semibold-font: Open Sans;
  --cb-sys-plain-font-style-4-semibold-line-height: 26px;
  --cb-sys-plain-font-style-4-semibold-size: 18px;
  --cb-sys-plain-font-style-4-semibold-letter-spacing: 0px;
  --cb-sys-plain-font-style-4-semibold-weight: 600;
  --cb-sys-plain-font-style-4-bold: 700 18px / 26px Open Sans;
  --cb-sys-plain-font-style-4-bold-font: Open Sans;
  --cb-sys-plain-font-style-4-bold-line-height: 26px;
  --cb-sys-plain-font-style-4-bold-size: 18px;
  --cb-sys-plain-font-style-4-bold-letter-spacing: 0px;
  --cb-sys-plain-font-style-4-bold-weight: 700;
  --cb-sys-brand-font-style-1-extralight: 200 12px / 16px CIB Sans;
  --cb-sys-brand-font-style-1-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-1-extralight-line-height: 16px;
  --cb-sys-brand-font-style-1-extralight-size: 12px;
  --cb-sys-brand-font-style-1-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-1-extralight-weight: 200;
  --cb-sys-brand-font-style-1-regular: 400 12px / 16px CIB Sans;
  --cb-sys-brand-font-style-1-regular-font: CIB Sans;
  --cb-sys-brand-font-style-1-regular-line-height: 16px;
  --cb-sys-brand-font-style-1-regular-size: 12px;
  --cb-sys-brand-font-style-1-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-1-regular-weight: 400;
  --cb-sys-brand-font-style-1-bold: 700 12px / 16px CIB Sans;
  --cb-sys-brand-font-style-1-bold-font: CIB Sans;
  --cb-sys-brand-font-style-1-bold-line-height: 16px;
  --cb-sys-brand-font-style-1-bold-size: 12px;
  --cb-sys-brand-font-style-1-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-1-bold-weight: 700;
  --cb-sys-brand-font-style-2-extralight: 200 14px / 20px CIB Sans;
  --cb-sys-brand-font-style-2-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-2-extralight-line-height: 20px;
  --cb-sys-brand-font-style-2-extralight-size: 14px;
  --cb-sys-brand-font-style-2-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-2-extralight-weight: 200;
  --cb-sys-brand-font-style-2-regular: 400 14px / 20px CIB Sans;
  --cb-sys-brand-font-style-2-regular-font: CIB Sans;
  --cb-sys-brand-font-style-2-regular-line-height: 20px;
  --cb-sys-brand-font-style-2-regular-size: 14px;
  --cb-sys-brand-font-style-2-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-2-regular-weight: 400;
  --cb-sys-brand-font-style-2-bold: 700 14px / 20px CIB Sans;
  --cb-sys-brand-font-style-2-bold-font: CIB Sans;
  --cb-sys-brand-font-style-2-bold-line-height: 20px;
  --cb-sys-brand-font-style-2-bold-size: 14px;
  --cb-sys-brand-font-style-2-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-2-bold-weight: 700;
  --cb-sys-brand-font-style-3-extralight: 200 16px / 24px CIB Sans;
  --cb-sys-brand-font-style-3-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-3-extralight-line-height: 24px;
  --cb-sys-brand-font-style-3-extralight-size: 16px;
  --cb-sys-brand-font-style-3-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-3-extralight-weight: 200;
  --cb-sys-brand-font-style-3-regular: 400 16px / 24px CIB Sans;
  --cb-sys-brand-font-style-3-regular-font: CIB Sans;
  --cb-sys-brand-font-style-3-regular-line-height: 24px;
  --cb-sys-brand-font-style-3-regular-size: 16px;
  --cb-sys-brand-font-style-3-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-3-regular-weight: 400;
  --cb-sys-brand-font-style-3-bold: 700 16px / 24px CIB Sans;
  --cb-sys-brand-font-style-3-bold-font: CIB Sans;
  --cb-sys-brand-font-style-3-bold-line-height: 24px;
  --cb-sys-brand-font-style-3-bold-size: 16px;
  --cb-sys-brand-font-style-3-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-3-bold-weight: 700;
  --cb-sys-brand-font-style-4-extralight: 200 18px / 26px CIB Sans;
  --cb-sys-brand-font-style-4-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-4-extralight-line-height: 26px;
  --cb-sys-brand-font-style-4-extralight-size: 18px;
  --cb-sys-brand-font-style-4-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-4-extralight-weight: 200;
  --cb-sys-brand-font-style-4-regular: 400 18px / 26px CIB Sans;
  --cb-sys-brand-font-style-4-regular-font: CIB Sans;
  --cb-sys-brand-font-style-4-regular-line-height: 26px;
  --cb-sys-brand-font-style-4-regular-size: 18px;
  --cb-sys-brand-font-style-4-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-4-regular-weight: 400;
  --cb-sys-brand-font-style-4-bold: 700 18px / 26px CIB Sans;
  --cb-sys-brand-font-style-4-bold-font: CIB Sans;
  --cb-sys-brand-font-style-4-bold-line-height: 26px;
  --cb-sys-brand-font-style-4-bold-size: 18px;
  --cb-sys-brand-font-style-4-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-4-bold-weight: 700;
  --cb-sys-brand-font-style-5-extralight: 200 20px / 26px CIB Sans;
  --cb-sys-brand-font-style-5-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-5-extralight-line-height: 26px;
  --cb-sys-brand-font-style-5-extralight-size: 20px;
  --cb-sys-brand-font-style-5-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-5-extralight-weight: 200;
  --cb-sys-brand-font-style-5-regular: 400 20px / 26px CIB Sans;
  --cb-sys-brand-font-style-5-regular-font: CIB Sans;
  --cb-sys-brand-font-style-5-regular-line-height: 26px;
  --cb-sys-brand-font-style-5-regular-size: 20px;
  --cb-sys-brand-font-style-5-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-5-regular-weight: 400;
  --cb-sys-brand-font-style-5-bold: 700 20px / 26px CIB Sans;
  --cb-sys-brand-font-style-5-bold-font: CIB Sans;
  --cb-sys-brand-font-style-5-bold-line-height: 26px;
  --cb-sys-brand-font-style-5-bold-size: 20px;
  --cb-sys-brand-font-style-5-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-5-bold-weight: 700;
  --cb-sys-brand-font-style-6-extralight: 200 24px / 28px CIB Sans;
  --cb-sys-brand-font-style-6-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-6-extralight-line-height: 28px;
  --cb-sys-brand-font-style-6-extralight-size: 24px;
  --cb-sys-brand-font-style-6-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-6-extralight-weight: 200;
  --cb-sys-brand-font-style-6-regular: 400 24px / 28px CIB Sans;
  --cb-sys-brand-font-style-6-regular-font: CIB Sans;
  --cb-sys-brand-font-style-6-regular-line-height: 28px;
  --cb-sys-brand-font-style-6-regular-size: 24px;
  --cb-sys-brand-font-style-6-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-6-regular-weight: 400;
  --cb-sys-brand-font-style-6-bold: 700 24px / 28px CIB Sans;
  --cb-sys-brand-font-style-6-bold-font: CIB Sans;
  --cb-sys-brand-font-style-6-bold-line-height: 28px;
  --cb-sys-brand-font-style-6-bold-size: 24px;
  --cb-sys-brand-font-style-6-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-6-bold-weight: 700;
  --cb-sys-brand-font-style-7-extralight: 200 28px / 32px CIB Sans;
  --cb-sys-brand-font-style-7-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-7-extralight-line-height: 32px;
  --cb-sys-brand-font-style-7-extralight-size: 28px;
  --cb-sys-brand-font-style-7-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-7-extralight-weight: 200;
  --cb-sys-brand-font-style-7-regular: 400 28px / 32px CIB Sans;
  --cb-sys-brand-font-style-7-regular-font: CIB Sans;
  --cb-sys-brand-font-style-7-regular-line-height: 32px;
  --cb-sys-brand-font-style-7-regular-size: 28px;
  --cb-sys-brand-font-style-7-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-7-regular-weight: 400;
  --cb-sys-brand-font-style-7-bold: 700 28px / 32px CIB Sans;
  --cb-sys-brand-font-style-7-bold-font: CIB Sans;
  --cb-sys-brand-font-style-7-bold-line-height: 32px;
  --cb-sys-brand-font-style-7-bold-size: 28px;
  --cb-sys-brand-font-style-7-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-7-bold-weight: 700;
  --cb-sys-brand-font-style-8-extralight: 200 32px / 36px CIB Sans;
  --cb-sys-brand-font-style-8-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-8-extralight-line-height: 36px;
  --cb-sys-brand-font-style-8-extralight-size: 32px;
  --cb-sys-brand-font-style-8-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-8-extralight-weight: 200;
  --cb-sys-brand-font-style-8-regular: 400 32px / 36px CIB Sans;
  --cb-sys-brand-font-style-8-regular-font: CIB Sans;
  --cb-sys-brand-font-style-8-regular-line-height: 36px;
  --cb-sys-brand-font-style-8-regular-size: 32px;
  --cb-sys-brand-font-style-8-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-8-regular-weight: 400;
  --cb-sys-brand-font-style-8-bold: 700 32px / 36px CIB Sans;
  --cb-sys-brand-font-style-8-bold-font: CIB Sans;
  --cb-sys-brand-font-style-8-bold-line-height: 36px;
  --cb-sys-brand-font-style-8-bold-size: 32px;
  --cb-sys-brand-font-style-8-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-8-bold-weight: 700;
  --cb-sys-brand-font-style-9-extralight: 200 36px / 40px CIB Sans;
  --cb-sys-brand-font-style-9-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-9-extralight-line-height: 40px;
  --cb-sys-brand-font-style-9-extralight-size: 36px;
  --cb-sys-brand-font-style-9-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-9-extralight-weight: 200;
  --cb-sys-brand-font-style-9-regular: 400 36px / 40px CIB Sans;
  --cb-sys-brand-font-style-9-regular-font: CIB Sans;
  --cb-sys-brand-font-style-9-regular-line-height: 40px;
  --cb-sys-brand-font-style-9-regular-size: 36px;
  --cb-sys-brand-font-style-9-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-9-regular-weight: 400;
  --cb-sys-brand-font-style-9-bold: 700 36px / 40px CIB Sans;
  --cb-sys-brand-font-style-9-bold-font: CIB Sans;
  --cb-sys-brand-font-style-9-bold-line-height: 40px;
  --cb-sys-brand-font-style-9-bold-size: 36px;
  --cb-sys-brand-font-style-9-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-9-bold-weight: 700;
  --cb-sys-brand-font-style-10-extralight: 200 42px / 46px CIB Sans;
  --cb-sys-brand-font-style-10-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-10-extralight-line-height: 46px;
  --cb-sys-brand-font-style-10-extralight-size: 42px;
  --cb-sys-brand-font-style-10-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-10-extralight-weight: 200;
  --cb-sys-brand-font-style-10-regular: 400 42px / 46px CIB Sans;
  --cb-sys-brand-font-style-10-regular-font: CIB Sans;
  --cb-sys-brand-font-style-10-regular-line-height: 46px;
  --cb-sys-brand-font-style-10-regular-size: 42px;
  --cb-sys-brand-font-style-10-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-10-regular-weight: 400;
  --cb-sys-brand-font-style-10-bold: 700 42px / 46px CIB Sans;
  --cb-sys-brand-font-style-10-bold-font: CIB Sans;
  --cb-sys-brand-font-style-10-bold-line-height: 46px;
  --cb-sys-brand-font-style-10-bold-size: 42px;
  --cb-sys-brand-font-style-10-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-10-bold-weight: 700;
  --cb-sys-brand-font-style-11-extralight: 200 48px / 52px CIB Sans;
  --cb-sys-brand-font-style-11-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-11-extralight-line-height: 52px;
  --cb-sys-brand-font-style-11-extralight-size: 48px;
  --cb-sys-brand-font-style-11-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-11-extralight-weight: 200;
  --cb-sys-brand-font-style-11-regular: 400 48px / 52px CIB Sans;
  --cb-sys-brand-font-style-11-regular-font: CIB Sans;
  --cb-sys-brand-font-style-11-regular-line-height: 52px;
  --cb-sys-brand-font-style-11-regular-size: 48px;
  --cb-sys-brand-font-style-11-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-11-regular-weight: 400;
  --cb-sys-brand-font-style-11-bold: 700 48px / 52px CIB Sans;
  --cb-sys-brand-font-style-11-bold-font: CIB Sans;
  --cb-sys-brand-font-style-11-bold-line-height: 52px;
  --cb-sys-brand-font-style-11-bold-size: 48px;
  --cb-sys-brand-font-style-11-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-11-bold-weight: 700;
  --cb-sys-brand-font-style-12-extralight: 200 54px / 58px CIB Sans;
  --cb-sys-brand-font-style-12-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-12-extralight-line-height: 58px;
  --cb-sys-brand-font-style-12-extralight-size: 54px;
  --cb-sys-brand-font-style-12-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-12-extralight-weight: 200;
  --cb-sys-brand-font-style-12-regular: 400 54px / 58px CIB Sans;
  --cb-sys-brand-font-style-12-regular-font: CIB Sans;
  --cb-sys-brand-font-style-12-regular-line-height: 58px;
  --cb-sys-brand-font-style-12-regular-size: 54px;
  --cb-sys-brand-font-style-12-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-12-regular-weight: 400;
  --cb-sys-brand-font-style-12-bold: 700 54px / 58px CIB Sans;
  --cb-sys-brand-font-style-12-bold-font: CIB Sans;
  --cb-sys-brand-font-style-12-bold-line-height: 58px;
  --cb-sys-brand-font-style-12-bold-size: 54px;
  --cb-sys-brand-font-style-12-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-12-bold-weight: 700;
  --cb-sys-brand-font-style-13-extralight: 200 60px / 64px CIB Sans;
  --cb-sys-brand-font-style-13-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-13-extralight-line-height: 64px;
  --cb-sys-brand-font-style-13-extralight-size: 60px;
  --cb-sys-brand-font-style-13-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-13-extralight-weight: 200;
  --cb-sys-brand-font-style-13-regular: 400 60px / 64px CIB Sans;
  --cb-sys-brand-font-style-13-regular-font: CIB Sans;
  --cb-sys-brand-font-style-13-regular-line-height: 64px;
  --cb-sys-brand-font-style-13-regular-size: 60px;
  --cb-sys-brand-font-style-13-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-13-regular-weight: 400;
  --cb-sys-brand-font-style-13-bold: 700 60px / 64px CIB Sans;
  --cb-sys-brand-font-style-13-bold-font: CIB Sans;
  --cb-sys-brand-font-style-13-bold-line-height: 64px;
  --cb-sys-brand-font-style-13-bold-size: 60px;
  --cb-sys-brand-font-style-13-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-13-bold-weight: 700;
  --cb-sys-brand-font-style-14-extralight: 200 68px / 72px CIB Sans;
  --cb-sys-brand-font-style-14-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-14-extralight-line-height: 72px;
  --cb-sys-brand-font-style-14-extralight-size: 68px;
  --cb-sys-brand-font-style-14-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-14-extralight-weight: 200;
  --cb-sys-brand-font-style-14-regular: 400 68px / 72px CIB Sans;
  --cb-sys-brand-font-style-14-regular-font: CIB Sans;
  --cb-sys-brand-font-style-14-regular-line-height: 72px;
  --cb-sys-brand-font-style-14-regular-size: 68px;
  --cb-sys-brand-font-style-14-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-14-regular-weight: 400;
  --cb-sys-brand-font-style-14-bold: 700 68px / 72px CIB Sans;
  --cb-sys-brand-font-style-14-bold-font: CIB Sans;
  --cb-sys-brand-font-style-14-bold-line-height: 72px;
  --cb-sys-brand-font-style-14-bold-size: 68px;
  --cb-sys-brand-font-style-14-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-14-bold-weight: 700;
  --cb-sys-brand-font-style-15-extralight: 200 76px / 80px CIB Sans;
  --cb-sys-brand-font-style-15-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-15-extralight-line-height: 80px;
  --cb-sys-brand-font-style-15-extralight-size: 76px;
  --cb-sys-brand-font-style-15-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-15-extralight-weight: 200;
  --cb-sys-brand-font-style-15-regular: 400 76px / 80px CIB Sans;
  --cb-sys-brand-font-style-15-regular-font: CIB Sans;
  --cb-sys-brand-font-style-15-regular-line-height: 80px;
  --cb-sys-brand-font-style-15-regular-size: 76px;
  --cb-sys-brand-font-style-15-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-15-regular-weight: 400;
  --cb-sys-brand-font-style-15-bold: 700 76px / 80px CIB Sans;
  --cb-sys-brand-font-style-15-bold-font: CIB Sans;
  --cb-sys-brand-font-style-15-bold-line-height: 80px;
  --cb-sys-brand-font-style-15-bold-size: 76px;
  --cb-sys-brand-font-style-15-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-15-bold-weight: 700;
  --cb-sys-brand-font-style-16-extralight: 200 84px / 92px CIB Sans;
  --cb-sys-brand-font-style-16-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-16-extralight-line-height: 92px;
  --cb-sys-brand-font-style-16-extralight-size: 84px;
  --cb-sys-brand-font-style-16-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-16-extralight-weight: 200;
  --cb-sys-brand-font-style-16-regular: 400 84px / 92px CIB Sans;
  --cb-sys-brand-font-style-16-regular-font: CIB Sans;
  --cb-sys-brand-font-style-16-regular-line-height: 92px;
  --cb-sys-brand-font-style-16-regular-size: 84px;
  --cb-sys-brand-font-style-16-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-16-regular-weight: 400;
  --cb-sys-brand-font-style-16-bold: 700 84px / 92px CIB Sans;
  --cb-sys-brand-font-style-16-bold-font: CIB Sans;
  --cb-sys-brand-font-style-16-bold-line-height: 92px;
  --cb-sys-brand-font-style-16-bold-size: 84px;
  --cb-sys-brand-font-style-16-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-16-bold-weight: 700;
  --cb-sys-brand-font-style-17-extralight: 200 92px / 96px CIB Sans;
  --cb-sys-brand-font-style-17-extralight-font: CIB Sans;
  --cb-sys-brand-font-style-17-extralight-line-height: 96px;
  --cb-sys-brand-font-style-17-extralight-size: 92px;
  --cb-sys-brand-font-style-17-extralight-letter-spacing: 0px;
  --cb-sys-brand-font-style-17-extralight-weight: 200;
  --cb-sys-brand-font-style-17-regular: 400 92px / 96px CIB Sans;
  --cb-sys-brand-font-style-17-regular-font: CIB Sans;
  --cb-sys-brand-font-style-17-regular-line-height: 96px;
  --cb-sys-brand-font-style-17-regular-size: 92px;
  --cb-sys-brand-font-style-17-regular-letter-spacing: 0px;
  --cb-sys-brand-font-style-17-regular-weight: 400;
  --cb-sys-brand-font-style-17-bold: 700 92px / 96px CIB Sans;
  --cb-sys-brand-font-style-17-bold-font: CIB Sans;
  --cb-sys-brand-font-style-17-bold-line-height: 96px;
  --cb-sys-brand-font-style-17-bold-size: 92px;
  --cb-sys-brand-font-style-17-bold-letter-spacing: 0px;
  --cb-sys-brand-font-style-17-bold-weight: 700;
  --cb-sys-font-size-12: 12px;
  --cb-sys-font-size-14: 14px;
  --cb-sys-font-size-16: 16px;
  --cb-sys-font-size-18: 18px;
  --cb-sys-font-size-20: 20px;
  --cb-sys-font-size-24: 24px;
  --cb-sys-font-size-28: 28px;
  --cb-sys-font-size-32: 32px;
  --cb-sys-font-size-36: 36px;
  --cb-sys-font-size-42: 42px;
  --cb-sys-font-size-48: 48px;
  --cb-sys-font-size-54: 54px;
  --cb-sys-font-size-60: 60px;
  --cb-sys-font-size-68: 68px;
  --cb-sys-font-size-76: 76px;
  --cb-sys-font-size-84: 84px;
  --cb-sys-font-size-92: 92px;
  --cb-sys-font-line-height-16: 16px;
  --cb-sys-font-line-height-20: 20px;
  --cb-sys-font-line-height-24: 24px;
  --cb-sys-font-line-height-26: 26px;
  --cb-sys-font-line-height-28: 28px;
  --cb-sys-font-line-height-32: 32px;
  --cb-sys-font-line-height-36: 36px;
  --cb-sys-font-line-height-40: 40px;
  --cb-sys-font-line-height-46: 46px;
  --cb-sys-font-line-height-52: 52px;
  --cb-sys-font-line-height-58: 58px;
  --cb-sys-font-line-height-64: 64px;
  --cb-sys-font-line-height-72: 72px;
  --cb-sys-font-line-height-80: 80px;
  --cb-sys-font-line-height-92: 92px;
  --cb-sys-font-line-height-96: 96px;
  --cb-sys-border-radius-0: 0;
  --cb-sys-border-radius-4: 4px;
  --cb-sys-border-radius-8: 8px;
  --cb-sys-border-radius-16: 16px;
  --cb-sys-border-radius-24: 24px;
  --cb-sys-border-radius-32: 32px;
  --cb-sys-border-radius-48: 48px;
  --cb-sys-border-radius-64: 64px;
  --cb-sys-border-radius-100: 100px;
  --cb-sys-border-radius-full: 9999px;
  --cb-sys-space-2: 2px;
  --cb-sys-space-4: 4px;
  --cb-sys-space-8: 8px;
  --cb-sys-space-12: 12px;
  --cb-sys-space-16: 16px;
  --cb-sys-space-24: 24px;
  --cb-sys-space-32: 32px;
  --cb-sys-space-40: 40px;
  --cb-sys-space-48: 48px;
  --cb-sys-space-56: 56px;
  --cb-sys-space-64: 64px;
  --cb-sys-space-72: 72px;
  --cb-sys-space-80: 80px;
  --cb-sys-space-88: 88px;
  --cb-sys-space-96: 96px;
  --cb-sys-space-104: 104px;
  --cb-sys-space-112: 112px;
  --cb-sys-space-120: 120px;
  --cb-sys-space-128: 128px;
  --cb-sys-size-16: 16px;
  --cb-sys-size-20: 20px;
  --cb-sys-size-24: 24px;
  --cb-sys-size-32: 32px;
  --cb-sys-size-48: 48px;
  --cb-sys-size-64: 64px;
  --cb-sys-breakpoint-xs: 0;
  --cb-sys-breakpoint-xs-up: (min-width: 0);
  --cb-sys-breakpoint-xs-down: (max-width: -0.04px);
  --cb-sys-breakpoint-xs-only: (min-width: 0) and (max-width: 575.96px);
  --cb-sys-breakpoint-sm: 576px;
  --cb-sys-breakpoint-sm-up: (min-width: 576px);
  --cb-sys-breakpoint-sm-down: (max-width: 575.96px);
  --cb-sys-breakpoint-sm-only: (min-width: 576px) and (max-width: 767.96px);
  --cb-sys-breakpoint-md: 768px;
  --cb-sys-breakpoint-md-up: (min-width: 768px);
  --cb-sys-breakpoint-md-down: (max-width: 767.96px);
  --cb-sys-breakpoint-md-only: (min-width: 768px) and (max-width: 991.96px);
  --cb-sys-breakpoint-lg: 992px;
  --cb-sys-breakpoint-lg-up: (min-width: 992px);
  --cb-sys-breakpoint-lg-down: (max-width: 991.96px);
  --cb-sys-breakpoint-lg-only: (min-width: 992px) and (max-width: 1199.96px);
  --cb-sys-breakpoint-xl: 1200px;
  --cb-sys-breakpoint-xl-up: (min-width: 1200px);
  --cb-sys-breakpoint-xl-down: (max-width: 1199.96px);
  --cb-sys-breakpoint-xl-only: (min-width: 1200px) and (max-width: 1365.96px);
  --cb-sys-breakpoint-xxl: 1366px;
  --cb-sys-breakpoint-xxl-up: (min-width: 1366px);
}
html .cb-bg-primary-01 {
  background-color: var(--cb-sys-background-primary-01);
}
html .cb-bg-primary-02 {
  background-color: var(--cb-sys-background-primary-02);
}
html .cb-bg-primary-03 {
  background-color: var(--cb-sys-background-primary-03);
}
html .cb-bg-secondary-01 {
  background-color: var(--cb-sys-background-secondary-01);
}
html .cb-bg-secondary-02 {
  background-color: var(--cb-sys-background-secondary-02);
}
html .cb-bg-secondary-03 {
  background-color: var(--cb-sys-background-secondary-03);
}
html .cb-bg-inverse-1 {
  background-color: var(--cb-sys-background-inverse-1);
}
html .cb-bg-inverse-2 {
  background-color: var(--cb-sys-background-inverse-2);
}
html .cb-bg-fixed-dark-1 {
  background-color: var(--cb-sys-background-fixed-dark-1);
}
html .cb-bg-fixed-light-1 {
  background-color: var(--cb-sys-background-fixed-light-1);
}
html .cb-bg-dark-1 {
  background-color: var(--cb-sys-background-dark-1);
}
html .cb-bg-dark-2 {
  background-color: var(--cb-sys-background-dark-2);
}
html .cb-bg-dark-3 {
  background-color: var(--cb-sys-background-dark-3);
}
html .cb-bg-success-1 {
  background-color: var(--cb-sys-status-success-1);
}
html .cb-bg-success-2 {
  background-color: var(--cb-sys-status-success-2);
}
html .cb-bg-success-3 {
  background-color: var(--cb-sys-status-success-3);
}
html .cb-bg-success-fill {
  background-color: var(--cb-sys-status-success-fill);
}
html .cb-bg-error-1 {
  background-color: var(--cb-sys-status-error-1);
}
html .cb-bg-error-2 {
  background-color: var(--cb-sys-status-error-2);
}
html .cb-bg-error-3 {
  background-color: var(--cb-sys-status-error-3);
}
html .cb-bg-error-fill {
  background-color: var(--cb-sys-status-error-fill);
}
html .cb-bg-alert-1 {
  background-color: var(--cb-sys-status-alert-1);
}
html .cb-bg-alert-2 {
  background-color: var(--cb-sys-status-alert-2);
}
html .cb-bg-alert-3 {
  background-color: var(--cb-sys-status-alert-3);
}
html .cb-bg-alert-fill {
  background-color: var(--cb-sys-status-alert-fill);
}
html .cb-bg-info-1 {
  background-color: var(--cb-sys-status-info-1);
}
html .cb-bg-info-2 {
  background-color: var(--cb-sys-status-info-2);
}
html .cb-bg-info-3 {
  background-color: var(--cb-sys-status-info-3);
}
html .cb-bg-info-fill {
  background-color: var(--cb-sys-status-info-fill);
}
html .cb-bg-neutral-1 {
  background-color: var(--cb-sys-status-neutral-1);
}
html .cb-bg-neutral-2 {
  background-color: var(--cb-sys-status-neutral-2);
}
html .cb-bg-neutral-3 {
  background-color: var(--cb-sys-status-neutral-3);
}
html .cb-bg-neutral-fill {
  background-color: var(--cb-sys-status-neutral-fill);
}
html .cb-bg-black-fill {
  background-color: var(--cb-sys-status-black-fill);
}
html .cb-bg-black-1 {
  background-color: var(--cb-sys-status-black-1);
}
html .cb-bg-black-2 {
  background-color: var(--cb-sys-status-black-2);
}
html .cb-bg-black-3 {
  background-color: var(--cb-sys-status-black-3);
}
html .cb-bg-white-fill {
  background-color: var(--cb-sys-status-white-fill);
}
html .cb-bg-white-1 {
  background-color: var(--cb-sys-status-white-1);
}
html .cb-bg-white-2 {
  background-color: var(--cb-sys-status-white-2);
}
html .cb-bg-white-3 {
  background-color: var(--cb-sys-status-white-3);
}
html .cb-bg-color-a-fill {
  background-color: var(--cb-sys-status-color-a-fill);
}
html .cb-bg-color-a-1 {
  background-color: var(--cb-sys-status-color-a-1);
}
html .cb-bg-color-a-2 {
  background-color: var(--cb-sys-status-color-a-2);
}
html .cb-bg-color-a-3 {
  background-color: var(--cb-sys-status-color-a-3);
}
html .cb-bg-color-b-fill {
  background-color: var(--cb-sys-status-color-b-fill);
}
html .cb-bg-color-b-1 {
  background-color: var(--cb-sys-status-color-b-1);
}
html .cb-bg-color-b-2 {
  background-color: var(--cb-sys-status-color-b-2);
}
html .cb-bg-color-b-3 {
  background-color: var(--cb-sys-status-color-b-3);
}
html .cb-text-default {
  color: var(--cb-sys-text-default);
}
html .cb-text-inverse {
  color: var(--cb-sys-text-inverse);
}
html .cb-text-error {
  color: var(--cb-sys-text-error);
}
html .cb-text-success {
  color: var(--cb-sys-text-success);
}
html .cb-text-fixed-01 {
  color: var(--cb-sys-text-fixed-01);
}
html .cb-text-fixed-02 {
  color: var(--cb-sys-text-fixed-02);
}
html .cb-text-fixed-brand {
  color: var(--cb-sys-text-fixed-brand);
}
html .cb-text-disable {
  color: var(--cb-sys-text-disable);
}
html .cb-text-success-1 {
  color: var(--cb-sys-status-success-1);
}
html .cb-text-success-2 {
  color: var(--cb-sys-status-success-2);
}
html .cb-text-success-3 {
  color: var(--cb-sys-status-success-3);
}
html .cb-text-success-fill {
  color: var(--cb-sys-status-success-fill);
}
html .cb-text-error-1 {
  color: var(--cb-sys-status-error-1);
}
html .cb-text-error-2 {
  color: var(--cb-sys-status-error-2);
}
html .cb-text-error-3 {
  color: var(--cb-sys-status-error-3);
}
html .cb-text-error-fill {
  color: var(--cb-sys-status-error-fill);
}
html .cb-text-alert-1 {
  color: var(--cb-sys-status-alert-1);
}
html .cb-text-alert-2 {
  color: var(--cb-sys-status-alert-2);
}
html .cb-text-alert-3 {
  color: var(--cb-sys-status-alert-3);
}
html .cb-text-alert-fill {
  color: var(--cb-sys-status-alert-fill);
}
html .cb-text-info-1 {
  color: var(--cb-sys-status-info-1);
}
html .cb-text-info-2 {
  color: var(--cb-sys-status-info-2);
}
html .cb-text-info-3 {
  color: var(--cb-sys-status-info-3);
}
html .cb-text-info-fill {
  color: var(--cb-sys-status-info-fill);
}
html .cb-text-neutral-1 {
  color: var(--cb-sys-status-neutral-1);
}
html .cb-text-neutral-2 {
  color: var(--cb-sys-status-neutral-2);
}
html .cb-text-neutral-3 {
  color: var(--cb-sys-status-neutral-3);
}
html .cb-text-neutral-fill {
  color: var(--cb-sys-status-neutral-fill);
}
html .cb-text-black-fill {
  color: var(--cb-sys-status-black-fill);
}
html .cb-text-black-1 {
  color: var(--cb-sys-status-black-1);
}
html .cb-text-black-2 {
  color: var(--cb-sys-status-black-2);
}
html .cb-text-black-3 {
  color: var(--cb-sys-status-black-3);
}
html .cb-text-white-fill {
  color: var(--cb-sys-status-white-fill);
}
html .cb-text-white-1 {
  color: var(--cb-sys-status-white-1);
}
html .cb-text-white-2 {
  color: var(--cb-sys-status-white-2);
}
html .cb-text-white-3 {
  color: var(--cb-sys-status-white-3);
}
html .cb-text-color-a-fill {
  color: var(--cb-sys-status-color-a-fill);
}
html .cb-text-color-a-1 {
  color: var(--cb-sys-status-color-a-1);
}
html .cb-text-color-a-2 {
  color: var(--cb-sys-status-color-a-2);
}
html .cb-text-color-a-3 {
  color: var(--cb-sys-status-color-a-3);
}
html .cb-text-color-b-fill {
  color: var(--cb-sys-status-color-b-fill);
}
html .cb-text-color-b-1 {
  color: var(--cb-sys-status-color-b-1);
}
html .cb-text-color-b-2 {
  color: var(--cb-sys-status-color-b-2);
}
html .cb-text-color-b-3 {
  color: var(--cb-sys-status-color-b-3);
}
html .cb-plain-font-style-1-regular {
  font: var(--cb-sys-plain-font-style-1-regular);
}
html .cb-plain-font-style-1-semibold {
  font: var(--cb-sys-plain-font-style-1-semibold);
}
html .cb-plain-font-style-1-bold {
  font: var(--cb-sys-plain-font-style-1-bold);
}
html .cb-plain-font-style-2-regular {
  font: var(--cb-sys-plain-font-style-2-regular);
}
html .cb-plain-font-style-2-semibold {
  font: var(--cb-sys-plain-font-style-2-semibold);
}
html .cb-plain-font-style-2-bold {
  font: var(--cb-sys-plain-font-style-2-bold);
}
html .cb-plain-font-style-3-regular {
  font: var(--cb-sys-plain-font-style-3-regular);
}
html .cb-plain-font-style-3-semibold {
  font: var(--cb-sys-plain-font-style-3-semibold);
}
html .cb-plain-font-style-3-bold {
  font: var(--cb-sys-plain-font-style-3-bold);
}
html .cb-plain-font-style-4-regular {
  font: var(--cb-sys-plain-font-style-4-regular);
}
html .cb-plain-font-style-4-semibold {
  font: var(--cb-sys-plain-font-style-4-semibold);
}
html .cb-plain-font-style-4-bold {
  font: var(--cb-sys-plain-font-style-4-bold);
}
html .cb-brand-font-style-1-extralight {
  font: var(--cb-sys-brand-font-style-1-extralight);
}
html .cb-brand-font-style-1-regular {
  font: var(--cb-sys-brand-font-style-1-regular);
}
html .cb-brand-font-style-1-bold {
  font: var(--cb-sys-brand-font-style-1-bold);
}
html .cb-brand-font-style-2-extralight {
  font: var(--cb-sys-brand-font-style-2-extralight);
}
html .cb-brand-font-style-2-regular {
  font: var(--cb-sys-brand-font-style-2-regular);
}
html .cb-brand-font-style-2-bold {
  font: var(--cb-sys-brand-font-style-2-bold);
}
html .cb-brand-font-style-3-extralight {
  font: var(--cb-sys-brand-font-style-3-extralight);
}
html .cb-brand-font-style-3-regular {
  font: var(--cb-sys-brand-font-style-3-regular);
}
html .cb-brand-font-style-3-bold {
  font: var(--cb-sys-brand-font-style-3-bold);
}
html .cb-brand-font-style-4-extralight {
  font: var(--cb-sys-brand-font-style-4-extralight);
}
html .cb-brand-font-style-4-regular {
  font: var(--cb-sys-brand-font-style-4-regular);
}
html .cb-brand-font-style-4-bold {
  font: var(--cb-sys-brand-font-style-4-bold);
}
html .cb-brand-font-style-5-extralight {
  font: var(--cb-sys-brand-font-style-5-extralight);
}
html .cb-brand-font-style-5-regular {
  font: var(--cb-sys-brand-font-style-5-regular);
}
html .cb-brand-font-style-5-bold {
  font: var(--cb-sys-brand-font-style-5-bold);
}
html .cb-brand-font-style-6-extralight {
  font: var(--cb-sys-brand-font-style-6-extralight);
}
html .cb-brand-font-style-6-regular {
  font: var(--cb-sys-brand-font-style-6-regular);
}
html .cb-brand-font-style-6-bold {
  font: var(--cb-sys-brand-font-style-6-bold);
}
html .cb-brand-font-style-7-extralight {
  font: var(--cb-sys-brand-font-style-7-extralight);
}
html .cb-brand-font-style-7-regular {
  font: var(--cb-sys-brand-font-style-7-regular);
}
html .cb-brand-font-style-7-bold {
  font: var(--cb-sys-brand-font-style-7-bold);
}
html .cb-brand-font-style-8-extralight {
  font: var(--cb-sys-brand-font-style-8-extralight);
}
html .cb-brand-font-style-8-regular {
  font: var(--cb-sys-brand-font-style-8-regular);
}
html .cb-brand-font-style-8-bold {
  font: var(--cb-sys-brand-font-style-8-bold);
}
html .cb-brand-font-style-9-extralight {
  font: var(--cb-sys-brand-font-style-9-extralight);
}
html .cb-brand-font-style-9-regular {
  font: var(--cb-sys-brand-font-style-9-regular);
}
html .cb-brand-font-style-9-bold {
  font: var(--cb-sys-brand-font-style-9-bold);
}
html .cb-brand-font-style-10-extralight {
  font: var(--cb-sys-brand-font-style-10-extralight);
}
html .cb-brand-font-style-10-regular {
  font: var(--cb-sys-brand-font-style-10-regular);
}
html .cb-brand-font-style-10-bold {
  font: var(--cb-sys-brand-font-style-10-bold);
}
html .cb-brand-font-style-11-extralight {
  font: var(--cb-sys-brand-font-style-11-extralight);
}
html .cb-brand-font-style-11-regular {
  font: var(--cb-sys-brand-font-style-11-regular);
}
html .cb-brand-font-style-11-bold {
  font: var(--cb-sys-brand-font-style-11-bold);
}
html .cb-brand-font-style-12-extralight {
  font: var(--cb-sys-brand-font-style-12-extralight);
}
html .cb-brand-font-style-12-regular {
  font: var(--cb-sys-brand-font-style-12-regular);
}
html .cb-brand-font-style-12-bold {
  font: var(--cb-sys-brand-font-style-12-bold);
}
html .cb-brand-font-style-13-extralight {
  font: var(--cb-sys-brand-font-style-13-extralight);
}
html .cb-brand-font-style-13-regular {
  font: var(--cb-sys-brand-font-style-13-regular);
}
html .cb-brand-font-style-13-bold {
  font: var(--cb-sys-brand-font-style-13-bold);
}
html .cb-brand-font-style-14-extralight {
  font: var(--cb-sys-brand-font-style-14-extralight);
}
html .cb-brand-font-style-14-regular {
  font: var(--cb-sys-brand-font-style-14-regular);
}
html .cb-brand-font-style-14-bold {
  font: var(--cb-sys-brand-font-style-14-bold);
}
html .cb-brand-font-style-15-extralight {
  font: var(--cb-sys-brand-font-style-15-extralight);
}
html .cb-brand-font-style-15-regular {
  font: var(--cb-sys-brand-font-style-15-regular);
}
html .cb-brand-font-style-15-bold {
  font: var(--cb-sys-brand-font-style-15-bold);
}
html .cb-brand-font-style-16-extralight {
  font: var(--cb-sys-brand-font-style-16-extralight);
}
html .cb-brand-font-style-16-regular {
  font: var(--cb-sys-brand-font-style-16-regular);
}
html .cb-brand-font-style-16-bold {
  font: var(--cb-sys-brand-font-style-16-bold);
}
html .cb-brand-font-style-17-extralight {
  font: var(--cb-sys-brand-font-style-17-extralight);
}
html .cb-brand-font-style-17-regular {
  font: var(--cb-sys-brand-font-style-17-regular);
}
html .cb-brand-font-style-17-bold {
  font: var(--cb-sys-brand-font-style-17-bold);
}
html .cb-shadow-0 {
  box-shadow: var(--cb-sys-level0);
}
html .cb-shadow-1 {
  box-shadow: var(--cb-sys-level1);
}
html .cb-shadow-2 {
  box-shadow: var(--cb-sys-level2);
}
html .cb-shadow-3 {
  box-shadow: var(--cb-sys-level3);
}
html .cb-shadow-4 {
  box-shadow: var(--cb-sys-level4);
}
html .cb-shadow-5 {
  box-shadow: var(--cb-sys-level5);
}
html .cb-shadow-6 {
  box-shadow: var(--cb-sys-level6);
}
html .cb-grid-container {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  max-width: var(--cb-grid-max-width, none);
  margin-inline: auto;
}
@media (min-width: 576px) {
  html .cb-grid-container {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  html .cb-grid-container {
    gap: 16px;
  }
}
@media (min-width: 576px) {
  html .cb-grid-container {
    --cb-grid-max-width: 544px;
  }
}
@media (min-width: 768px) {
  html .cb-grid-container {
    --cb-grid-max-width: 716px;
  }
}
@media (min-width: 992px) {
  html .cb-grid-container {
    --cb-grid-max-width: 956px;
  }
}
@media (min-width: 1200px) {
  html .cb-grid-container {
    --cb-grid-max-width: 1136px;
  }
}
@media (min-width: 1366px) {
  html .cb-grid-container {
    --cb-grid-max-width: 1316px;
  }
}
html .cb-grid-container--fluid {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
@media (min-width: 576px) {
  html .cb-grid-container--fluid {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  html .cb-grid-container--fluid {
    gap: 16px;
  }
}
@media (min-width: 768px) {
  html .cb-grid-container--gutter-24 {
    gap: 24px;
  }
}
@media (min-width: 768px) {
  html .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 720px;
  }
}
@media (min-width: 992px) {
  html .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 960px;
  }
}
@media (min-width: 1200px) {
  html .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 1140px;
  }
}
@media (min-width: 1366px) {
  html .cb-grid-container.cb-grid-container--gutter-24 {
    --cb-grid-max-width: 1320px;
  }
}
@media (min-width: 768px) {
  html .cb-grid-container--gutter-32 {
    gap: 32px;
  }
}
@media (min-width: 768px) {
  html .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 724px;
  }
}
@media (min-width: 992px) {
  html .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 964px;
  }
}
@media (min-width: 1200px) {
  html .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 1144px;
  }
}
@media (min-width: 1366px) {
  html .cb-grid-container.cb-grid-container--gutter-32 {
    --cb-grid-max-width: 1324px;
  }
}
html .cb-col-span-1 {
  grid-column-end: span 1;
}
html .cb-col-span-2 {
  grid-column-end: span 2;
}
html .cb-col-span-3 {
  grid-column-end: span 3;
}
html .cb-col-span-4 {
  grid-column-end: span 4;
}
html .cb-col-span-5 {
  grid-column-end: span 5;
}
html .cb-col-span-6 {
  grid-column-end: span 6;
}
html .cb-col-span-7 {
  grid-column-end: span 7;
}
html .cb-col-span-8 {
  grid-column-end: span 8;
}
html .cb-col-span-9 {
  grid-column-end: span 9;
}
html .cb-col-span-10 {
  grid-column-end: span 10;
}
html .cb-col-span-11 {
  grid-column-end: span 11;
}
html .cb-col-span-12 {
  grid-column-end: span 12;
}
html .cb-col-offset-0 {
  grid-column-start: 1;
}
html .cb-col-offset-1 {
  grid-column-start: 2;
}
html .cb-col-offset-2 {
  grid-column-start: 3;
}
html .cb-col-offset-3 {
  grid-column-start: 4;
}
html .cb-col-offset-4 {
  grid-column-start: 5;
}
html .cb-col-offset-5 {
  grid-column-start: 6;
}
html .cb-col-offset-6 {
  grid-column-start: 7;
}
html .cb-col-offset-7 {
  grid-column-start: 8;
}
html .cb-col-offset-8 {
  grid-column-start: 9;
}
html .cb-col-offset-9 {
  grid-column-start: 10;
}
html .cb-col-offset-10 {
  grid-column-start: 11;
}
html .cb-col-offset-11 {
  grid-column-start: 12;
}
html .cb-col-xs-span-1 {
  grid-column-end: span 1;
}
html .cb-col-xs-span-2 {
  grid-column-end: span 2;
}
html .cb-col-xs-span-3 {
  grid-column-end: span 3;
}
html .cb-col-xs-span-4 {
  grid-column-end: span 4;
}
html .cb-col-xs-span-5 {
  grid-column-end: span 5;
}
html .cb-col-xs-span-6 {
  grid-column-end: span 6;
}
html .cb-col-xs-offset-0 {
  grid-column-start: 1;
}
html .cb-col-xs-offset-1 {
  grid-column-start: 2;
}
html .cb-col-xs-offset-2 {
  grid-column-start: 3;
}
html .cb-col-xs-offset-3 {
  grid-column-start: 4;
}
html .cb-col-xs-offset-4 {
  grid-column-start: 5;
}
html .cb-col-xs-offset-5 {
  grid-column-start: 6;
}
@media (min-width: 576px) {
  html .cb-col-sm-span-1 {
    grid-column-end: span 1;
  }
  html .cb-col-sm-span-2 {
    grid-column-end: span 2;
  }
  html .cb-col-sm-span-3 {
    grid-column-end: span 3;
  }
  html .cb-col-sm-span-4 {
    grid-column-end: span 4;
  }
  html .cb-col-sm-span-5 {
    grid-column-end: span 5;
  }
  html .cb-col-sm-span-6 {
    grid-column-end: span 6;
  }
  html .cb-col-sm-span-7 {
    grid-column-end: span 7;
  }
  html .cb-col-sm-span-8 {
    grid-column-end: span 8;
  }
  html .cb-col-sm-span-9 {
    grid-column-end: span 9;
  }
  html .cb-col-sm-span-10 {
    grid-column-end: span 10;
  }
  html .cb-col-sm-span-11 {
    grid-column-end: span 11;
  }
  html .cb-col-sm-span-12 {
    grid-column-end: span 12;
  }
  html .cb-col-sm-offset-0 {
    grid-column-start: 1;
  }
  html .cb-col-sm-offset-1 {
    grid-column-start: 2;
  }
  html .cb-col-sm-offset-2 {
    grid-column-start: 3;
  }
  html .cb-col-sm-offset-3 {
    grid-column-start: 4;
  }
  html .cb-col-sm-offset-4 {
    grid-column-start: 5;
  }
  html .cb-col-sm-offset-5 {
    grid-column-start: 6;
  }
  html .cb-col-sm-offset-6 {
    grid-column-start: 7;
  }
  html .cb-col-sm-offset-7 {
    grid-column-start: 8;
  }
  html .cb-col-sm-offset-8 {
    grid-column-start: 9;
  }
  html .cb-col-sm-offset-9 {
    grid-column-start: 10;
  }
  html .cb-col-sm-offset-10 {
    grid-column-start: 11;
  }
  html .cb-col-sm-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  html .cb-col-md-span-1 {
    grid-column-end: span 1;
  }
  html .cb-col-md-span-2 {
    grid-column-end: span 2;
  }
  html .cb-col-md-span-3 {
    grid-column-end: span 3;
  }
  html .cb-col-md-span-4 {
    grid-column-end: span 4;
  }
  html .cb-col-md-span-5 {
    grid-column-end: span 5;
  }
  html .cb-col-md-span-6 {
    grid-column-end: span 6;
  }
  html .cb-col-md-span-7 {
    grid-column-end: span 7;
  }
  html .cb-col-md-span-8 {
    grid-column-end: span 8;
  }
  html .cb-col-md-span-9 {
    grid-column-end: span 9;
  }
  html .cb-col-md-span-10 {
    grid-column-end: span 10;
  }
  html .cb-col-md-span-11 {
    grid-column-end: span 11;
  }
  html .cb-col-md-span-12 {
    grid-column-end: span 12;
  }
  html .cb-col-md-offset-0 {
    grid-column-start: 1;
  }
  html .cb-col-md-offset-1 {
    grid-column-start: 2;
  }
  html .cb-col-md-offset-2 {
    grid-column-start: 3;
  }
  html .cb-col-md-offset-3 {
    grid-column-start: 4;
  }
  html .cb-col-md-offset-4 {
    grid-column-start: 5;
  }
  html .cb-col-md-offset-5 {
    grid-column-start: 6;
  }
  html .cb-col-md-offset-6 {
    grid-column-start: 7;
  }
  html .cb-col-md-offset-7 {
    grid-column-start: 8;
  }
  html .cb-col-md-offset-8 {
    grid-column-start: 9;
  }
  html .cb-col-md-offset-9 {
    grid-column-start: 10;
  }
  html .cb-col-md-offset-10 {
    grid-column-start: 11;
  }
  html .cb-col-md-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 992px) {
  html .cb-col-lg-span-1 {
    grid-column-end: span 1;
  }
  html .cb-col-lg-span-2 {
    grid-column-end: span 2;
  }
  html .cb-col-lg-span-3 {
    grid-column-end: span 3;
  }
  html .cb-col-lg-span-4 {
    grid-column-end: span 4;
  }
  html .cb-col-lg-span-5 {
    grid-column-end: span 5;
  }
  html .cb-col-lg-span-6 {
    grid-column-end: span 6;
  }
  html .cb-col-lg-span-7 {
    grid-column-end: span 7;
  }
  html .cb-col-lg-span-8 {
    grid-column-end: span 8;
  }
  html .cb-col-lg-span-9 {
    grid-column-end: span 9;
  }
  html .cb-col-lg-span-10 {
    grid-column-end: span 10;
  }
  html .cb-col-lg-span-11 {
    grid-column-end: span 11;
  }
  html .cb-col-lg-span-12 {
    grid-column-end: span 12;
  }
  html .cb-col-lg-offset-0 {
    grid-column-start: 1;
  }
  html .cb-col-lg-offset-1 {
    grid-column-start: 2;
  }
  html .cb-col-lg-offset-2 {
    grid-column-start: 3;
  }
  html .cb-col-lg-offset-3 {
    grid-column-start: 4;
  }
  html .cb-col-lg-offset-4 {
    grid-column-start: 5;
  }
  html .cb-col-lg-offset-5 {
    grid-column-start: 6;
  }
  html .cb-col-lg-offset-6 {
    grid-column-start: 7;
  }
  html .cb-col-lg-offset-7 {
    grid-column-start: 8;
  }
  html .cb-col-lg-offset-8 {
    grid-column-start: 9;
  }
  html .cb-col-lg-offset-9 {
    grid-column-start: 10;
  }
  html .cb-col-lg-offset-10 {
    grid-column-start: 11;
  }
  html .cb-col-lg-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1200px) {
  html .cb-col-xl-span-1 {
    grid-column-end: span 1;
  }
  html .cb-col-xl-span-2 {
    grid-column-end: span 2;
  }
  html .cb-col-xl-span-3 {
    grid-column-end: span 3;
  }
  html .cb-col-xl-span-4 {
    grid-column-end: span 4;
  }
  html .cb-col-xl-span-5 {
    grid-column-end: span 5;
  }
  html .cb-col-xl-span-6 {
    grid-column-end: span 6;
  }
  html .cb-col-xl-span-7 {
    grid-column-end: span 7;
  }
  html .cb-col-xl-span-8 {
    grid-column-end: span 8;
  }
  html .cb-col-xl-span-9 {
    grid-column-end: span 9;
  }
  html .cb-col-xl-span-10 {
    grid-column-end: span 10;
  }
  html .cb-col-xl-span-11 {
    grid-column-end: span 11;
  }
  html .cb-col-xl-span-12 {
    grid-column-end: span 12;
  }
  html .cb-col-xl-offset-0 {
    grid-column-start: 1;
  }
  html .cb-col-xl-offset-1 {
    grid-column-start: 2;
  }
  html .cb-col-xl-offset-2 {
    grid-column-start: 3;
  }
  html .cb-col-xl-offset-3 {
    grid-column-start: 4;
  }
  html .cb-col-xl-offset-4 {
    grid-column-start: 5;
  }
  html .cb-col-xl-offset-5 {
    grid-column-start: 6;
  }
  html .cb-col-xl-offset-6 {
    grid-column-start: 7;
  }
  html .cb-col-xl-offset-7 {
    grid-column-start: 8;
  }
  html .cb-col-xl-offset-8 {
    grid-column-start: 9;
  }
  html .cb-col-xl-offset-9 {
    grid-column-start: 10;
  }
  html .cb-col-xl-offset-10 {
    grid-column-start: 11;
  }
  html .cb-col-xl-offset-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1366px) {
  html .cb-col-xxl-span-1 {
    grid-column-end: span 1;
  }
  html .cb-col-xxl-span-2 {
    grid-column-end: span 2;
  }
  html .cb-col-xxl-span-3 {
    grid-column-end: span 3;
  }
  html .cb-col-xxl-span-4 {
    grid-column-end: span 4;
  }
  html .cb-col-xxl-span-5 {
    grid-column-end: span 5;
  }
  html .cb-col-xxl-span-6 {
    grid-column-end: span 6;
  }
  html .cb-col-xxl-span-7 {
    grid-column-end: span 7;
  }
  html .cb-col-xxl-span-8 {
    grid-column-end: span 8;
  }
  html .cb-col-xxl-span-9 {
    grid-column-end: span 9;
  }
  html .cb-col-xxl-span-10 {
    grid-column-end: span 10;
  }
  html .cb-col-xxl-span-11 {
    grid-column-end: span 11;
  }
  html .cb-col-xxl-span-12 {
    grid-column-end: span 12;
  }
  html .cb-col-xxl-offset-0 {
    grid-column-start: 1;
  }
  html .cb-col-xxl-offset-1 {
    grid-column-start: 2;
  }
  html .cb-col-xxl-offset-2 {
    grid-column-start: 3;
  }
  html .cb-col-xxl-offset-3 {
    grid-column-start: 4;
  }
  html .cb-col-xxl-offset-4 {
    grid-column-start: 5;
  }
  html .cb-col-xxl-offset-5 {
    grid-column-start: 6;
  }
  html .cb-col-xxl-offset-6 {
    grid-column-start: 7;
  }
  html .cb-col-xxl-offset-7 {
    grid-column-start: 8;
  }
  html .cb-col-xxl-offset-8 {
    grid-column-start: 9;
  }
  html .cb-col-xxl-offset-9 {
    grid-column-start: 10;
  }
  html .cb-col-xxl-offset-10 {
    grid-column-start: 11;
  }
  html .cb-col-xxl-offset-11 {
    grid-column-start: 12;
  }
}
html .cb-h-16 {
  height: var(--cb-sys-size-16);
}
html .cb-h-20 {
  height: var(--cb-sys-size-20);
}
html .cb-h-24 {
  height: var(--cb-sys-size-24);
}
html .cb-h-32 {
  height: var(--cb-sys-size-32);
}
html .cb-h-48 {
  height: var(--cb-sys-size-48);
}
html .cb-h-64 {
  height: var(--cb-sys-size-64);
}
@media (min-width: 576px) {
  html .cb-h-sm-16 {
    height: var(--cb-sys-size-16);
  }
  html .cb-h-sm-20 {
    height: var(--cb-sys-size-20);
  }
  html .cb-h-sm-24 {
    height: var(--cb-sys-size-24);
  }
  html .cb-h-sm-32 {
    height: var(--cb-sys-size-32);
  }
  html .cb-h-sm-48 {
    height: var(--cb-sys-size-48);
  }
  html .cb-h-sm-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 768px) {
  html .cb-h-md-16 {
    height: var(--cb-sys-size-16);
  }
  html .cb-h-md-20 {
    height: var(--cb-sys-size-20);
  }
  html .cb-h-md-24 {
    height: var(--cb-sys-size-24);
  }
  html .cb-h-md-32 {
    height: var(--cb-sys-size-32);
  }
  html .cb-h-md-48 {
    height: var(--cb-sys-size-48);
  }
  html .cb-h-md-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 992px) {
  html .cb-h-lg-16 {
    height: var(--cb-sys-size-16);
  }
  html .cb-h-lg-20 {
    height: var(--cb-sys-size-20);
  }
  html .cb-h-lg-24 {
    height: var(--cb-sys-size-24);
  }
  html .cb-h-lg-32 {
    height: var(--cb-sys-size-32);
  }
  html .cb-h-lg-48 {
    height: var(--cb-sys-size-48);
  }
  html .cb-h-lg-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1200px) {
  html .cb-h-xl-16 {
    height: var(--cb-sys-size-16);
  }
  html .cb-h-xl-20 {
    height: var(--cb-sys-size-20);
  }
  html .cb-h-xl-24 {
    height: var(--cb-sys-size-24);
  }
  html .cb-h-xl-32 {
    height: var(--cb-sys-size-32);
  }
  html .cb-h-xl-48 {
    height: var(--cb-sys-size-48);
  }
  html .cb-h-xl-64 {
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1366px) {
  html .cb-h-xxl-16 {
    height: var(--cb-sys-size-16);
  }
  html .cb-h-xxl-20 {
    height: var(--cb-sys-size-20);
  }
  html .cb-h-xxl-24 {
    height: var(--cb-sys-size-24);
  }
  html .cb-h-xxl-32 {
    height: var(--cb-sys-size-32);
  }
  html .cb-h-xxl-48 {
    height: var(--cb-sys-size-48);
  }
  html .cb-h-xxl-64 {
    height: var(--cb-sys-size-64);
  }
}
html .cb-size-16 {
  width: var(--cb-sys-size-16);
  height: var(--cb-sys-size-16);
}
html .cb-size-20 {
  width: var(--cb-sys-size-20);
  height: var(--cb-sys-size-20);
}
html .cb-size-24 {
  width: var(--cb-sys-size-24);
  height: var(--cb-sys-size-24);
}
html .cb-size-32 {
  width: var(--cb-sys-size-32);
  height: var(--cb-sys-size-32);
}
html .cb-size-48 {
  width: var(--cb-sys-size-48);
  height: var(--cb-sys-size-48);
}
html .cb-size-64 {
  width: var(--cb-sys-size-64);
  height: var(--cb-sys-size-64);
}
@media (min-width: 576px) {
  html .cb-size-sm-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  html .cb-size-sm-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  html .cb-size-sm-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  html .cb-size-sm-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  html .cb-size-sm-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  html .cb-size-sm-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 768px) {
  html .cb-size-md-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  html .cb-size-md-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  html .cb-size-md-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  html .cb-size-md-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  html .cb-size-md-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  html .cb-size-md-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 992px) {
  html .cb-size-lg-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  html .cb-size-lg-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  html .cb-size-lg-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  html .cb-size-lg-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  html .cb-size-lg-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  html .cb-size-lg-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1200px) {
  html .cb-size-xl-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  html .cb-size-xl-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  html .cb-size-xl-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  html .cb-size-xl-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  html .cb-size-xl-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  html .cb-size-xl-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
@media (min-width: 1366px) {
  html .cb-size-xxl-16 {
    width: var(--cb-sys-size-16);
    height: var(--cb-sys-size-16);
  }
  html .cb-size-xxl-20 {
    width: var(--cb-sys-size-20);
    height: var(--cb-sys-size-20);
  }
  html .cb-size-xxl-24 {
    width: var(--cb-sys-size-24);
    height: var(--cb-sys-size-24);
  }
  html .cb-size-xxl-32 {
    width: var(--cb-sys-size-32);
    height: var(--cb-sys-size-32);
  }
  html .cb-size-xxl-48 {
    width: var(--cb-sys-size-48);
    height: var(--cb-sys-size-48);
  }
  html .cb-size-xxl-64 {
    width: var(--cb-sys-size-64);
    height: var(--cb-sys-size-64);
  }
}
html .cb-w-16 {
  width: var(--cb-sys-size-16);
}
html .cb-w-20 {
  width: var(--cb-sys-size-20);
}
html .cb-w-24 {
  width: var(--cb-sys-size-24);
}
html .cb-w-32 {
  width: var(--cb-sys-size-32);
}
html .cb-w-48 {
  width: var(--cb-sys-size-48);
}
html .cb-w-64 {
  width: var(--cb-sys-size-64);
}
@media (min-width: 576px) {
  html .cb-w-sm-16 {
    width: var(--cb-sys-size-16);
  }
  html .cb-w-sm-20 {
    width: var(--cb-sys-size-20);
  }
  html .cb-w-sm-24 {
    width: var(--cb-sys-size-24);
  }
  html .cb-w-sm-32 {
    width: var(--cb-sys-size-32);
  }
  html .cb-w-sm-48 {
    width: var(--cb-sys-size-48);
  }
  html .cb-w-sm-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 768px) {
  html .cb-w-md-16 {
    width: var(--cb-sys-size-16);
  }
  html .cb-w-md-20 {
    width: var(--cb-sys-size-20);
  }
  html .cb-w-md-24 {
    width: var(--cb-sys-size-24);
  }
  html .cb-w-md-32 {
    width: var(--cb-sys-size-32);
  }
  html .cb-w-md-48 {
    width: var(--cb-sys-size-48);
  }
  html .cb-w-md-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 992px) {
  html .cb-w-lg-16 {
    width: var(--cb-sys-size-16);
  }
  html .cb-w-lg-20 {
    width: var(--cb-sys-size-20);
  }
  html .cb-w-lg-24 {
    width: var(--cb-sys-size-24);
  }
  html .cb-w-lg-32 {
    width: var(--cb-sys-size-32);
  }
  html .cb-w-lg-48 {
    width: var(--cb-sys-size-48);
  }
  html .cb-w-lg-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 1200px) {
  html .cb-w-xl-16 {
    width: var(--cb-sys-size-16);
  }
  html .cb-w-xl-20 {
    width: var(--cb-sys-size-20);
  }
  html .cb-w-xl-24 {
    width: var(--cb-sys-size-24);
  }
  html .cb-w-xl-32 {
    width: var(--cb-sys-size-32);
  }
  html .cb-w-xl-48 {
    width: var(--cb-sys-size-48);
  }
  html .cb-w-xl-64 {
    width: var(--cb-sys-size-64);
  }
}
@media (min-width: 1366px) {
  html .cb-w-xxl-16 {
    width: var(--cb-sys-size-16);
  }
  html .cb-w-xxl-20 {
    width: var(--cb-sys-size-20);
  }
  html .cb-w-xxl-24 {
    width: var(--cb-sys-size-24);
  }
  html .cb-w-xxl-32 {
    width: var(--cb-sys-size-32);
  }
  html .cb-w-xxl-48 {
    width: var(--cb-sys-size-48);
  }
  html .cb-w-xxl-64 {
    width: var(--cb-sys-size-64);
  }
}
body {
  margin: 0;
  min-height: 100%;
  color-scheme: light;
  background-color: var(--cb-sys-background-secondary-01);
  color: var(--cb-sys-text-default);
  font: var(--cb-sys-plain-font-style-4-regular);
}

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