html {
  font-size: var(--cds-token-global-base-font-size, 125%);
  box-sizing: border-box !important;
}

*,
*:before,
*:after {
  box-sizing: inherit !important;
}

[cds-control] ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--cds-token-color-neutral-700, #666666);
}

[cds-control] ::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--cds-token-color-neutral-700, #666666);
}

[cds-control] :-ms-input-placeholder {
  /* IE 10+ */
  color: var(--cds-token-color-neutral-700, #666666);
}

:root {
  --cds-token-color-action-1000: hsl(198, 100%, 15%);
  --cds-token-color-action-100: hsl(198, 81%, 88%);
  --cds-token-color-action-200: hsl(198, 78%, 78%);
  --cds-token-color-action-300: hsl(198, 69%, 69%);
  --cds-token-color-action-400: hsl(198, 66%, 57%);
  --cds-token-color-action-500: hsl(198, 80%, 46%);
  --cds-token-color-action-50: hsl(198, 83%, 94%);
  --cds-token-color-action-600: hsl(198, 100%, 32%);
  --cds-token-color-action-700: hsl(198, 100%, 28%);
  --cds-token-color-action-800: hsl(198, 100%, 24%);
  --cds-token-color-action-900: hsl(198, 100%, 21%);
  --cds-token-color-danger-1000: hsl(9, 100%, 20%);
  --cds-token-color-danger-100: hsl(9, 95%, 92%);
  --cds-token-color-danger-200: hsl(9, 91%, 86%);
  --cds-token-color-danger-300: hsl(9, 83%, 76%);
  --cds-token-color-danger-400: hsl(9, 85%, 67%);
  --cds-token-color-danger-500: hsl(9, 88%, 61%);
  --cds-token-color-danger-50: hsl(9, 100%, 97%);
  --cds-token-color-danger-600: hsl(9, 92%, 50%);
  --cds-token-color-danger-700: hsl(9, 100%, 43%);
  --cds-token-color-danger-800: hsl(9, 100%, 38%);
  --cds-token-color-danger-900: hsl(9, 100%, 30%);
  --cds-token-color-neutral-0: hsl(198, 0%, 100%);
  --cds-token-color-neutral-1000: hsl(198, 0%, 0%);
  --cds-token-color-neutral-100: hsl(198, 0%, 95%);
  --cds-token-color-neutral-200: hsl(198, 0%, 91%);
  --cds-token-color-neutral-300: hsl(198, 0%, 87%);
  --cds-token-color-neutral-400: hsl(198, 0%, 80%);
  --cds-token-color-neutral-500: hsl(198, 0%, 70%);
  --cds-token-color-neutral-50: hsl(198, 0%, 98%);
  --cds-token-color-neutral-600: hsl(198, 0%, 55%);
  --cds-token-color-neutral-700: hsl(198, 0%, 40%);
  --cds-token-color-neutral-800: hsl(198, 0%, 27%);
  --cds-token-color-neutral-900: hsl(198, 0%, 20%);
  --cds-token-color-secondary-action-1000: hsl(282, 100%, 14%);
  --cds-token-color-secondary-action-100: hsl(282, 59%, 87%);
  --cds-token-color-secondary-action-200: hsl(282, 51%, 78%);
  --cds-token-color-secondary-action-300: hsl(282, 45%, 70%);
  --cds-token-color-secondary-action-400: hsl(282, 44%, 62%);
  --cds-token-color-secondary-action-500: hsl(282, 43%, 54%);
  --cds-token-color-secondary-action-50: hsl(282, 100%, 95%);
  --cds-token-color-secondary-action-600: hsl(282, 50%, 45%);
  --cds-token-color-secondary-action-700: hsl(282, 69%, 37%);
  --cds-token-color-secondary-action-800: hsl(282, 100%, 29%);
  --cds-token-color-secondary-action-900: hsl(282, 100%, 22%);
  --cds-token-color-success-1000: hsl(93, 100%, 13%);
  --cds-token-color-success-100: hsl(93, 58%, 75%);
  --cds-token-color-success-200: hsl(93, 76%, 49%);
  --cds-token-color-success-300: hsl(93, 77%, 44%);
  --cds-token-color-success-400: hsl(93, 79%, 40%);
  --cds-token-color-success-500: hsl(93, 67%, 38%);
  --cds-token-color-success-50: hsl(93, 52%, 88%);
  --cds-token-color-success-600: hsl(93, 85%, 32%);
  --cds-token-color-success-700: hsl(93, 100%, 26%);
  --cds-token-color-success-800: hsl(93, 100%, 21%);
  --cds-token-color-success-900: hsl(93, 100%, 16%);
  --cds-token-color-warning-1000: hsl(31, 100%, 19%);
  --cds-token-color-warning-100: hsl(48, 100%, 89%);
  --cds-token-color-warning-200: hsl(48, 100%, 83%);
  --cds-token-color-warning-300: hsl(48, 98%, 72%);
  --cds-token-color-warning-400: hsl(48, 94%, 57%);
  --cds-token-color-warning-500: hsl(48, 95%, 48%);
  --cds-token-color-warning-50: hsl(48, 100%, 95%);
  --cds-token-color-warning-600: hsl(46, 100%, 45%);
  --cds-token-color-warning-700: hsl(43, 100%, 42%);
  --cds-token-color-warning-800: hsl(41, 100%, 34%);
  --cds-token-color-warning-900: hsl(38, 100%, 28%);
  --cds-token-global-base-font-size: 125%;
  --cds-token-global-border-radius: 0.15rem;
  --cds-token-global-border-width: 0.05rem;
  --cds-token-global-focus-color: hsl(197, 68%, 65%);
  --cds-token-global-font-ascender-height: 0.1703em;
  --cds-token-global-font-top-gap-height: 0.1475em;
  --cds-token-global-font-x-height: 0.517em;
  --cds-token-layout-space-lg: 1.20rem;
  --cds-token-layout-space-md: 0.60rem;
  --cds-token-layout-space-sm: 0.30rem;
  --cds-token-layout-space-xl: 2.40rem;
  --cds-token-layout-space-xs: 0.20rem;
  --cds-token-layout-space-xxl: 4.80rem;
  --cds-token-layout-space-xxs: 0.10rem;
  --cds-token-layout-width-lg: 1200px;
  --cds-token-layout-width-md: 992px;
  --cds-token-layout-width-sm: 768px;
  --cds-token-layout-width-xl: 1440px;
  --cds-token-layout-width-xs: 576px;
  --cds-token-space-size-0: 0.00rem;
  --cds-token-space-size-10: 1.60rem;
  --cds-token-space-size-11: 1.80rem;
  --cds-token-space-size-12: 2.40rem;
  --cds-token-space-size-13: 3.60rem;
  --cds-token-space-size-1: 0.05rem;
  --cds-token-space-size-2: 0.10rem;
  --cds-token-space-size-3: 0.20rem;
  --cds-token-space-size-4: 0.30rem;
  --cds-token-space-size-5: 0.40rem;
  --cds-token-space-size-6: 0.60rem;
  --cds-token-space-size-7: 0.80rem;
  --cds-token-space-size-8: 0.90rem;
  --cds-token-space-size-9: 1.20rem;
  --cds-token-typography-body-color: rgb(26, 26, 26);
  --cds-token-typography-body-font-size: 0.70rem;
  --cds-token-typography-body-font-weight: 400;
  --cds-token-typography-body-letter-spacing: -0.014286em;
  --cds-token-typography-body-line-height: 1.42857em;
  --cds-token-typography-caption-color: rgb(0, 0, 0);
  --cds-token-typography-caption-font-size: 0.55rem;
  --cds-token-typography-caption-font-weight: 400;
  --cds-token-typography-caption-letter-spacing: 0.018182em;
  --cds-token-typography-caption-line-height: 1.454545em;
  --cds-token-typography-display-color: rgb(51, 51, 51);
  --cds-token-typography-display-font-size: 2.00rem;
  --cds-token-typography-display-font-weight: 400;
  --cds-token-typography-display-letter-spacing: -0.0125em;
  --cds-token-typography-display-line-height: 1.1em;
  --cds-token-typography-font-family: "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --cds-token-typography-font-weight-bold: 600;
  --cds-token-typography-font-weight-extrabold: 600;
  --cds-token-typography-font-weight-light: 200;
  --cds-token-typography-font-weight-medium: 500;
  --cds-token-typography-font-weight-regular: 400;
  --cds-token-typography-font-weight-semibold: 500;
  --cds-token-typography-header-font-family: "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --cds-token-typography-heading-color: rgb(51, 51, 51);
  --cds-token-typography-heading-font-size: 1.60rem;
  --cds-token-typography-heading-font-weight: 400;
  --cds-token-typography-heading-letter-spacing: -0.0125em;
  --cds-token-typography-heading-line-height: 1.125em;
  --cds-token-typography-message-color: rgb(51, 51, 51);
  --cds-token-typography-message-font-size: 0.80rem;
  --cds-token-typography-message-font-weight: 400;
  --cds-token-typography-message-letter-spacing: -0.0125em;
  --cds-token-typography-message-line-height: 1.25em;
  --cds-token-typography-secondary-color: rgb(26, 26, 26);
  --cds-token-typography-secondary-font-size: 0.65rem;
  --cds-token-typography-secondary-font-weight: 400;
  --cds-token-typography-secondary-letter-spacing: -0.007692em;
  --cds-token-typography-secondary-line-height: 1.23077em;
  --cds-token-typography-section-color: rgb(51, 51, 51);
  --cds-token-typography-section-font-size: 1.00rem;
  --cds-token-typography-section-font-weight: 400;
  --cds-token-typography-section-letter-spacing: -0.01em;
  --cds-token-typography-section-line-height: 1.2em;
  --cds-token-typography-smallcaption-color: rgb(0, 0, 0);
  --cds-token-typography-smallcaption-font-size: 0.50rem;
  --cds-token-typography-smallcaption-font-weight: 500;
  --cds-token-typography-smallcaption-letter-spacing: 0.05em;
  --cds-token-typography-smallcaption-line-height: 1.2em;
  --cds-token-typography-subsection-color: rgb(51, 51, 51);
  --cds-token-typography-subsection-font-size: 0.80rem;
  --cds-token-typography-subsection-font-weight: 400;
  --cds-token-typography-subsection-letter-spacing: -0.0125em;
  --cds-token-typography-subsection-line-height: 1.25em;
  --cds-token-typography-title-color: rgb(51, 51, 51);
  --cds-token-typography-title-font-size: 1.20rem;
  --cds-token-typography-title-font-weight: 400;
  --cds-token-typography-title-letter-spacing: -0.008333em;
  --cds-token-typography-title-line-height: 1.16667em;
}

[cds-base-font="16"] {
  --cds-token-global-base-font-size: 100%;
  --cds-token-global-border-radius: 0.1875rem;
  --cds-token-global-border-width: 0.0625rem;
  --cds-token-layout-space-lg: 1.5000rem;
  --cds-token-layout-space-md: 0.7500rem;
  --cds-token-layout-space-sm: 0.3750rem;
  --cds-token-layout-space-xl: 3.0000rem;
  --cds-token-layout-space-xs: 0.2500rem;
  --cds-token-layout-space-xxl: 6.0000rem;
  --cds-token-layout-space-xxs: 0.1250rem;
  --cds-token-space-size-0: 0.0000rem;
  --cds-token-space-size-10: 2.0000rem;
  --cds-token-space-size-11: 2.2500rem;
  --cds-token-space-size-12: 3.0000rem;
  --cds-token-space-size-13: 4.5000rem;
  --cds-token-space-size-1: 0.0625rem;
  --cds-token-space-size-2: 0.1250rem;
  --cds-token-space-size-3: 0.2500rem;
  --cds-token-space-size-4: 0.3750rem;
  --cds-token-space-size-5: 0.5000rem;
  --cds-token-space-size-6: 0.7500rem;
  --cds-token-space-size-7: 1.0000rem;
  --cds-token-space-size-8: 1.1250rem;
  --cds-token-space-size-9: 1.5000rem;
  --cds-token-typography-body-font-size: 0.8750rem;
  --cds-token-typography-caption-font-size: 0.6875rem;
  --cds-token-typography-display-font-size: 2.5000rem;
  --cds-token-typography-heading-font-size: 2.0000rem;
  --cds-token-typography-message-font-size: 1.0000rem;
  --cds-token-typography-secondary-font-size: 0.8125rem;
  --cds-token-typography-section-font-size: 1.2500rem;
  --cds-token-typography-smallcaption-font-size: 0.6250rem;
  --cds-token-typography-subsection-font-size: 1.0000rem;
  --cds-token-typography-title-font-size: 1.5000rem;
  --cds_525taushz: 1.5000rem;
  --cds_9i8n036n2: 2.5000rem;
  --cds_dduy8wcjx: 0.8750rem;
  --cds_g20otdled: 0.6875rem;
  --cds_tr074owar: 2.0000rem;
  --cds_uuyzzuun4: 0.7500rem;
  --cds_vpcmvmr6j: 0.6250rem;
  --cds_z73xn7dm5: 1.0000rem;
  --cds_z8djabkbo: 0.8125rem;
  --cds_zr43vrv2e: 1.2500rem;
}

:root,
:host {
  --cxxs: var(--cds-token-layout-space-xxs, 0.1rem);
  --cxs: var(--cds-token-layout-space-xs, 0.2rem);
  --csm: var(--cds-token-layout-space-sm, 0.3rem);
  --cmd: var(--cds-token-layout-space-md, 0.6rem);
  --clg: var(--cds-token-layout-space-lg, 1.2rem);
  --cxl: var(--cds-token-layout-space-xl, 2.4rem);
  --cxxl: var(--cds-token-layout-space-xxl, 4.8rem);
}

[cds-layout*="align:fill"] > *{
  flex-grow: 1 !important;
  flex-basis: 0 !important;
}

[cds-layout~="wrap:none"] {
  flex-wrap: nowrap !important;
}

[cds-layout*="align:stretch"]{
  flex-grow: 1 !important;
}

[cds-layout*="align:shrink"]{
  flex-shrink: 1 !important;
  flex-grow: 0 !important;
}

@media (min-width: 576px) {
  [cds-layout*="align@xs:fill"] > *{
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@xs:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@xs:stretch"]{
    flex-grow: 1 !important;
  }

  [cds-layout*="align@xs:shrink"]{
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="align@sm:fill"] > *{
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@sm:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@sm:stretch"]{
    flex-grow: 1 !important;
  }

  [cds-layout*="align@sm:shrink"]{
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="align@md:fill"] > *{
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@md:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@md:stretch"]{
    flex-grow: 1 !important;
  }

  [cds-layout*="align@md:shrink"]{
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="align@lg:fill"] > *{
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@lg:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@lg:stretch"]{
    flex-grow: 1 !important;
  }

  [cds-layout*="align@lg:shrink"]{
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="align@xl:fill"] > *{
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@xl:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@xl:stretch"]{
    flex-grow: 1 !important;
  }

  [cds-layout*="align@xl:shrink"]{
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
[cds-layout~=horizontal] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  min-height: 0;
}
[cds-layout~=horizontal] > [cds-layout~=horizontal],
[cds-layout~=horizontal] > [cds-layout~=vertical],
[cds-layout~=horizontal] > [cds-text] {
  width: initial !important;
}

[cds-layout~=horizontal][cds-layout*="align:top"] {
  align-items: flex-start;
}
[cds-layout~=horizontal][cds-layout*="align:bottom"] {
  align-items: flex-end;
}
[cds-layout~=horizontal][cds-layout*="align:left"] {
  justify-content: flex-start;
}
[cds-layout~=horizontal][cds-layout*="align:right"] {
  justify-content: flex-end;
}
[cds-layout~=horizontal][cds-layout*="align:vertical-center"] {
  align-items: center;
  align-content: center;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-center"] {
  justify-content: center;
}
[cds-layout~=horizontal][cds-layout*="align:center"] {
  align-items: center;
  align-content: center;
  justify-content: center;
}

[cds-layout~=horizontal][cds-layout*="order:reverse"] {
  flex-direction: row-reverse;
}

[cds-layout~=horizontal][cds-layout*="align:vertical-stretch"] {
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"] {
  justify-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"] > *{
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:stretch"] {
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:stretch"] > *{
  flex-grow: 1;
}

[cds-layout~=horizontal] > [cds-layout*="align:center"], [cds-layout~=horizontal] > [cds-layout*="align:vertical-center"]{
  align-self: center;
}
[cds-layout~=horizontal] > [cds-layout*="align:center"], [cds-layout~=horizontal] > [cds-layout*="align:horizontal-center"]{
  margin-left: auto !important;
  margin-right: auto !important;
}
[cds-layout~=horizontal] > [cds-layout*="align:top"]{
  align-self: flex-start;
}
[cds-layout~=horizontal] > [cds-layout*="align:bottom"]{
  align-self: flex-end;
}
[cds-layout~=horizontal] > [cds-layout*="align:right"]{
  margin-left: auto !important;
}
[cds-layout~=horizontal] > [cds-layout*="align:left"]{
  margin-right: auto !important;
}

@media (min-width: 576px) {
  [cds-layout~=horizontal][cds-layout*="align@xs:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@xs:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@xs:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@xs:center"], [cds-layout~=horizontal] > [cds-layout*="align@xs:vertical-center"]{
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:center"], [cds-layout~=horizontal] > [cds-layout*="align@xs:horizontal-center"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:top"]{
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:bottom"]{
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:right"]{
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:left"]{
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  [cds-layout~=horizontal][cds-layout*="align@sm:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@sm:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@sm:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@sm:center"], [cds-layout~=horizontal] > [cds-layout*="align@sm:vertical-center"]{
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:center"], [cds-layout~=horizontal] > [cds-layout*="align@sm:horizontal-center"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:top"]{
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:bottom"]{
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:right"]{
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:left"]{
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  [cds-layout~=horizontal][cds-layout*="align@md:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@md:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@md:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@md:center"], [cds-layout~=horizontal] > [cds-layout*="align@md:vertical-center"]{
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:center"], [cds-layout~=horizontal] > [cds-layout*="align@md:horizontal-center"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:top"]{
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:bottom"]{
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:right"]{
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:left"]{
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=horizontal][cds-layout*="align@lg:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@lg:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@lg:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@lg:center"], [cds-layout~=horizontal] > [cds-layout*="align@lg:vertical-center"]{
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:center"], [cds-layout~=horizontal] > [cds-layout*="align@lg:horizontal-center"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:top"]{
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:bottom"]{
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:right"]{
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:left"]{
    margin-right: auto !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=horizontal][cds-layout*="align@xl:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@xl:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@xl:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@xl:center"], [cds-layout~=horizontal] > [cds-layout*="align@xl:vertical-center"]{
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:center"], [cds-layout~=horizontal] > [cds-layout*="align@xl:horizontal-center"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:top"]{
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:bottom"]{
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:right"]{
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:left"]{
    margin-right: auto !important;
  }
}
[cds-layout~=vertical] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

[cds-layout~=vertical][cds-layout*="align:top"] {
  justify-content: flex-start;
}
[cds-layout~=vertical][cds-layout*="align:bottom"] {
  justify-content: flex-end;
}
[cds-layout~=vertical][cds-layout*="align:left"] {
  align-items: flex-start;
}
[cds-layout~=vertical][cds-layout*="align:right"] {
  align-items: flex-end;
}
[cds-layout~=vertical][cds-layout*="align:vertical-center"] {
  justify-content: center;
}
[cds-layout~=vertical][cds-layout*="align:horizontal-center"] {
  align-items: center;
}
[cds-layout~=vertical][cds-layout*="align:center"] {
  align-items: center;
  justify-content: center;
}

[cds-layout~=vertical][cds-layout*="order:reverse"] {
  flex-direction: column-reverse;
}

[cds-layout~=vertical][cds-layout*="align:vertical-stretch"] {
  justify-content: stretch;
}
[cds-layout~=vertical][cds-layout*="align:vertical-stretch"] > *{
  flex-grow: 1;
}
[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"] {
  align-items: stretch;
}
[cds-layout~=vertical][cds-layout*="align:stretch"] {
  align-items: stretch;
  justify-content: stretch;
}
[cds-layout~=vertical][cds-layout*="align:stretch"] > *{
  flex-grow: 1;
}

[cds-layout~=vertical] > [cds-layout*="align:center"], [cds-layout~=vertical] > [cds-layout*="align:vertical-center"]{
  margin-top: auto;
  margin-bottom: auto;
}
[cds-layout~=vertical] > [cds-layout*="align:center"], [cds-layout~=vertical] > [cds-layout*="align:horizontal-center"]{
  align-self: center;
}
[cds-layout~=vertical] > [cds-layout*="align:top"]{
  margin-bottom: auto !important;
}
[cds-layout~=vertical] > [cds-layout*="align:bottom"]{
  margin-top: auto !important;
}
[cds-layout~=vertical] > [cds-layout*="align:right"]{
  margin-left: auto;
}
[cds-layout~=vertical] > [cds-layout*="align:left"]{
  margin-right: auto;
}

@media (min-width: 576px) {
  [cds-layout~=vertical][cds-layout*="align@xs:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@xs:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@xs:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:vertical-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@xs:center"], [cds-layout~=vertical] > [cds-layout*="align@xs:vertical-center"]{
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:center"], [cds-layout~=vertical] > [cds-layout*="align@xs:horizontal-center"]{
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:top"]{
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:bottom"]{
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:right"]{
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:left"]{
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  [cds-layout~=vertical][cds-layout*="align@sm:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@sm:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@sm:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:vertical-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@sm:center"], [cds-layout~=vertical] > [cds-layout*="align@sm:vertical-center"]{
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:center"], [cds-layout~=vertical] > [cds-layout*="align@sm:horizontal-center"]{
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:top"]{
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:bottom"]{
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:right"]{
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:left"]{
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  [cds-layout~=vertical][cds-layout*="align@md:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@md:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@md:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@md:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@md:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@md:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@md:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@md:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@md:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:vertical-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@md:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@md:center"], [cds-layout~=vertical] > [cds-layout*="align@md:vertical-center"]{
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:center"], [cds-layout~=vertical] > [cds-layout*="align@md:horizontal-center"]{
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:top"]{
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:bottom"]{
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:right"]{
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:left"]{
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=vertical][cds-layout*="align@lg:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@lg:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@lg:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:vertical-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@lg:center"], [cds-layout~=vertical] > [cds-layout*="align@lg:vertical-center"]{
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:center"], [cds-layout~=vertical] > [cds-layout*="align@lg:horizontal-center"]{
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:top"]{
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:bottom"]{
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:right"]{
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:left"]{
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=vertical][cds-layout*="align@xl:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@xl:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@xl:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:vertical-stretch"] > *{
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:stretch"] > *{
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@xl:center"], [cds-layout~=vertical] > [cds-layout*="align@xl:vertical-center"]{
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:center"], [cds-layout~=vertical] > [cds-layout*="align@xl:horizontal-center"]{
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:top"]{
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:bottom"]{
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:right"]{
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:left"]{
    margin-right: auto;
  }
}
[cds-layout~=grid] {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
}
[cds-layout~=grid][cds-layout*=rows] {
  grid-template-rows: repeat(12, auto);
}
[cds-layout~=grid] > [cds-layout*=row] {
  align-self: stretch;
}
[cds-layout~=grid][cds-layout*="cols:auto"] {
  grid-auto-flow: column;
  grid-template-columns: initial;
}

[cds-layout*="cols@"] > * {
  grid-column: span 12;
}

[cds-layout*="col@"] {
  grid-column: span 12;
}

[cds-layout*="cols:1"] > * {
  grid-column: span 1/span 1;
}

[cds-layout*="rows:1"] > * {
  grid-row: span 1/span 1;
}

[cds-layout*="cols:2"] > * {
  grid-column: span 2/span 2;
}

[cds-layout*="rows:2"] > * {
  grid-row: span 2/span 2;
}

[cds-layout*="cols:3"] > * {
  grid-column: span 3/span 3;
}

[cds-layout*="rows:3"] > * {
  grid-row: span 3/span 3;
}

[cds-layout*="cols:4"] > * {
  grid-column: span 4/span 4;
}

[cds-layout*="rows:4"] > * {
  grid-row: span 4/span 4;
}

[cds-layout*="cols:5"] > * {
  grid-column: span 5/span 5;
}

[cds-layout*="rows:5"] > * {
  grid-row: span 5/span 5;
}

[cds-layout*="cols:6"] > * {
  grid-column: span 6/span 6;
}

[cds-layout*="rows:6"] > * {
  grid-row: span 6/span 6;
}

[cds-layout*="cols:7"] > * {
  grid-column: span 7/span 7;
}

[cds-layout*="rows:7"] > * {
  grid-row: span 7/span 7;
}

[cds-layout*="cols:8"] > * {
  grid-column: span 8/span 8;
}

[cds-layout*="rows:8"] > * {
  grid-row: span 8/span 8;
}

[cds-layout*="cols:9"] > * {
  grid-column: span 9/span 9;
}

[cds-layout*="rows:9"] > * {
  grid-row: span 9/span 9;
}

[cds-layout*="cols:10"] > * {
  grid-column: span 10/span 10;
}

[cds-layout*="rows:10"] > * {
  grid-row: span 10/span 10;
}

[cds-layout*="cols:11"] > * {
  grid-column: span 11/span 11;
}

[cds-layout*="rows:11"] > * {
  grid-row: span 11/span 11;
}

[cds-layout*="cols:12"] > * {
  grid-column: span 12/span 12;
}

[cds-layout*="rows:12"] > * {
  grid-row: span 12/span 12;
}

[cds-layout*="col:1"] {
  grid-column: span 1/span 1 !important;
}

[cds-layout*="row:1"] {
  grid-row: span 1/span 1 !important;
}

[cds-layout*="col:2"] {
  grid-column: span 2/span 2 !important;
}

[cds-layout*="row:2"] {
  grid-row: span 2/span 2 !important;
}

[cds-layout*="col:3"] {
  grid-column: span 3/span 3 !important;
}

[cds-layout*="row:3"] {
  grid-row: span 3/span 3 !important;
}

[cds-layout*="col:4"] {
  grid-column: span 4/span 4 !important;
}

[cds-layout*="row:4"] {
  grid-row: span 4/span 4 !important;
}

[cds-layout*="col:5"] {
  grid-column: span 5/span 5 !important;
}

[cds-layout*="row:5"] {
  grid-row: span 5/span 5 !important;
}

[cds-layout*="col:6"] {
  grid-column: span 6/span 6 !important;
}

[cds-layout*="row:6"] {
  grid-row: span 6/span 6 !important;
}

[cds-layout*="col:7"] {
  grid-column: span 7/span 7 !important;
}

[cds-layout*="row:7"] {
  grid-row: span 7/span 7 !important;
}

[cds-layout*="col:8"] {
  grid-column: span 8/span 8 !important;
}

[cds-layout*="row:8"] {
  grid-row: span 8/span 8 !important;
}

[cds-layout*="col:9"] {
  grid-column: span 9/span 9 !important;
}

[cds-layout*="row:9"] {
  grid-row: span 9/span 9 !important;
}

[cds-layout*="col:10"] {
  grid-column: span 10/span 10 !important;
}

[cds-layout*="row:10"] {
  grid-row: span 10/span 10 !important;
}

[cds-layout*="col:11"] {
  grid-column: span 11/span 11 !important;
}

[cds-layout*="row:11"] {
  grid-row: span 11/span 11 !important;
}

[cds-layout*="col:12"] {
  grid-column: span 12/span 12 !important;
}

[cds-layout*="row:12"] {
  grid-row: span 12/span 12 !important;
}

[cds-layout*="col:start-1"] {
  grid-column-start: 1 !important;
}

[cds-layout*="col:end-1"] {
  grid-column-end: 1 !important;
}

[cds-layout*="row:start-1"] {
  grid-row-start: 1 !important;
}

[cds-layout*="row:end-1"] {
  grid-row-end: 1 !important;
}

[cds-layout*="col:start-2"] {
  grid-column-start: 2 !important;
}

[cds-layout*="col:end-2"] {
  grid-column-end: 2 !important;
}

[cds-layout*="row:start-2"] {
  grid-row-start: 2 !important;
}

[cds-layout*="row:end-2"] {
  grid-row-end: 2 !important;
}

[cds-layout*="col:start-3"] {
  grid-column-start: 3 !important;
}

[cds-layout*="col:end-3"] {
  grid-column-end: 3 !important;
}

[cds-layout*="row:start-3"] {
  grid-row-start: 3 !important;
}

[cds-layout*="row:end-3"] {
  grid-row-end: 3 !important;
}

[cds-layout*="col:start-4"] {
  grid-column-start: 4 !important;
}

[cds-layout*="col:end-4"] {
  grid-column-end: 4 !important;
}

[cds-layout*="row:start-4"] {
  grid-row-start: 4 !important;
}

[cds-layout*="row:end-4"] {
  grid-row-end: 4 !important;
}

[cds-layout*="col:start-5"] {
  grid-column-start: 5 !important;
}

[cds-layout*="col:end-5"] {
  grid-column-end: 5 !important;
}

[cds-layout*="row:start-5"] {
  grid-row-start: 5 !important;
}

[cds-layout*="row:end-5"] {
  grid-row-end: 5 !important;
}

[cds-layout*="col:start-6"] {
  grid-column-start: 6 !important;
}

[cds-layout*="col:end-6"] {
  grid-column-end: 6 !important;
}

[cds-layout*="row:start-6"] {
  grid-row-start: 6 !important;
}

[cds-layout*="row:end-6"] {
  grid-row-end: 6 !important;
}

[cds-layout*="col:start-7"] {
  grid-column-start: 7 !important;
}

[cds-layout*="col:end-7"] {
  grid-column-end: 7 !important;
}

[cds-layout*="row:start-7"] {
  grid-row-start: 7 !important;
}

[cds-layout*="row:end-7"] {
  grid-row-end: 7 !important;
}

[cds-layout*="col:start-8"] {
  grid-column-start: 8 !important;
}

[cds-layout*="col:end-8"] {
  grid-column-end: 8 !important;
}

[cds-layout*="row:start-8"] {
  grid-row-start: 8 !important;
}

[cds-layout*="row:end-8"] {
  grid-row-end: 8 !important;
}

[cds-layout*="col:start-9"] {
  grid-column-start: 9 !important;
}

[cds-layout*="col:end-9"] {
  grid-column-end: 9 !important;
}

[cds-layout*="row:start-9"] {
  grid-row-start: 9 !important;
}

[cds-layout*="row:end-9"] {
  grid-row-end: 9 !important;
}

[cds-layout*="col:start-10"] {
  grid-column-start: 10 !important;
}

[cds-layout*="col:end-10"] {
  grid-column-end: 10 !important;
}

[cds-layout*="row:start-10"] {
  grid-row-start: 10 !important;
}

[cds-layout*="row:end-10"] {
  grid-row-end: 10 !important;
}

[cds-layout*="col:start-11"] {
  grid-column-start: 11 !important;
}

[cds-layout*="col:end-11"] {
  grid-column-end: 11 !important;
}

[cds-layout*="row:start-11"] {
  grid-row-start: 11 !important;
}

[cds-layout*="row:end-11"] {
  grid-row-end: 11 !important;
}

[cds-layout*="col:start-12"] {
  grid-column-start: 12 !important;
}

[cds-layout*="col:end-12"] {
  grid-column-end: 12 !important;
}

[cds-layout*="row:start-12"] {
  grid-row-start: 12 !important;
}

[cds-layout*="row:end-12"] {
  grid-row-end: 12 !important;
}

[cds-layout*="col:start-13"] {
  grid-column-start: 13 !important;
}

[cds-layout*="col:end-13"] {
  grid-column-end: 13 !important;
}

[cds-layout*="row:start-13"] {
  grid-row-start: 13 !important;
}

[cds-layout*="row:end-13"] {
  grid-row-end: 13 !important;
}

[cds-layout~=grid][cds-layout*="align:top"] {
  align-content: start;
}
[cds-layout~=grid][cds-layout*="align:right"] {
  justify-content: end;
}
[cds-layout~=grid][cds-layout*="align:bottom"] {
  align-content: end;
}
[cds-layout~=grid][cds-layout*="align:left"] {
  justify-content: start;
}
[cds-layout~=grid][cds-layout*="align:vertical-stretch"] {
  align-items: stretch;
  align-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:horizontal-stretch"] {
  justify-items: stretch;
  justify-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:stretch"] {
  align-items: stretch;
  align-content: stretch;
  justify-items: stretch;
  justify-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:vertical-center"] {
  align-items: center;
  align-content: center;
}
[cds-layout~=grid][cds-layout*="align:horizontal-center"] {
  justify-items: center;
  justify-content: center;
}
[cds-layout~=grid][cds-layout*="align:center"] {
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
}

@media (min-width: 576px) {
  [cds-layout*="cols@xs:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@xs:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@xs:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@xs:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@xs:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@xs:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@xs:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@xs:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@xs:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@xs:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@xs:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@xs:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@xs:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@xs:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@xs:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@xs:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@xs:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@xs:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@xs:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@xs:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@xs:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@xs:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@xs:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@xs:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 768px) {
  [cds-layout*="cols@sm:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@sm:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@sm:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@sm:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@sm:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@sm:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@sm:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@sm:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@sm:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@sm:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@sm:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@sm:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@sm:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@sm:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@sm:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@sm:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@sm:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@sm:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@sm:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@sm:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@sm:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@sm:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@sm:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@sm:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 992px) {
  [cds-layout*="cols@md:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@md:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@md:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@md:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@md:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@md:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@md:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@md:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@md:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@md:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@md:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@md:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@md:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@md:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@md:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@md:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@md:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@md:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@md:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@md:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@md:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@md:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@md:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@md:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="cols@lg:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@lg:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@lg:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@lg:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@lg:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@lg:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@lg:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@lg:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@lg:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@lg:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@lg:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@lg:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@lg:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@lg:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@lg:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@lg:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@lg:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@lg:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@lg:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@lg:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@lg:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@lg:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@lg:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@lg:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="cols@xl:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@xl:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@xl:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@xl:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@xl:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@xl:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@xl:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@xl:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@xl:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@xl:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@xl:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@xl:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@xl:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@xl:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@xl:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@xl:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@xl:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@xl:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@xl:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@xl:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@xl:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@xl:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@xl:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@xl:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 576px) {
  [cds-layout*="col@xs:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@xs:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@xs:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@xs:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@xs:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@xs:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@xs:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@xs:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@xs:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@xs:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@xs:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@xs:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@xs:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@xs:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@xs:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@xs:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@xs:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@xs:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@xs:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@xs:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@xs:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@xs:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@xs:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@xs:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="col@sm:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@sm:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@sm:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@sm:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@sm:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@sm:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@sm:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@sm:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@sm:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@sm:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@sm:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@sm:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@sm:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@sm:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@sm:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@sm:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@sm:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@sm:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@sm:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@sm:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@sm:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@sm:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@sm:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@sm:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="col@md:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@md:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@md:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@md:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@md:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@md:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@md:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@md:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@md:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@md:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@md:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@md:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@md:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@md:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@md:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@md:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@md:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@md:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@md:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@md:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@md:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@md:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@md:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@md:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="col@lg:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@lg:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@lg:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@lg:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@lg:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@lg:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@lg:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@lg:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@lg:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@lg:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@lg:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@lg:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@lg:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@lg:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@lg:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@lg:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@lg:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@lg:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@lg:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@lg:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@lg:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@lg:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@lg:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@lg:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="col@xl:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@xl:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@xl:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@xl:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@xl:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@xl:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@xl:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@xl:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@xl:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@xl:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@xl:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@xl:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@xl:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@xl:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@xl:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@xl:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@xl:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@xl:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@xl:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@xl:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@xl:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@xl:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@xl:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@xl:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 576px) {
  [cds-layout*="col@xs:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@xs:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@xs:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@xs:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@xs:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@xs:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@xs:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@xs:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@xs:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@xs:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@xs:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@xs:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@xs:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@xs:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@xs:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@xs:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@xs:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@xs:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@xs:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@xs:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@xs:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@xs:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@xs:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@xs:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@xs:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@xs:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@xs:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@xs:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@xs:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@xs:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@xs:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@xs:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@xs:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@xs:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@xs:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@xs:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@xs:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@xs:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@xs:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@xs:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@xs:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@xs:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@xs:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@xs:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@xs:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@xs:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@xs:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@xs:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@xs:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@xs:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@xs:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@xs:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="col@sm:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@sm:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@sm:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@sm:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@sm:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@sm:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@sm:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@sm:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@sm:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@sm:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@sm:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@sm:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@sm:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@sm:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@sm:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@sm:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@sm:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@sm:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@sm:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@sm:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@sm:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@sm:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@sm:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@sm:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@sm:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@sm:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@sm:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@sm:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@sm:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@sm:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@sm:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@sm:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@sm:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@sm:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@sm:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@sm:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@sm:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@sm:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@sm:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@sm:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@sm:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@sm:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@sm:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@sm:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@sm:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@sm:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@sm:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@sm:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@sm:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@sm:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@sm:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@sm:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="col@md:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@md:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@md:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@md:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@md:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@md:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@md:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@md:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@md:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@md:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@md:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@md:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@md:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@md:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@md:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@md:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@md:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@md:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@md:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@md:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@md:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@md:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@md:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@md:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@md:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@md:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@md:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@md:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@md:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@md:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@md:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@md:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@md:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@md:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@md:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@md:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@md:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@md:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@md:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@md:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@md:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@md:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@md:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@md:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@md:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@md:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@md:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@md:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@md:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@md:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@md:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@md:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="col@lg:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@lg:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@lg:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@lg:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@lg:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@lg:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@lg:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@lg:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@lg:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@lg:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@lg:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@lg:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@lg:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@lg:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@lg:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@lg:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@lg:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@lg:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@lg:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@lg:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@lg:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@lg:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@lg:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@lg:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@lg:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@lg:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@lg:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@lg:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@lg:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@lg:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@lg:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@lg:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@lg:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@lg:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@lg:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@lg:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@lg:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@lg:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@lg:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@lg:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@lg:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@lg:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@lg:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@lg:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@lg:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@lg:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@lg:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@lg:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@lg:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@lg:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@lg:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@lg:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="col@xl:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@xl:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@xl:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@xl:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@xl:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@xl:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@xl:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@xl:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@xl:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@xl:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@xl:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@xl:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@xl:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@xl:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@xl:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@xl:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@xl:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@xl:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@xl:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@xl:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@xl:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@xl:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@xl:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@xl:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@xl:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@xl:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@xl:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@xl:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@xl:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@xl:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@xl:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@xl:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@xl:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@xl:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@xl:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@xl:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@xl:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@xl:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@xl:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@xl:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@xl:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@xl:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@xl:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@xl:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@xl:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@xl:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@xl:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@xl:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@xl:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@xl:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@xl:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@xl:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 576px) {
  [cds-layout~=grid][cds-layout*="align@xs:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xs:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xs:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xs:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xs:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xs:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xs:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  [cds-layout~=grid][cds-layout*="align@sm:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@sm:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@sm:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@sm:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@sm:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@sm:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@sm:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  [cds-layout~=grid][cds-layout*="align@md:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@md:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@md:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@md:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@md:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@md:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@md:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=grid][cds-layout*="align@lg:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@lg:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@lg:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@lg:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@lg:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@lg:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@lg:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=grid][cds-layout*="align@xl:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xl:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xl:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xl:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xl:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xl:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xl:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
[cds-layout~="display:none"] {
  display: none !important;
}

[cds-layout~="display:flex"] {
  display: flex !important;
}

[cds-layout~="display:contents"] {
  display: contents !important;
}

[cds-layout~="display:block"] {
  display: block !important;
}

[cds-layout~="display:inline"] {
  display: inline !important;
}

[cds-layout~="display:screen-reader-only"] {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
  display: block !important;
}

@media (min-width: 768px) {
  [cds-layout~="display@sm:none"] {
    display: none !important;
  }

  [cds-layout~="display@sm:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@sm:block"] {
    display: block !important;
  }

  [cds-layout~="display@sm:inline"] {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  [cds-layout~="display@md:none"] {
    display: none !important;
  }

  [cds-layout~="display@md:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@md:block"] {
    display: block !important;
  }

  [cds-layout~="display@md:inline"] {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout~="display@lg:none"] {
    display: none !important;
  }

  [cds-layout~="display@lg:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@lg:block"] {
    display: block !important;
  }

  [cds-layout~="display@lg:inline"] {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout~="display@xl:none"] {
    display: none !important;
  }

  [cds-layout~="display@xl:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@xl:block"] {
    display: block !important;
  }

  [cds-layout~="display@xl:inline"] {
    display: inline !important;
  }
}
[cds-layout*="gap:none"] {
  gap: 0;
}

[cds-layout*="gap:xxs"] {
  gap: var(--cxxs);
}

[cds-layout*="gap:xs"] {
  gap: var(--cxs);
}

[cds-layout*="gap:sm"] {
  gap: var(--csm);
}

[cds-layout*="gap:md"] {
  gap: var(--cmd);
}

[cds-layout*="gap:lg"] {
  gap: var(--clg);
}

[cds-layout*="gap:xl"] {
  gap: var(--cxl);
}

[cds-layout*="gap:xxl"] {
  gap: var(--cxxl);
}

[cds-layout~="p:none"] {
  padding: 0 !important;
}

[cds-layout~="m:none"] {
  margin: 0 !important;
}

[cds-layout~="p:xxs"] {
  padding: var(--cxxs) !important;
}

[cds-layout~="m:xxs"] {
  margin: var(--cxxs) !important;
}

[cds-layout~="p:xs"] {
  padding: var(--cxs) !important;
}

[cds-layout~="m:xs"] {
  margin: var(--cxs) !important;
}

[cds-layout~="p:sm"] {
  padding: var(--csm) !important;
}

[cds-layout~="m:sm"] {
  margin: var(--csm) !important;
}

[cds-layout~="p:md"] {
  padding: var(--cmd) !important;
}

[cds-layout~="m:md"] {
  margin: var(--cmd) !important;
}

[cds-layout~="p:lg"] {
  padding: var(--clg) !important;
}

[cds-layout~="m:lg"] {
  margin: var(--clg) !important;
}

[cds-layout~="p:xl"] {
  padding: var(--cxl) !important;
}

[cds-layout~="m:xl"] {
  margin: var(--cxl) !important;
}

[cds-layout~="p:xxl"] {
  padding: var(--cxxl) !important;
}

[cds-layout~="m:xxl"] {
  margin: var(--cxxl) !important;
}

[cds-layout~="p-x:none"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[cds-layout~="p-y:none"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[cds-layout~="p-x:xxs"] {
  padding-left: var(--cxxs) !important;
  padding-right: var(--cxxs) !important;
}

[cds-layout~="p-y:xxs"] {
  padding-top: var(--cxxs) !important;
  padding-bottom: var(--cxxs) !important;
}

[cds-layout~="p-x:xs"] {
  padding-left: var(--cxs) !important;
  padding-right: var(--cxs) !important;
}

[cds-layout~="p-y:xs"] {
  padding-top: var(--cxs) !important;
  padding-bottom: var(--cxs) !important;
}

[cds-layout~="p-x:sm"] {
  padding-left: var(--csm) !important;
  padding-right: var(--csm) !important;
}

[cds-layout~="p-y:sm"] {
  padding-top: var(--csm) !important;
  padding-bottom: var(--csm) !important;
}

[cds-layout~="p-x:md"] {
  padding-left: var(--cmd) !important;
  padding-right: var(--cmd) !important;
}

[cds-layout~="p-y:md"] {
  padding-top: var(--cmd) !important;
  padding-bottom: var(--cmd) !important;
}

[cds-layout~="p-x:lg"] {
  padding-left: var(--clg) !important;
  padding-right: var(--clg) !important;
}

[cds-layout~="p-y:lg"] {
  padding-top: var(--clg) !important;
  padding-bottom: var(--clg) !important;
}

[cds-layout~="p-x:xl"] {
  padding-left: var(--cxl) !important;
  padding-right: var(--cxl) !important;
}

[cds-layout~="p-y:xl"] {
  padding-top: var(--cxl) !important;
  padding-bottom: var(--cxl) !important;
}

[cds-layout~="p-x:xxl"] {
  padding-left: var(--cxxl) !important;
  padding-right: var(--cxxl) !important;
}

[cds-layout~="p-y:xxl"] {
  padding-top: var(--cxxl) !important;
  padding-bottom: var(--cxxl) !important;
}

[cds-layout~="m-x:none"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[cds-layout~="m-y:none"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[cds-layout~="m-x:xxs"] {
  margin-left: var(--cxxs) !important;
  margin-right: var(--cxxs) !important;
}

[cds-layout~="m-y:xxs"] {
  margin-top: var(--cxxs) !important;
  margin-bottom: var(--cxxs) !important;
}

[cds-layout~="m-x:xs"] {
  margin-left: var(--cxs) !important;
  margin-right: var(--cxs) !important;
}

[cds-layout~="m-y:xs"] {
  margin-top: var(--cxs) !important;
  margin-bottom: var(--cxs) !important;
}

[cds-layout~="m-x:sm"] {
  margin-left: var(--csm) !important;
  margin-right: var(--csm) !important;
}

[cds-layout~="m-y:sm"] {
  margin-top: var(--csm) !important;
  margin-bottom: var(--csm) !important;
}

[cds-layout~="m-x:md"] {
  margin-left: var(--cmd) !important;
  margin-right: var(--cmd) !important;
}

[cds-layout~="m-y:md"] {
  margin-top: var(--cmd) !important;
  margin-bottom: var(--cmd) !important;
}

[cds-layout~="m-x:lg"] {
  margin-left: var(--clg) !important;
  margin-right: var(--clg) !important;
}

[cds-layout~="m-y:lg"] {
  margin-top: var(--clg) !important;
  margin-bottom: var(--clg) !important;
}

[cds-layout~="m-x:xl"] {
  margin-left: var(--cxl) !important;
  margin-right: var(--cxl) !important;
}

[cds-layout~="m-y:xl"] {
  margin-top: var(--cxl) !important;
  margin-bottom: var(--cxl) !important;
}

[cds-layout~="m-x:xxl"] {
  margin-left: var(--cxxl) !important;
  margin-right: var(--cxxl) !important;
}

[cds-layout~="m-y:xxl"] {
  margin-top: var(--cxxl) !important;
  margin-bottom: var(--cxxl) !important;
}

[cds-layout~="p-t:none"] {
  padding-top: 0 !important;
}

[cds-layout~="p-r:none"] {
  padding-right: 0 !important;
}

[cds-layout~="p-b:none"] {
  padding-bottom: 0 !important;
}

[cds-layout~="p-l:none"] {
  padding-left: 0 !important;
}

[cds-layout~="p-t:xxs"] {
  padding-top: var(--cxxs) !important;
}

[cds-layout~="p-r:xxs"] {
  padding-right: var(--cxxs) !important;
}

[cds-layout~="p-b:xxs"] {
  padding-bottom: var(--cxxs) !important;
}

[cds-layout~="p-l:xxs"] {
  padding-left: var(--cxxs) !important;
}

[cds-layout~="p-t:xs"] {
  padding-top: var(--cxs) !important;
}

[cds-layout~="p-r:xs"] {
  padding-right: var(--cxs) !important;
}

[cds-layout~="p-b:xs"] {
  padding-bottom: var(--cxs) !important;
}

[cds-layout~="p-l:xs"] {
  padding-left: var(--cxs) !important;
}

[cds-layout~="p-t:sm"] {
  padding-top: var(--csm) !important;
}

[cds-layout~="p-r:sm"] {
  padding-right: var(--csm) !important;
}

[cds-layout~="p-b:sm"] {
  padding-bottom: var(--csm) !important;
}

[cds-layout~="p-l:sm"] {
  padding-left: var(--csm) !important;
}

[cds-layout~="p-t:md"] {
  padding-top: var(--cmd) !important;
}

[cds-layout~="p-r:md"] {
  padding-right: var(--cmd) !important;
}

[cds-layout~="p-b:md"] {
  padding-bottom: var(--cmd) !important;
}

[cds-layout~="p-l:md"] {
  padding-left: var(--cmd) !important;
}

[cds-layout~="p-t:lg"] {
  padding-top: var(--clg) !important;
}

[cds-layout~="p-r:lg"] {
  padding-right: var(--clg) !important;
}

[cds-layout~="p-b:lg"] {
  padding-bottom: var(--clg) !important;
}

[cds-layout~="p-l:lg"] {
  padding-left: var(--clg) !important;
}

[cds-layout~="p-t:xl"] {
  padding-top: var(--cxl) !important;
}

[cds-layout~="p-r:xl"] {
  padding-right: var(--cxl) !important;
}

[cds-layout~="p-b:xl"] {
  padding-bottom: var(--cxl) !important;
}

[cds-layout~="p-l:xl"] {
  padding-left: var(--cxl) !important;
}

[cds-layout~="p-t:xxl"] {
  padding-top: var(--cxxl) !important;
}

[cds-layout~="p-r:xxl"] {
  padding-right: var(--cxxl) !important;
}

[cds-layout~="p-b:xxl"] {
  padding-bottom: var(--cxxl) !important;
}

[cds-layout~="p-l:xxl"] {
  padding-left: var(--cxxl) !important;
}

[cds-layout~="m-t:none"] {
  margin-top: 0 !important;
}

[cds-layout~="m-r:none"] {
  margin-right: 0 !important;
}

[cds-layout~="m-b:none"] {
  margin-bottom: 0 !important;
}

[cds-layout~="m-l:none"] {
  margin-left: 0 !important;
}

[cds-layout~="m-t:xxs"] {
  margin-top: var(--cxxs) !important;
}

[cds-layout~="m-r:xxs"] {
  margin-right: var(--cxxs) !important;
}

[cds-layout~="m-b:xxs"] {
  margin-bottom: var(--cxxs) !important;
}

[cds-layout~="m-l:xxs"] {
  margin-left: var(--cxxs) !important;
}

[cds-layout~="m-t:xs"] {
  margin-top: var(--cxs) !important;
}

[cds-layout~="m-r:xs"] {
  margin-right: var(--cxs) !important;
}

[cds-layout~="m-b:xs"] {
  margin-bottom: var(--cxs) !important;
}

[cds-layout~="m-l:xs"] {
  margin-left: var(--cxs) !important;
}

[cds-layout~="m-t:sm"] {
  margin-top: var(--csm) !important;
}

[cds-layout~="m-r:sm"] {
  margin-right: var(--csm) !important;
}

[cds-layout~="m-b:sm"] {
  margin-bottom: var(--csm) !important;
}

[cds-layout~="m-l:sm"] {
  margin-left: var(--csm) !important;
}

[cds-layout~="m-t:md"] {
  margin-top: var(--cmd) !important;
}

[cds-layout~="m-r:md"] {
  margin-right: var(--cmd) !important;
}

[cds-layout~="m-b:md"] {
  margin-bottom: var(--cmd) !important;
}

[cds-layout~="m-l:md"] {
  margin-left: var(--cmd) !important;
}

[cds-layout~="m-t:lg"] {
  margin-top: var(--clg) !important;
}

[cds-layout~="m-r:lg"] {
  margin-right: var(--clg) !important;
}

[cds-layout~="m-b:lg"] {
  margin-bottom: var(--clg) !important;
}

[cds-layout~="m-l:lg"] {
  margin-left: var(--clg) !important;
}

[cds-layout~="m-t:xl"] {
  margin-top: var(--cxl) !important;
}

[cds-layout~="m-r:xl"] {
  margin-right: var(--cxl) !important;
}

[cds-layout~="m-b:xl"] {
  margin-bottom: var(--cxl) !important;
}

[cds-layout~="m-l:xl"] {
  margin-left: var(--cxl) !important;
}

[cds-layout~="m-t:xxl"] {
  margin-top: var(--cxxl) !important;
}

[cds-layout~="m-r:xxl"] {
  margin-right: var(--cxxl) !important;
}

[cds-layout~="m-b:xxl"] {
  margin-bottom: var(--cxxl) !important;
}

[cds-layout~="m-l:xxl"] {
  margin-left: var(--cxxl) !important;
}

@media (min-width: 576px) {
  [cds-layout*="gap@xs:none"] {
    gap: 0;
  }

  [cds-layout*="gap@xs:xxs"] {
    gap: var(--cxxs);
  }

  [cds-layout*="gap@xs:xs"] {
    gap: var(--cxs);
  }

  [cds-layout*="gap@xs:sm"] {
    gap: var(--csm);
  }

  [cds-layout*="gap@xs:md"] {
    gap: var(--cmd);
  }

  [cds-layout*="gap@xs:lg"] {
    gap: var(--clg);
  }

  [cds-layout*="gap@xs:xl"] {
    gap: var(--cxl);
  }

  [cds-layout*="gap@xs:xxl"] {
    gap: var(--cxxl);
  }

  [cds-layout~="p@xs:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@xs:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@xs:xxs"] {
    padding: var(--cxxs) !important;
  }

  [cds-layout~="m@xs:xxs"] {
    margin: var(--cxxs) !important;
  }

  [cds-layout~="p@xs:xs"] {
    padding: var(--cxs) !important;
  }

  [cds-layout~="m@xs:xs"] {
    margin: var(--cxs) !important;
  }

  [cds-layout~="p@xs:sm"] {
    padding: var(--csm) !important;
  }

  [cds-layout~="m@xs:sm"] {
    margin: var(--csm) !important;
  }

  [cds-layout~="p@xs:md"] {
    padding: var(--cmd) !important;
  }

  [cds-layout~="m@xs:md"] {
    margin: var(--cmd) !important;
  }

  [cds-layout~="p@xs:lg"] {
    padding: var(--clg) !important;
  }

  [cds-layout~="m@xs:lg"] {
    margin: var(--clg) !important;
  }

  [cds-layout~="p@xs:xl"] {
    padding: var(--cxl) !important;
  }

  [cds-layout~="m@xs:xl"] {
    margin: var(--cxl) !important;
  }

  [cds-layout~="p@xs:xxl"] {
    padding: var(--cxxl) !important;
  }

  [cds-layout~="m@xs:xxl"] {
    margin: var(--cxxl) !important;
  }

  [cds-layout~="p-x@xs:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@xs:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@xs:xxs"] {
    padding-left: var(--cxxs) !important;
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-y@xs:xxs"] {
    padding-top: var(--cxxs) !important;
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-x@xs:xs"] {
    padding-left: var(--cxs) !important;
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-y@xs:xs"] {
    padding-top: var(--cxs) !important;
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-x@xs:sm"] {
    padding-left: var(--csm) !important;
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-y@xs:sm"] {
    padding-top: var(--csm) !important;
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-x@xs:md"] {
    padding-left: var(--cmd) !important;
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-y@xs:md"] {
    padding-top: var(--cmd) !important;
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-x@xs:lg"] {
    padding-left: var(--clg) !important;
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-y@xs:lg"] {
    padding-top: var(--clg) !important;
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-x@xs:xl"] {
    padding-left: var(--cxl) !important;
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-y@xs:xl"] {
    padding-top: var(--cxl) !important;
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-x@xs:xxl"] {
    padding-left: var(--cxxl) !important;
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-y@xs:xxl"] {
    padding-top: var(--cxxl) !important;
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-x@xs:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@xs:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@xs:xxs"] {
    margin-left: var(--cxxs) !important;
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-y@xs:xxs"] {
    margin-top: var(--cxxs) !important;
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-x@xs:xs"] {
    margin-left: var(--cxs) !important;
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-y@xs:xs"] {
    margin-top: var(--cxs) !important;
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-x@xs:sm"] {
    margin-left: var(--csm) !important;
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-y@xs:sm"] {
    margin-top: var(--csm) !important;
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-x@xs:md"] {
    margin-left: var(--cmd) !important;
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-y@xs:md"] {
    margin-top: var(--cmd) !important;
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-x@xs:lg"] {
    margin-left: var(--clg) !important;
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-y@xs:lg"] {
    margin-top: var(--clg) !important;
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-x@xs:xl"] {
    margin-left: var(--cxl) !important;
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-y@xs:xl"] {
    margin-top: var(--cxl) !important;
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-x@xs:xxl"] {
    margin-left: var(--cxxl) !important;
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-y@xs:xxl"] {
    margin-top: var(--cxxl) !important;
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-t@xs:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@xs:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@xs:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@xs:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@xs:xxs"] {
    padding-top: var(--cxxs) !important;
  }

  [cds-layout~="p-r@xs:xxs"] {
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-b@xs:xxs"] {
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-l@xs:xxs"] {
    padding-left: var(--cxxs) !important;
  }

  [cds-layout~="p-t@xs:xs"] {
    padding-top: var(--cxs) !important;
  }

  [cds-layout~="p-r@xs:xs"] {
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-b@xs:xs"] {
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-l@xs:xs"] {
    padding-left: var(--cxs) !important;
  }

  [cds-layout~="p-t@xs:sm"] {
    padding-top: var(--csm) !important;
  }

  [cds-layout~="p-r@xs:sm"] {
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-b@xs:sm"] {
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-l@xs:sm"] {
    padding-left: var(--csm) !important;
  }

  [cds-layout~="p-t@xs:md"] {
    padding-top: var(--cmd) !important;
  }

  [cds-layout~="p-r@xs:md"] {
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-b@xs:md"] {
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-l@xs:md"] {
    padding-left: var(--cmd) !important;
  }

  [cds-layout~="p-t@xs:lg"] {
    padding-top: var(--clg) !important;
  }

  [cds-layout~="p-r@xs:lg"] {
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-b@xs:lg"] {
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-l@xs:lg"] {
    padding-left: var(--clg) !important;
  }

  [cds-layout~="p-t@xs:xl"] {
    padding-top: var(--cxl) !important;
  }

  [cds-layout~="p-r@xs:xl"] {
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-b@xs:xl"] {
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-l@xs:xl"] {
    padding-left: var(--cxl) !important;
  }

  [cds-layout~="p-t@xs:xxl"] {
    padding-top: var(--cxxl) !important;
  }

  [cds-layout~="p-r@xs:xxl"] {
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-b@xs:xxl"] {
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-l@xs:xxl"] {
    padding-left: var(--cxxl) !important;
  }

  [cds-layout~="m-t@xs:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@xs:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@xs:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@xs:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@xs:xxs"] {
    margin-top: var(--cxxs) !important;
  }

  [cds-layout~="m-r@xs:xxs"] {
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-b@xs:xxs"] {
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-l@xs:xxs"] {
    margin-left: var(--cxxs) !important;
  }

  [cds-layout~="m-t@xs:xs"] {
    margin-top: var(--cxs) !important;
  }

  [cds-layout~="m-r@xs:xs"] {
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-b@xs:xs"] {
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-l@xs:xs"] {
    margin-left: var(--cxs) !important;
  }

  [cds-layout~="m-t@xs:sm"] {
    margin-top: var(--csm) !important;
  }

  [cds-layout~="m-r@xs:sm"] {
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-b@xs:sm"] {
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-l@xs:sm"] {
    margin-left: var(--csm) !important;
  }

  [cds-layout~="m-t@xs:md"] {
    margin-top: var(--cmd) !important;
  }

  [cds-layout~="m-r@xs:md"] {
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-b@xs:md"] {
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-l@xs:md"] {
    margin-left: var(--cmd) !important;
  }

  [cds-layout~="m-t@xs:lg"] {
    margin-top: var(--clg) !important;
  }

  [cds-layout~="m-r@xs:lg"] {
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-b@xs:lg"] {
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-l@xs:lg"] {
    margin-left: var(--clg) !important;
  }

  [cds-layout~="m-t@xs:xl"] {
    margin-top: var(--cxl) !important;
  }

  [cds-layout~="m-r@xs:xl"] {
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-b@xs:xl"] {
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-l@xs:xl"] {
    margin-left: var(--cxl) !important;
  }

  [cds-layout~="m-t@xs:xxl"] {
    margin-top: var(--cxxl) !important;
  }

  [cds-layout~="m-r@xs:xxl"] {
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-b@xs:xxl"] {
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-l@xs:xxl"] {
    margin-left: var(--cxxl) !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="gap@sm:none"] {
    gap: 0;
  }

  [cds-layout*="gap@sm:xxs"] {
    gap: var(--cxxs);
  }

  [cds-layout*="gap@sm:xs"] {
    gap: var(--cxs);
  }

  [cds-layout*="gap@sm:sm"] {
    gap: var(--csm);
  }

  [cds-layout*="gap@sm:md"] {
    gap: var(--cmd);
  }

  [cds-layout*="gap@sm:lg"] {
    gap: var(--clg);
  }

  [cds-layout*="gap@sm:xl"] {
    gap: var(--cxl);
  }

  [cds-layout*="gap@sm:xxl"] {
    gap: var(--cxxl);
  }

  [cds-layout~="p@sm:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@sm:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@sm:xxs"] {
    padding: var(--cxxs) !important;
  }

  [cds-layout~="m@sm:xxs"] {
    margin: var(--cxxs) !important;
  }

  [cds-layout~="p@sm:xs"] {
    padding: var(--cxs) !important;
  }

  [cds-layout~="m@sm:xs"] {
    margin: var(--cxs) !important;
  }

  [cds-layout~="p@sm:sm"] {
    padding: var(--csm) !important;
  }

  [cds-layout~="m@sm:sm"] {
    margin: var(--csm) !important;
  }

  [cds-layout~="p@sm:md"] {
    padding: var(--cmd) !important;
  }

  [cds-layout~="m@sm:md"] {
    margin: var(--cmd) !important;
  }

  [cds-layout~="p@sm:lg"] {
    padding: var(--clg) !important;
  }

  [cds-layout~="m@sm:lg"] {
    margin: var(--clg) !important;
  }

  [cds-layout~="p@sm:xl"] {
    padding: var(--cxl) !important;
  }

  [cds-layout~="m@sm:xl"] {
    margin: var(--cxl) !important;
  }

  [cds-layout~="p@sm:xxl"] {
    padding: var(--cxxl) !important;
  }

  [cds-layout~="m@sm:xxl"] {
    margin: var(--cxxl) !important;
  }

  [cds-layout~="p-x@sm:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@sm:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@sm:xxs"] {
    padding-left: var(--cxxs) !important;
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-y@sm:xxs"] {
    padding-top: var(--cxxs) !important;
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-x@sm:xs"] {
    padding-left: var(--cxs) !important;
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-y@sm:xs"] {
    padding-top: var(--cxs) !important;
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-x@sm:sm"] {
    padding-left: var(--csm) !important;
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-y@sm:sm"] {
    padding-top: var(--csm) !important;
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-x@sm:md"] {
    padding-left: var(--cmd) !important;
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-y@sm:md"] {
    padding-top: var(--cmd) !important;
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-x@sm:lg"] {
    padding-left: var(--clg) !important;
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-y@sm:lg"] {
    padding-top: var(--clg) !important;
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-x@sm:xl"] {
    padding-left: var(--cxl) !important;
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-y@sm:xl"] {
    padding-top: var(--cxl) !important;
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-x@sm:xxl"] {
    padding-left: var(--cxxl) !important;
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-y@sm:xxl"] {
    padding-top: var(--cxxl) !important;
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-x@sm:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@sm:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@sm:xxs"] {
    margin-left: var(--cxxs) !important;
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-y@sm:xxs"] {
    margin-top: var(--cxxs) !important;
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-x@sm:xs"] {
    margin-left: var(--cxs) !important;
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-y@sm:xs"] {
    margin-top: var(--cxs) !important;
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-x@sm:sm"] {
    margin-left: var(--csm) !important;
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-y@sm:sm"] {
    margin-top: var(--csm) !important;
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-x@sm:md"] {
    margin-left: var(--cmd) !important;
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-y@sm:md"] {
    margin-top: var(--cmd) !important;
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-x@sm:lg"] {
    margin-left: var(--clg) !important;
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-y@sm:lg"] {
    margin-top: var(--clg) !important;
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-x@sm:xl"] {
    margin-left: var(--cxl) !important;
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-y@sm:xl"] {
    margin-top: var(--cxl) !important;
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-x@sm:xxl"] {
    margin-left: var(--cxxl) !important;
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-y@sm:xxl"] {
    margin-top: var(--cxxl) !important;
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-t@sm:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@sm:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@sm:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@sm:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@sm:xxs"] {
    padding-top: var(--cxxs) !important;
  }

  [cds-layout~="p-r@sm:xxs"] {
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-b@sm:xxs"] {
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-l@sm:xxs"] {
    padding-left: var(--cxxs) !important;
  }

  [cds-layout~="p-t@sm:xs"] {
    padding-top: var(--cxs) !important;
  }

  [cds-layout~="p-r@sm:xs"] {
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-b@sm:xs"] {
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-l@sm:xs"] {
    padding-left: var(--cxs) !important;
  }

  [cds-layout~="p-t@sm:sm"] {
    padding-top: var(--csm) !important;
  }

  [cds-layout~="p-r@sm:sm"] {
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-b@sm:sm"] {
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-l@sm:sm"] {
    padding-left: var(--csm) !important;
  }

  [cds-layout~="p-t@sm:md"] {
    padding-top: var(--cmd) !important;
  }

  [cds-layout~="p-r@sm:md"] {
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-b@sm:md"] {
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-l@sm:md"] {
    padding-left: var(--cmd) !important;
  }

  [cds-layout~="p-t@sm:lg"] {
    padding-top: var(--clg) !important;
  }

  [cds-layout~="p-r@sm:lg"] {
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-b@sm:lg"] {
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-l@sm:lg"] {
    padding-left: var(--clg) !important;
  }

  [cds-layout~="p-t@sm:xl"] {
    padding-top: var(--cxl) !important;
  }

  [cds-layout~="p-r@sm:xl"] {
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-b@sm:xl"] {
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-l@sm:xl"] {
    padding-left: var(--cxl) !important;
  }

  [cds-layout~="p-t@sm:xxl"] {
    padding-top: var(--cxxl) !important;
  }

  [cds-layout~="p-r@sm:xxl"] {
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-b@sm:xxl"] {
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-l@sm:xxl"] {
    padding-left: var(--cxxl) !important;
  }

  [cds-layout~="m-t@sm:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@sm:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@sm:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@sm:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@sm:xxs"] {
    margin-top: var(--cxxs) !important;
  }

  [cds-layout~="m-r@sm:xxs"] {
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-b@sm:xxs"] {
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-l@sm:xxs"] {
    margin-left: var(--cxxs) !important;
  }

  [cds-layout~="m-t@sm:xs"] {
    margin-top: var(--cxs) !important;
  }

  [cds-layout~="m-r@sm:xs"] {
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-b@sm:xs"] {
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-l@sm:xs"] {
    margin-left: var(--cxs) !important;
  }

  [cds-layout~="m-t@sm:sm"] {
    margin-top: var(--csm) !important;
  }

  [cds-layout~="m-r@sm:sm"] {
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-b@sm:sm"] {
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-l@sm:sm"] {
    margin-left: var(--csm) !important;
  }

  [cds-layout~="m-t@sm:md"] {
    margin-top: var(--cmd) !important;
  }

  [cds-layout~="m-r@sm:md"] {
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-b@sm:md"] {
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-l@sm:md"] {
    margin-left: var(--cmd) !important;
  }

  [cds-layout~="m-t@sm:lg"] {
    margin-top: var(--clg) !important;
  }

  [cds-layout~="m-r@sm:lg"] {
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-b@sm:lg"] {
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-l@sm:lg"] {
    margin-left: var(--clg) !important;
  }

  [cds-layout~="m-t@sm:xl"] {
    margin-top: var(--cxl) !important;
  }

  [cds-layout~="m-r@sm:xl"] {
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-b@sm:xl"] {
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-l@sm:xl"] {
    margin-left: var(--cxl) !important;
  }

  [cds-layout~="m-t@sm:xxl"] {
    margin-top: var(--cxxl) !important;
  }

  [cds-layout~="m-r@sm:xxl"] {
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-b@sm:xxl"] {
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-l@sm:xxl"] {
    margin-left: var(--cxxl) !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="gap@md:none"] {
    gap: 0;
  }

  [cds-layout*="gap@md:xxs"] {
    gap: var(--cxxs);
  }

  [cds-layout*="gap@md:xs"] {
    gap: var(--cxs);
  }

  [cds-layout*="gap@md:sm"] {
    gap: var(--csm);
  }

  [cds-layout*="gap@md:md"] {
    gap: var(--cmd);
  }

  [cds-layout*="gap@md:lg"] {
    gap: var(--clg);
  }

  [cds-layout*="gap@md:xl"] {
    gap: var(--cxl);
  }

  [cds-layout*="gap@md:xxl"] {
    gap: var(--cxxl);
  }

  [cds-layout~="p@md:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@md:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@md:xxs"] {
    padding: var(--cxxs) !important;
  }

  [cds-layout~="m@md:xxs"] {
    margin: var(--cxxs) !important;
  }

  [cds-layout~="p@md:xs"] {
    padding: var(--cxs) !important;
  }

  [cds-layout~="m@md:xs"] {
    margin: var(--cxs) !important;
  }

  [cds-layout~="p@md:sm"] {
    padding: var(--csm) !important;
  }

  [cds-layout~="m@md:sm"] {
    margin: var(--csm) !important;
  }

  [cds-layout~="p@md:md"] {
    padding: var(--cmd) !important;
  }

  [cds-layout~="m@md:md"] {
    margin: var(--cmd) !important;
  }

  [cds-layout~="p@md:lg"] {
    padding: var(--clg) !important;
  }

  [cds-layout~="m@md:lg"] {
    margin: var(--clg) !important;
  }

  [cds-layout~="p@md:xl"] {
    padding: var(--cxl) !important;
  }

  [cds-layout~="m@md:xl"] {
    margin: var(--cxl) !important;
  }

  [cds-layout~="p@md:xxl"] {
    padding: var(--cxxl) !important;
  }

  [cds-layout~="m@md:xxl"] {
    margin: var(--cxxl) !important;
  }

  [cds-layout~="p-x@md:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@md:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@md:xxs"] {
    padding-left: var(--cxxs) !important;
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-y@md:xxs"] {
    padding-top: var(--cxxs) !important;
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-x@md:xs"] {
    padding-left: var(--cxs) !important;
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-y@md:xs"] {
    padding-top: var(--cxs) !important;
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-x@md:sm"] {
    padding-left: var(--csm) !important;
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-y@md:sm"] {
    padding-top: var(--csm) !important;
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-x@md:md"] {
    padding-left: var(--cmd) !important;
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-y@md:md"] {
    padding-top: var(--cmd) !important;
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-x@md:lg"] {
    padding-left: var(--clg) !important;
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-y@md:lg"] {
    padding-top: var(--clg) !important;
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-x@md:xl"] {
    padding-left: var(--cxl) !important;
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-y@md:xl"] {
    padding-top: var(--cxl) !important;
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-x@md:xxl"] {
    padding-left: var(--cxxl) !important;
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-y@md:xxl"] {
    padding-top: var(--cxxl) !important;
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-x@md:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@md:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@md:xxs"] {
    margin-left: var(--cxxs) !important;
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-y@md:xxs"] {
    margin-top: var(--cxxs) !important;
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-x@md:xs"] {
    margin-left: var(--cxs) !important;
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-y@md:xs"] {
    margin-top: var(--cxs) !important;
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-x@md:sm"] {
    margin-left: var(--csm) !important;
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-y@md:sm"] {
    margin-top: var(--csm) !important;
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-x@md:md"] {
    margin-left: var(--cmd) !important;
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-y@md:md"] {
    margin-top: var(--cmd) !important;
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-x@md:lg"] {
    margin-left: var(--clg) !important;
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-y@md:lg"] {
    margin-top: var(--clg) !important;
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-x@md:xl"] {
    margin-left: var(--cxl) !important;
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-y@md:xl"] {
    margin-top: var(--cxl) !important;
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-x@md:xxl"] {
    margin-left: var(--cxxl) !important;
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-y@md:xxl"] {
    margin-top: var(--cxxl) !important;
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-t@md:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@md:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@md:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@md:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@md:xxs"] {
    padding-top: var(--cxxs) !important;
  }

  [cds-layout~="p-r@md:xxs"] {
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-b@md:xxs"] {
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-l@md:xxs"] {
    padding-left: var(--cxxs) !important;
  }

  [cds-layout~="p-t@md:xs"] {
    padding-top: var(--cxs) !important;
  }

  [cds-layout~="p-r@md:xs"] {
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-b@md:xs"] {
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-l@md:xs"] {
    padding-left: var(--cxs) !important;
  }

  [cds-layout~="p-t@md:sm"] {
    padding-top: var(--csm) !important;
  }

  [cds-layout~="p-r@md:sm"] {
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-b@md:sm"] {
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-l@md:sm"] {
    padding-left: var(--csm) !important;
  }

  [cds-layout~="p-t@md:md"] {
    padding-top: var(--cmd) !important;
  }

  [cds-layout~="p-r@md:md"] {
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-b@md:md"] {
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-l@md:md"] {
    padding-left: var(--cmd) !important;
  }

  [cds-layout~="p-t@md:lg"] {
    padding-top: var(--clg) !important;
  }

  [cds-layout~="p-r@md:lg"] {
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-b@md:lg"] {
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-l@md:lg"] {
    padding-left: var(--clg) !important;
  }

  [cds-layout~="p-t@md:xl"] {
    padding-top: var(--cxl) !important;
  }

  [cds-layout~="p-r@md:xl"] {
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-b@md:xl"] {
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-l@md:xl"] {
    padding-left: var(--cxl) !important;
  }

  [cds-layout~="p-t@md:xxl"] {
    padding-top: var(--cxxl) !important;
  }

  [cds-layout~="p-r@md:xxl"] {
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-b@md:xxl"] {
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-l@md:xxl"] {
    padding-left: var(--cxxl) !important;
  }

  [cds-layout~="m-t@md:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@md:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@md:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@md:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@md:xxs"] {
    margin-top: var(--cxxs) !important;
  }

  [cds-layout~="m-r@md:xxs"] {
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-b@md:xxs"] {
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-l@md:xxs"] {
    margin-left: var(--cxxs) !important;
  }

  [cds-layout~="m-t@md:xs"] {
    margin-top: var(--cxs) !important;
  }

  [cds-layout~="m-r@md:xs"] {
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-b@md:xs"] {
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-l@md:xs"] {
    margin-left: var(--cxs) !important;
  }

  [cds-layout~="m-t@md:sm"] {
    margin-top: var(--csm) !important;
  }

  [cds-layout~="m-r@md:sm"] {
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-b@md:sm"] {
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-l@md:sm"] {
    margin-left: var(--csm) !important;
  }

  [cds-layout~="m-t@md:md"] {
    margin-top: var(--cmd) !important;
  }

  [cds-layout~="m-r@md:md"] {
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-b@md:md"] {
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-l@md:md"] {
    margin-left: var(--cmd) !important;
  }

  [cds-layout~="m-t@md:lg"] {
    margin-top: var(--clg) !important;
  }

  [cds-layout~="m-r@md:lg"] {
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-b@md:lg"] {
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-l@md:lg"] {
    margin-left: var(--clg) !important;
  }

  [cds-layout~="m-t@md:xl"] {
    margin-top: var(--cxl) !important;
  }

  [cds-layout~="m-r@md:xl"] {
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-b@md:xl"] {
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-l@md:xl"] {
    margin-left: var(--cxl) !important;
  }

  [cds-layout~="m-t@md:xxl"] {
    margin-top: var(--cxxl) !important;
  }

  [cds-layout~="m-r@md:xxl"] {
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-b@md:xxl"] {
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-l@md:xxl"] {
    margin-left: var(--cxxl) !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="gap@lg:none"] {
    gap: 0;
  }

  [cds-layout*="gap@lg:xxs"] {
    gap: var(--cxxs);
  }

  [cds-layout*="gap@lg:xs"] {
    gap: var(--cxs);
  }

  [cds-layout*="gap@lg:sm"] {
    gap: var(--csm);
  }

  [cds-layout*="gap@lg:md"] {
    gap: var(--cmd);
  }

  [cds-layout*="gap@lg:lg"] {
    gap: var(--clg);
  }

  [cds-layout*="gap@lg:xl"] {
    gap: var(--cxl);
  }

  [cds-layout*="gap@lg:xxl"] {
    gap: var(--cxxl);
  }

  [cds-layout~="p@lg:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@lg:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@lg:xxs"] {
    padding: var(--cxxs) !important;
  }

  [cds-layout~="m@lg:xxs"] {
    margin: var(--cxxs) !important;
  }

  [cds-layout~="p@lg:xs"] {
    padding: var(--cxs) !important;
  }

  [cds-layout~="m@lg:xs"] {
    margin: var(--cxs) !important;
  }

  [cds-layout~="p@lg:sm"] {
    padding: var(--csm) !important;
  }

  [cds-layout~="m@lg:sm"] {
    margin: var(--csm) !important;
  }

  [cds-layout~="p@lg:md"] {
    padding: var(--cmd) !important;
  }

  [cds-layout~="m@lg:md"] {
    margin: var(--cmd) !important;
  }

  [cds-layout~="p@lg:lg"] {
    padding: var(--clg) !important;
  }

  [cds-layout~="m@lg:lg"] {
    margin: var(--clg) !important;
  }

  [cds-layout~="p@lg:xl"] {
    padding: var(--cxl) !important;
  }

  [cds-layout~="m@lg:xl"] {
    margin: var(--cxl) !important;
  }

  [cds-layout~="p@lg:xxl"] {
    padding: var(--cxxl) !important;
  }

  [cds-layout~="m@lg:xxl"] {
    margin: var(--cxxl) !important;
  }

  [cds-layout~="p-x@lg:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@lg:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@lg:xxs"] {
    padding-left: var(--cxxs) !important;
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-y@lg:xxs"] {
    padding-top: var(--cxxs) !important;
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-x@lg:xs"] {
    padding-left: var(--cxs) !important;
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-y@lg:xs"] {
    padding-top: var(--cxs) !important;
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-x@lg:sm"] {
    padding-left: var(--csm) !important;
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-y@lg:sm"] {
    padding-top: var(--csm) !important;
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-x@lg:md"] {
    padding-left: var(--cmd) !important;
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-y@lg:md"] {
    padding-top: var(--cmd) !important;
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-x@lg:lg"] {
    padding-left: var(--clg) !important;
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-y@lg:lg"] {
    padding-top: var(--clg) !important;
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-x@lg:xl"] {
    padding-left: var(--cxl) !important;
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-y@lg:xl"] {
    padding-top: var(--cxl) !important;
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-x@lg:xxl"] {
    padding-left: var(--cxxl) !important;
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-y@lg:xxl"] {
    padding-top: var(--cxxl) !important;
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-x@lg:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@lg:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@lg:xxs"] {
    margin-left: var(--cxxs) !important;
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-y@lg:xxs"] {
    margin-top: var(--cxxs) !important;
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-x@lg:xs"] {
    margin-left: var(--cxs) !important;
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-y@lg:xs"] {
    margin-top: var(--cxs) !important;
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-x@lg:sm"] {
    margin-left: var(--csm) !important;
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-y@lg:sm"] {
    margin-top: var(--csm) !important;
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-x@lg:md"] {
    margin-left: var(--cmd) !important;
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-y@lg:md"] {
    margin-top: var(--cmd) !important;
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-x@lg:lg"] {
    margin-left: var(--clg) !important;
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-y@lg:lg"] {
    margin-top: var(--clg) !important;
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-x@lg:xl"] {
    margin-left: var(--cxl) !important;
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-y@lg:xl"] {
    margin-top: var(--cxl) !important;
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-x@lg:xxl"] {
    margin-left: var(--cxxl) !important;
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-y@lg:xxl"] {
    margin-top: var(--cxxl) !important;
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-t@lg:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@lg:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@lg:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@lg:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@lg:xxs"] {
    padding-top: var(--cxxs) !important;
  }

  [cds-layout~="p-r@lg:xxs"] {
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-b@lg:xxs"] {
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-l@lg:xxs"] {
    padding-left: var(--cxxs) !important;
  }

  [cds-layout~="p-t@lg:xs"] {
    padding-top: var(--cxs) !important;
  }

  [cds-layout~="p-r@lg:xs"] {
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-b@lg:xs"] {
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-l@lg:xs"] {
    padding-left: var(--cxs) !important;
  }

  [cds-layout~="p-t@lg:sm"] {
    padding-top: var(--csm) !important;
  }

  [cds-layout~="p-r@lg:sm"] {
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-b@lg:sm"] {
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-l@lg:sm"] {
    padding-left: var(--csm) !important;
  }

  [cds-layout~="p-t@lg:md"] {
    padding-top: var(--cmd) !important;
  }

  [cds-layout~="p-r@lg:md"] {
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-b@lg:md"] {
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-l@lg:md"] {
    padding-left: var(--cmd) !important;
  }

  [cds-layout~="p-t@lg:lg"] {
    padding-top: var(--clg) !important;
  }

  [cds-layout~="p-r@lg:lg"] {
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-b@lg:lg"] {
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-l@lg:lg"] {
    padding-left: var(--clg) !important;
  }

  [cds-layout~="p-t@lg:xl"] {
    padding-top: var(--cxl) !important;
  }

  [cds-layout~="p-r@lg:xl"] {
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-b@lg:xl"] {
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-l@lg:xl"] {
    padding-left: var(--cxl) !important;
  }

  [cds-layout~="p-t@lg:xxl"] {
    padding-top: var(--cxxl) !important;
  }

  [cds-layout~="p-r@lg:xxl"] {
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-b@lg:xxl"] {
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-l@lg:xxl"] {
    padding-left: var(--cxxl) !important;
  }

  [cds-layout~="m-t@lg:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@lg:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@lg:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@lg:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@lg:xxs"] {
    margin-top: var(--cxxs) !important;
  }

  [cds-layout~="m-r@lg:xxs"] {
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-b@lg:xxs"] {
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-l@lg:xxs"] {
    margin-left: var(--cxxs) !important;
  }

  [cds-layout~="m-t@lg:xs"] {
    margin-top: var(--cxs) !important;
  }

  [cds-layout~="m-r@lg:xs"] {
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-b@lg:xs"] {
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-l@lg:xs"] {
    margin-left: var(--cxs) !important;
  }

  [cds-layout~="m-t@lg:sm"] {
    margin-top: var(--csm) !important;
  }

  [cds-layout~="m-r@lg:sm"] {
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-b@lg:sm"] {
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-l@lg:sm"] {
    margin-left: var(--csm) !important;
  }

  [cds-layout~="m-t@lg:md"] {
    margin-top: var(--cmd) !important;
  }

  [cds-layout~="m-r@lg:md"] {
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-b@lg:md"] {
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-l@lg:md"] {
    margin-left: var(--cmd) !important;
  }

  [cds-layout~="m-t@lg:lg"] {
    margin-top: var(--clg) !important;
  }

  [cds-layout~="m-r@lg:lg"] {
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-b@lg:lg"] {
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-l@lg:lg"] {
    margin-left: var(--clg) !important;
  }

  [cds-layout~="m-t@lg:xl"] {
    margin-top: var(--cxl) !important;
  }

  [cds-layout~="m-r@lg:xl"] {
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-b@lg:xl"] {
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-l@lg:xl"] {
    margin-left: var(--cxl) !important;
  }

  [cds-layout~="m-t@lg:xxl"] {
    margin-top: var(--cxxl) !important;
  }

  [cds-layout~="m-r@lg:xxl"] {
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-b@lg:xxl"] {
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-l@lg:xxl"] {
    margin-left: var(--cxxl) !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="gap@xl:none"] {
    gap: 0;
  }

  [cds-layout*="gap@xl:xxs"] {
    gap: var(--cxxs);
  }

  [cds-layout*="gap@xl:xs"] {
    gap: var(--cxs);
  }

  [cds-layout*="gap@xl:sm"] {
    gap: var(--csm);
  }

  [cds-layout*="gap@xl:md"] {
    gap: var(--cmd);
  }

  [cds-layout*="gap@xl:lg"] {
    gap: var(--clg);
  }

  [cds-layout*="gap@xl:xl"] {
    gap: var(--cxl);
  }

  [cds-layout*="gap@xl:xxl"] {
    gap: var(--cxxl);
  }

  [cds-layout~="p@xl:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@xl:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@xl:xxs"] {
    padding: var(--cxxs) !important;
  }

  [cds-layout~="m@xl:xxs"] {
    margin: var(--cxxs) !important;
  }

  [cds-layout~="p@xl:xs"] {
    padding: var(--cxs) !important;
  }

  [cds-layout~="m@xl:xs"] {
    margin: var(--cxs) !important;
  }

  [cds-layout~="p@xl:sm"] {
    padding: var(--csm) !important;
  }

  [cds-layout~="m@xl:sm"] {
    margin: var(--csm) !important;
  }

  [cds-layout~="p@xl:md"] {
    padding: var(--cmd) !important;
  }

  [cds-layout~="m@xl:md"] {
    margin: var(--cmd) !important;
  }

  [cds-layout~="p@xl:lg"] {
    padding: var(--clg) !important;
  }

  [cds-layout~="m@xl:lg"] {
    margin: var(--clg) !important;
  }

  [cds-layout~="p@xl:xl"] {
    padding: var(--cxl) !important;
  }

  [cds-layout~="m@xl:xl"] {
    margin: var(--cxl) !important;
  }

  [cds-layout~="p@xl:xxl"] {
    padding: var(--cxxl) !important;
  }

  [cds-layout~="m@xl:xxl"] {
    margin: var(--cxxl) !important;
  }

  [cds-layout~="p-x@xl:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@xl:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@xl:xxs"] {
    padding-left: var(--cxxs) !important;
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-y@xl:xxs"] {
    padding-top: var(--cxxs) !important;
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-x@xl:xs"] {
    padding-left: var(--cxs) !important;
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-y@xl:xs"] {
    padding-top: var(--cxs) !important;
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-x@xl:sm"] {
    padding-left: var(--csm) !important;
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-y@xl:sm"] {
    padding-top: var(--csm) !important;
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-x@xl:md"] {
    padding-left: var(--cmd) !important;
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-y@xl:md"] {
    padding-top: var(--cmd) !important;
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-x@xl:lg"] {
    padding-left: var(--clg) !important;
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-y@xl:lg"] {
    padding-top: var(--clg) !important;
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-x@xl:xl"] {
    padding-left: var(--cxl) !important;
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-y@xl:xl"] {
    padding-top: var(--cxl) !important;
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-x@xl:xxl"] {
    padding-left: var(--cxxl) !important;
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-y@xl:xxl"] {
    padding-top: var(--cxxl) !important;
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-x@xl:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@xl:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@xl:xxs"] {
    margin-left: var(--cxxs) !important;
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-y@xl:xxs"] {
    margin-top: var(--cxxs) !important;
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-x@xl:xs"] {
    margin-left: var(--cxs) !important;
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-y@xl:xs"] {
    margin-top: var(--cxs) !important;
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-x@xl:sm"] {
    margin-left: var(--csm) !important;
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-y@xl:sm"] {
    margin-top: var(--csm) !important;
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-x@xl:md"] {
    margin-left: var(--cmd) !important;
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-y@xl:md"] {
    margin-top: var(--cmd) !important;
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-x@xl:lg"] {
    margin-left: var(--clg) !important;
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-y@xl:lg"] {
    margin-top: var(--clg) !important;
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-x@xl:xl"] {
    margin-left: var(--cxl) !important;
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-y@xl:xl"] {
    margin-top: var(--cxl) !important;
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-x@xl:xxl"] {
    margin-left: var(--cxxl) !important;
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-y@xl:xxl"] {
    margin-top: var(--cxxl) !important;
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-t@xl:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@xl:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@xl:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@xl:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@xl:xxs"] {
    padding-top: var(--cxxs) !important;
  }

  [cds-layout~="p-r@xl:xxs"] {
    padding-right: var(--cxxs) !important;
  }

  [cds-layout~="p-b@xl:xxs"] {
    padding-bottom: var(--cxxs) !important;
  }

  [cds-layout~="p-l@xl:xxs"] {
    padding-left: var(--cxxs) !important;
  }

  [cds-layout~="p-t@xl:xs"] {
    padding-top: var(--cxs) !important;
  }

  [cds-layout~="p-r@xl:xs"] {
    padding-right: var(--cxs) !important;
  }

  [cds-layout~="p-b@xl:xs"] {
    padding-bottom: var(--cxs) !important;
  }

  [cds-layout~="p-l@xl:xs"] {
    padding-left: var(--cxs) !important;
  }

  [cds-layout~="p-t@xl:sm"] {
    padding-top: var(--csm) !important;
  }

  [cds-layout~="p-r@xl:sm"] {
    padding-right: var(--csm) !important;
  }

  [cds-layout~="p-b@xl:sm"] {
    padding-bottom: var(--csm) !important;
  }

  [cds-layout~="p-l@xl:sm"] {
    padding-left: var(--csm) !important;
  }

  [cds-layout~="p-t@xl:md"] {
    padding-top: var(--cmd) !important;
  }

  [cds-layout~="p-r@xl:md"] {
    padding-right: var(--cmd) !important;
  }

  [cds-layout~="p-b@xl:md"] {
    padding-bottom: var(--cmd) !important;
  }

  [cds-layout~="p-l@xl:md"] {
    padding-left: var(--cmd) !important;
  }

  [cds-layout~="p-t@xl:lg"] {
    padding-top: var(--clg) !important;
  }

  [cds-layout~="p-r@xl:lg"] {
    padding-right: var(--clg) !important;
  }

  [cds-layout~="p-b@xl:lg"] {
    padding-bottom: var(--clg) !important;
  }

  [cds-layout~="p-l@xl:lg"] {
    padding-left: var(--clg) !important;
  }

  [cds-layout~="p-t@xl:xl"] {
    padding-top: var(--cxl) !important;
  }

  [cds-layout~="p-r@xl:xl"] {
    padding-right: var(--cxl) !important;
  }

  [cds-layout~="p-b@xl:xl"] {
    padding-bottom: var(--cxl) !important;
  }

  [cds-layout~="p-l@xl:xl"] {
    padding-left: var(--cxl) !important;
  }

  [cds-layout~="p-t@xl:xxl"] {
    padding-top: var(--cxxl) !important;
  }

  [cds-layout~="p-r@xl:xxl"] {
    padding-right: var(--cxxl) !important;
  }

  [cds-layout~="p-b@xl:xxl"] {
    padding-bottom: var(--cxxl) !important;
  }

  [cds-layout~="p-l@xl:xxl"] {
    padding-left: var(--cxxl) !important;
  }

  [cds-layout~="m-t@xl:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@xl:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@xl:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@xl:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@xl:xxs"] {
    margin-top: var(--cxxs) !important;
  }

  [cds-layout~="m-r@xl:xxs"] {
    margin-right: var(--cxxs) !important;
  }

  [cds-layout~="m-b@xl:xxs"] {
    margin-bottom: var(--cxxs) !important;
  }

  [cds-layout~="m-l@xl:xxs"] {
    margin-left: var(--cxxs) !important;
  }

  [cds-layout~="m-t@xl:xs"] {
    margin-top: var(--cxs) !important;
  }

  [cds-layout~="m-r@xl:xs"] {
    margin-right: var(--cxs) !important;
  }

  [cds-layout~="m-b@xl:xs"] {
    margin-bottom: var(--cxs) !important;
  }

  [cds-layout~="m-l@xl:xs"] {
    margin-left: var(--cxs) !important;
  }

  [cds-layout~="m-t@xl:sm"] {
    margin-top: var(--csm) !important;
  }

  [cds-layout~="m-r@xl:sm"] {
    margin-right: var(--csm) !important;
  }

  [cds-layout~="m-b@xl:sm"] {
    margin-bottom: var(--csm) !important;
  }

  [cds-layout~="m-l@xl:sm"] {
    margin-left: var(--csm) !important;
  }

  [cds-layout~="m-t@xl:md"] {
    margin-top: var(--cmd) !important;
  }

  [cds-layout~="m-r@xl:md"] {
    margin-right: var(--cmd) !important;
  }

  [cds-layout~="m-b@xl:md"] {
    margin-bottom: var(--cmd) !important;
  }

  [cds-layout~="m-l@xl:md"] {
    margin-left: var(--cmd) !important;
  }

  [cds-layout~="m-t@xl:lg"] {
    margin-top: var(--clg) !important;
  }

  [cds-layout~="m-r@xl:lg"] {
    margin-right: var(--clg) !important;
  }

  [cds-layout~="m-b@xl:lg"] {
    margin-bottom: var(--clg) !important;
  }

  [cds-layout~="m-l@xl:lg"] {
    margin-left: var(--clg) !important;
  }

  [cds-layout~="m-t@xl:xl"] {
    margin-top: var(--cxl) !important;
  }

  [cds-layout~="m-r@xl:xl"] {
    margin-right: var(--cxl) !important;
  }

  [cds-layout~="m-b@xl:xl"] {
    margin-bottom: var(--cxl) !important;
  }

  [cds-layout~="m-l@xl:xl"] {
    margin-left: var(--cxl) !important;
  }

  [cds-layout~="m-t@xl:xxl"] {
    margin-top: var(--cxxl) !important;
  }

  [cds-layout~="m-r@xl:xxl"] {
    margin-right: var(--cxxl) !important;
  }

  [cds-layout~="m-b@xl:xxl"] {
    margin-bottom: var(--cxxl) !important;
  }

  [cds-layout~="m-l@xl:xxl"] {
    margin-left: var(--cxxl) !important;
  }
}
body[cds-layout=no-scrolling] {
  overflow: hidden;
}

[cds-layout~=fill],
[cds-layout~="container:fill"] {
  width: 100% !important;
}

[cds-layout~="container:center"] {
  margin-left: auto;
  margin-right: auto;
}

[cds-layout~="container:xs"] {
  width: 100%;
  max-width: var(--cds-token-layout-width-xs, 576px);
}

[cds-layout~="container:sm"] {
  width: 100%;
  max-width: var(--cds-token-layout-width-sm, 768px);
}

[cds-layout~="container:md"] {
  width: 100%;
  max-width: var(--cds-token-layout-width-md, 992px);
}

[cds-layout~="container:lg"] {
  width: 100%;
  max-width: var(--cds-token-layout-width-lg, 1200px);
}

[cds-layout~="container:xl"] {
  width: 100%;
  max-width: var(--cds-token-layout-width-xl, 1440px);
}

*,
*:before,
*:after,
:host {
  box-sizing: border-box;
}

[cds-text] {
  font-family: var(--cds-token-typography-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  margin-top: 0;
  margin-bottom: 0;
}
[cds-text][cds-layout~=vertical]::before, [cds-text][cds-layout~=vertical]::after, [cds-text][cds-layout~=horizontal]::before, [cds-text][cds-layout~=horizontal]::after, [cds-text][cds-layout~=grid]::before, [cds-text][cds-layout~=grid]::after {
  display: none;
}

[cds-text*=display],
[cds-text*=heading],
[cds-text*=title],
[cds-text*=section],
[cds-text*=subsection] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
}

[cds-text*=inline] {
  width: auto !important;
  display: inline-block !important;
}

[cds-text*=h0] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_9i8n036n2, 2rem);
  font-weight: 200;
  color: #333333;
  line-height: 1.2em;
  letter-spacing: -0.0125em;
}
[cds-text*=h0]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h0]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=h1] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_tr074owar, 1.6rem);
  font-weight: 200;
  color: #333333;
  line-height: 1.5em;
  letter-spacing: -0.0156em;
}
[cds-text*=h1]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.5em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h1]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=h2] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_undefined, 1.4rem);
  font-weight: 200;
  color: #333333;
  line-height: 1.7143em;
  letter-spacing: -0.017857em;
}
[cds-text*=h2]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.7143em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h2]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.7143em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=h3] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_undefined, 1.1rem);
  font-weight: 200;
  color: #333333;
  line-height: 1.0909em;
  letter-spacing: -0.013636em;
}
[cds-text*=h3]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.0909em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h3]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.0909em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=h4] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_undefined, 0.9rem);
  font-weight: 200;
  color: #333333;
  line-height: 1.333333em;
  letter-spacing: -0.011111em;
}
[cds-text*=h4]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.333333em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h4]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.333333em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=h5] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_z73xn7dm5, 0.8rem);
  font-weight: 400;
  color: #333333;
  line-height: 1.5em;
  letter-spacing: -0.0125em;
}
[cds-text*=h5]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.5em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h5]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=h6] {
  font-family: var(--cds-token-typography-header-font-family, "Clarity City", "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: var(--cds_dduy8wcjx, 0.7rem);
  font-weight: 500;
  color: #333333;
  line-height: 1.5em;
  letter-spacing: -0.03125em;
}
[cds-text*=h6]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.5em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h6]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p0] {
  font-size: var(--cds_525taushz, 1.2rem);
  font-weight: 400;
  color: #333333;
  line-height: 1.16667em;
  letter-spacing: -0.008333em;
}
[cds-text*=p0]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.16667em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p0]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.16667em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p1] {
  font-size: var(--cds_dduy8wcjx, 0.7rem);
  font-weight: 400;
  color: #333333;
  line-height: 1.71429em;
  letter-spacing: -0.014286em;
}
[cds-text*=p1]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.71429em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p1]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.71429em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p2] {
  font-size: var(--cds_z8djabkbo, 0.65rem);
  font-weight: 500;
  color: #333333;
  line-height: 1.84615em;
  letter-spacing: -0.007692em;
}
[cds-text*=p2]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.84615em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p2]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p3] {
  font-size: var(--cds_z8djabkbo, 0.65rem);
  font-weight: 400;
  color: #1a1a1a;
  line-height: 1.84615em;
  letter-spacing: -0.007692em;
}
[cds-text*=p3]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.84615em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p3]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p4] {
  font-size: var(--cds_uuyzzuun4, 0.6rem);
  font-weight: 600;
  color: #4d4d4d;
  line-height: 2em;
  letter-spacing: -0.008333em;
}
[cds-text*=p4]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p4]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((2em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p5] {
  font-size: var(--cds_uuyzzuun4, 0.6rem);
  font-weight: 400;
  color: #1a1a1a;
  line-height: 2em;
  letter-spacing: -0.008333em;
}
[cds-text*=p5]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p5]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((2em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p6] {
  font-size: var(--cds_g20otdled, 0.55rem);
  font-weight: 600;
  color: #4d4d4d;
  line-height: 1.090909em;
  letter-spacing: 0.018182em;
}
[cds-text*=p6]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.090909em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p6]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p7] {
  font-size: var(--cds_g20otdled, 0.55rem);
  font-weight: 400;
  color: #1a1a1a;
  line-height: 1.090909em;
  letter-spacing: 0.018182em;
}
[cds-text*=p7]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.090909em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p7]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=p8] {
  font-size: var(--cds_vpcmvmr6j, 0.5rem);
  font-weight: 400;
  color: black;
  line-height: 1.2em;
  letter-spacing: 0.02em;
}
[cds-text*=p8]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((1.2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p8]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=display] {
  font-size: var(--cds-token-typography-display-font-size, 2rem);
  font-weight: var(--cds-token-typography-display-font-weight, 400);
  color: var(--cds-token-typography-display-color, #333333);
  line-height: var(--cds-token-typography-display-line-height, 1.1em);
  letter-spacing: var(--cds-token-typography-display-letter-spacing, -0.0125em);
}
[cds-text*=display]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-display-line-height, 1.1em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=display]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-display-line-height, 1.1em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=heading] {
  font-size: var(--cds-token-typography-heading-font-size, 1.6rem);
  font-weight: var(--cds-token-typography-heading-font-weight, 400);
  color: var(--cds-token-typography-heading-color, #333333);
  line-height: var(--cds-token-typography-heading-line-height, 1.125em);
  letter-spacing: var(--cds-token-typography-heading-letter-spacing, -0.0125em);
}
[cds-text*=heading]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-heading-line-height, 1.125em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=heading]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-heading-line-height, 1.125em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=title] {
  font-size: var(--cds-token-typography-title-font-size, 1.2rem);
  font-weight: var(--cds-token-typography-title-font-weight, 400);
  color: var(--cds-token-typography-title-color, #333333);
  line-height: var(--cds-token-typography-title-line-height, 1.16667em);
  letter-spacing: var(--cds-token-typography-title-letter-spacing, -0.008333em);
}
[cds-text*=title]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-title-line-height, 1.16667em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=title]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-title-line-height, 1.16667em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=section] {
  font-size: var(--cds-token-typography-section-font-size, 1rem);
  font-weight: var(--cds-token-typography-section-font-weight, 400);
  color: var(--cds-token-typography-section-color, #333333);
  line-height: var(--cds-token-typography-section-line-height, 1.2em);
  letter-spacing: var(--cds-token-typography-section-letter-spacing, -0.01em);
}
[cds-text*=section]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-section-line-height, 1.2em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=section]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-section-line-height, 1.2em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=subsection] {
  font-size: var(--cds-token-typography-subsection-font-size, 0.8rem);
  font-weight: var(--cds-token-typography-subsection-font-weight, 400);
  color: var(--cds-token-typography-subsection-color, #333333);
  line-height: var(--cds-token-typography-subsection-line-height, 1.25em);
  letter-spacing: var(--cds-token-typography-subsection-letter-spacing, -0.0125em);
}
[cds-text*=subsection]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-subsection-line-height, 1.25em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=subsection]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-subsection-line-height, 1.25em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=body] {
  color: var(--cds-token-typography-body-color, #1a1a1a);
  font-weight: var(--cds-token-typography-body-font-weight, 400);
  font-size: var(--cds-token-typography-body-font-size, 0.7rem);
  letter-spacing: var(--cds-token-typography-body-letter-spacing, -0.014286em);
  line-height: var(--cds-token-typography-body-line-height, 1.42857em);
}

[cds-text*=body]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-body-line-height, 1.42857em) - 1em) / 2)) * -1) + 0.1em);
}
[cds-text*=body]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-body-line-height, 1.42857em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=message] {
  font-size: var(--cds-token-typography-message-font-size, 0.8rem);
  font-weight: var(--cds-token-typography-message-font-weight, 400);
  color: var(--cds-token-typography-message-color, #333333);
  line-height: var(--cds-token-typography-message-line-height, 1.25em);
  letter-spacing: var(--cds-token-typography-message-letter-spacing, -0.0125em);
}
[cds-text*=message]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-message-line-height, 1.25em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=message]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-message-line-height, 1.25em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=secondary] {
  font-size: var(--cds-token-typography-secondary-font-size, 0.65rem);
  font-weight: var(--cds-token-typography-secondary-font-weight, 400);
  color: var(--cds-token-typography-secondary-color, #1a1a1a);
  line-height: var(--cds-token-typography-secondary-line-height, 1.23077em);
  letter-spacing: var(--cds-token-typography-secondary-letter-spacing, -0.007692em);
}
[cds-text*=secondary]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-secondary-line-height, 1.23077em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=secondary]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-secondary-line-height, 1.23077em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=caption] {
  font-size: var(--cds-token-typography-caption-font-size, 0.55rem);
  font-weight: var(--cds-token-typography-caption-font-weight, 400);
  color: var(--cds-token-typography-caption-color, black);
  line-height: var(--cds-token-typography-caption-line-height, 1.454545em);
  letter-spacing: var(--cds-token-typography-caption-letter-spacing, 0.018182em);
}
[cds-text*=caption]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-caption-line-height, 1.454545em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=caption]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-caption-line-height, 1.454545em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text*=smallcaption] {
  font-size: var(--cds-token-typography-smallcaption-font-size, 0.5rem);
  font-weight: var(--cds-token-typography-smallcaption-font-weight, 500);
  color: var(--cds-token-typography-smallcaption-color, black);
  line-height: var(--cds-token-typography-smallcaption-line-height, 1.2em);
  letter-spacing: var(--cds-token-typography-smallcaption-letter-spacing, 0.05em);
}
[cds-text*=smallcaption]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-token-global-font-top-gap-height, 0.1475em) + calc((var(--cds-token-typography-smallcaption-line-height, 1.2em) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=smallcaption]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc( (((1em - var(--cds-token-global-font-top-gap-height, 0.1475em) - var(--cds-token-global-font-ascender-height, 0.1703em) - var(--cds-token-global-font-x-height, 0.517em)) + calc((var(--cds-token-typography-smallcaption-line-height, 1.2em) - 1em) / 2)) * -1) - 0.044em );
}

[cds-text~=link] {
  color: var(--cds-token-color-action-600, #0072a3) !important;
  text-decoration: underline !important;
  line-height: inherit !important;
  font-size: inherit !important;
}

[cds-text~=code] {
  color: var(--cds-token-color-danger-800, #c21d00);
  font-family: monospace;
  font-size: 1.1em;
}

[cds-divider] {
  display: block;
  height: var(--cds-token-space-size-1, 0.05rem);
  overflow: hidden;
  box-shadow: var(--cds-token-color-neutral-300, #dedede) 0 0 0 var(--cds-token-space-size-1, 0.05rem) inset;
}

[cds-text~=extrabold] {
  font-weight: var(--cds-token-typography-font-weight-extrabold, 600) !important;
}

[cds-text~=bold] {
  font-weight: var(--cds-token-typography-font-weight-bold, 600) !important;
}

[cds-text~=semibold] {
  font-weight: var(--cds-token-typography-font-weight-semibold, 500) !important;
}

[cds-text~=medium] {
  font-weight: var(--cds-token-typography-font-weight-medium, 500) !important;
}

[cds-text~=regular] {
  font-weight: var(--cds-token-typography-font-weight-regular, 400) !important;
}

[cds-text~=light] {
  font-weight: var(--cds-token-typography-font-weight-light, 200) !important;
}

[cds-text~=capitalize] {
  text-transform: capitalize !important;
}

[cds-text~=uppercase] {
  text-transform: uppercase !important;
}

[cds-text~=lowercase] {
  text-transform: lowercase !important;
}

[cds-text~=truncate] {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

[cds-text~=justify] {
  text-align: justify !important;
}

[cds-text~=left] {
  text-align: left !important;
}

[cds-text~=right] {
  text-align: right !important;
}

[cds-text~=center] {
  text-align: center !important;
}

[cds-text~=disable-lhe]::before, [cds-text~=disable-lhe]::after {
  content: none;
}