@carbon/ibm-products 2.43.2-canary.326 → 2.43.2-canary.330

package/css/index-without-carbon.css

@@ -12266,2767 +12266,571 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 :root {
-  --cds-grid-gutter: 2rem;
-  --cds-grid-columns: 4;
-  --cds-grid-margin: 0;
-}
-
-@media (min-width: 42rem) {
-  :root {
-    --cds-grid-columns: 8;
-    --cds-grid-margin: 1rem;
-  }
-}
-@media (min-width: 66rem) {
-  :root {
-    --cds-grid-columns: 16;
-  }
-}
-@media (min-width: 99rem) {
-  :root {
-    --cds-grid-margin: 1.5rem;
-  }
-}
-.cds--css-grid {
-  --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);
-  --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
-  --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
-  display: grid;
-  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
-  inline-size: 100%;
-  margin-inline: auto;
-  max-inline-size: 99rem;
-  padding-inline: var(--cds-grid-margin);
-}
-
-.cds--css-grid--full-width {
-  max-inline-size: 100%;
-}
-
-.cds--css-grid-column {
-  --cds-grid-mode-start: var(--cds-grid-gutter-start);
-  --cds-grid-mode-end: var(--cds-grid-gutter-end);
-  margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);
-}
-
-[dir=rtl] .cds--css-grid-column {
-  margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);
-}
-
-.cds--css-grid--narrow {
-  --cds-grid-gutter-start: 0;
-}
-
-.cds--css-grid--condensed {
-  --cds-grid-gutter: 0.0625rem;
-  --cds-grid-column-hang: 0.96875rem;
-}
-
-.cds--subgrid {
-  display: grid;
-  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
-  margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1);
-}
-
-[dir=rtl] .cds--subgrid {
-  margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1);
-}
-
-.cds--subgrid--wide {
-  --cds-grid-gutter-start: 1rem;
-  --cds-grid-gutter-end: 1rem;
-  --cds-grid-column-hang: 0;
-}
-
-.cds--subgrid--narrow {
-  --cds-grid-gutter-start: 0;
-  --cds-grid-gutter-end: 1rem;
-  --cds-grid-column-hang: 1rem;
-}
-
-.cds--subgrid--condensed {
-  --cds-grid-gutter-start: 0.03125rem;
-  --cds-grid-gutter-end: 0.03125rem;
-  --cds-grid-column-hang: 0.96875rem;
-}
-
-.cds--grid-column-hang {
-  margin-inline-start: var(--cds-grid-column-hang);
-}
-
-[dir=rtl] .cds--grid-column-hang {
-  margin-inline: initial var(--cds-grid-column-hang);
-}
-
-.cds--col-span-0 {
-  display: none;
-}
-
-.cds--col-span-1 {
-  --cds-grid-columns: 1;
-  display: block;
-  grid-column: span 1/span 1;
-}
-
-.cds--col-span-2 {
-  --cds-grid-columns: 2;
-  display: block;
-  grid-column: span 2/span 2;
-}
-
-.cds--col-span-3 {
-  --cds-grid-columns: 3;
-  display: block;
-  grid-column: span 3/span 3;
-}
-
-.cds--col-span-4 {
-  --cds-grid-columns: 4;
-  display: block;
-  grid-column: span 4/span 4;
-}
-
-.cds--col-span-5 {
-  --cds-grid-columns: 5;
-  display: block;
-  grid-column: span 5/span 5;
-}
-
-.cds--col-span-6 {
-  --cds-grid-columns: 6;
-  display: block;
-  grid-column: span 6/span 6;
-}
-
-.cds--col-span-7 {
-  --cds-grid-columns: 7;
-  display: block;
-  grid-column: span 7/span 7;
-}
-
-.cds--col-span-8 {
-  --cds-grid-columns: 8;
-  display: block;
-  grid-column: span 8/span 8;
-}
-
-.cds--col-span-9 {
-  --cds-grid-columns: 9;
-  display: block;
-  grid-column: span 9/span 9;
-}
-
-.cds--col-span-10 {
-  --cds-grid-columns: 10;
-  display: block;
-  grid-column: span 10/span 10;
-}
-
-.cds--col-span-11 {
-  --cds-grid-columns: 11;
-  display: block;
-  grid-column: span 11/span 11;
-}
-
-.cds--col-span-12 {
-  --cds-grid-columns: 12;
-  display: block;
-  grid-column: span 12/span 12;
-}
-
-.cds--col-span-13 {
-  --cds-grid-columns: 13;
-  display: block;
-  grid-column: span 13/span 13;
-}
-
-.cds--col-span-14 {
-  --cds-grid-columns: 14;
-  display: block;
-  grid-column: span 14/span 14;
-}
-
-.cds--col-span-15 {
-  --cds-grid-columns: 15;
-  display: block;
-  grid-column: span 15/span 15;
-}
-
-.cds--col-span-16 {
-  --cds-grid-columns: 16;
-  display: block;
-  grid-column: span 16/span 16;
-}
-
-.cds--sm\:col-span-0 {
-  display: none;
-}
-
-.cds--sm\:col-span-1 {
-  --cds-grid-columns: 1;
-  display: block;
-  grid-column: span 1/span 1;
-}
-
-.cds--sm\:col-span-2 {
-  --cds-grid-columns: 2;
-  display: block;
-  grid-column: span 2/span 2;
-}
-
-.cds--sm\:col-span-3 {
-  --cds-grid-columns: 3;
-  display: block;
-  grid-column: span 3/span 3;
-}
-
-.cds--sm\:col-span-4 {
-  --cds-grid-columns: 4;
-  display: block;
-  grid-column: span 4/span 4;
-}
-
-.cds--sm\:col-span-auto {
-  grid-column: auto;
-}
-
-.cds--sm\:col-span-100 {
-  grid-column: 1/-1;
-}
-
-.cds--sm\:col-span-75 {
-  --cds-grid-columns: 3;
-  grid-column: span 3 / span 3;
-}
-
-.cds--sm\:col-span-50 {
-  --cds-grid-columns: 2;
-  grid-column: span 2 / span 2;
-}
-
-.cds--sm\:col-span-25 {
-  --cds-grid-columns: 1;
-  grid-column: span 1 / span 1;
-}
-
-@media (min-width: 42rem) {
-  .cds--md\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--md\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--md\:col-span-75 {
-    --cds-grid-columns: 6;
-    grid-column: span 6 / span 6;
-  }
-  .cds--md\:col-span-50 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-  .cds--md\:col-span-25 {
-    --cds-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-9 {
-    --cds-grid-columns: 9;
-    display: block;
-    grid-column: span 9/span 9;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-10 {
-    --cds-grid-columns: 10;
-    display: block;
-    grid-column: span 10/span 10;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-11 {
-    --cds-grid-columns: 11;
-    display: block;
-    grid-column: span 11/span 11;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-12 {
-    --cds-grid-columns: 12;
-    display: block;
-    grid-column: span 12/span 12;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-13 {
-    --cds-grid-columns: 13;
-    display: block;
-    grid-column: span 13/span 13;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-14 {
-    --cds-grid-columns: 14;
-    display: block;
-    grid-column: span 14/span 14;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-15 {
-    --cds-grid-columns: 15;
-    display: block;
-    grid-column: span 15/span 15;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-16 {
-    --cds-grid-columns: 16;
-    display: block;
-    grid-column: span 16/span 16;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--lg\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--lg\:col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-  .cds--lg\:col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-  .cds--lg\:col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-9 {
-    --cds-grid-columns: 9;
-    display: block;
-    grid-column: span 9/span 9;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-10 {
-    --cds-grid-columns: 10;
-    display: block;
-    grid-column: span 10/span 10;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-11 {
-    --cds-grid-columns: 11;
-    display: block;
-    grid-column: span 11/span 11;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-12 {
-    --cds-grid-columns: 12;
-    display: block;
-    grid-column: span 12/span 12;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-13 {
-    --cds-grid-columns: 13;
-    display: block;
-    grid-column: span 13/span 13;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-14 {
-    --cds-grid-columns: 14;
-    display: block;
-    grid-column: span 14/span 14;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-15 {
-    --cds-grid-columns: 15;
-    display: block;
-    grid-column: span 15/span 15;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-16 {
-    --cds-grid-columns: 16;
-    display: block;
-    grid-column: span 16/span 16;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--xlg\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--xlg\:col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-  .cds--xlg\:col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-  .cds--xlg\:col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-9 {
-    --cds-grid-columns: 9;
-    display: block;
-    grid-column: span 9/span 9;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-10 {
-    --cds-grid-columns: 10;
-    display: block;
-    grid-column: span 10/span 10;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-11 {
-    --cds-grid-columns: 11;
-    display: block;
-    grid-column: span 11/span 11;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-12 {
-    --cds-grid-columns: 12;
-    display: block;
-    grid-column: span 12/span 12;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-13 {
-    --cds-grid-columns: 13;
-    display: block;
-    grid-column: span 13/span 13;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-14 {
-    --cds-grid-columns: 14;
-    display: block;
-    grid-column: span 14/span 14;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-15 {
-    --cds-grid-columns: 15;
-    display: block;
-    grid-column: span 15/span 15;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-16 {
-    --cds-grid-columns: 16;
-    display: block;
-    grid-column: span 16/span 16;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--max\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--max\:col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-  .cds--max\:col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-  .cds--max\:col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-.cds--col-span-auto {
-  grid-column: auto;
-}
-
-.cds--col-span-100 {
-  grid-column: 1/-1;
-}
-
-.cds--col-span-75 {
-  --cds-grid-columns: 3;
-  grid-column: span 3 / span 3;
-}
-
-@media (min-width: 42rem) {
-  .cds--col-span-75 {
-    --cds-grid-columns: 6;
-    grid-column: span 6 / span 6;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-}
-.cds--col-span-50 {
-  --cds-grid-columns: 2;
-  grid-column: span 2 / span 2;
-}
-
-@media (min-width: 42rem) {
-  .cds--col-span-50 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-}
-.cds--col-span-25 {
-  --cds-grid-columns: 1;
-  grid-column: span 1 / span 1;
-}
-
-@media (min-width: 42rem) {
-  .cds--col-span-25 {
-    --cds-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-.cds--col-start-1 {
-  grid-column-start: 1;
-}
-
-.cds--col-start-2 {
-  grid-column-start: 2;
-}
-
-.cds--col-start-3 {
-  grid-column-start: 3;
-}
-
-.cds--col-start-4 {
-  grid-column-start: 4;
-}
-
-.cds--col-start-5 {
-  grid-column-start: 5;
-}
-
-.cds--col-start-6 {
-  grid-column-start: 6;
-}
-
-.cds--col-start-7 {
-  grid-column-start: 7;
-}
-
-.cds--col-start-8 {
-  grid-column-start: 8;
-}
-
-.cds--col-start-9 {
-  grid-column-start: 9;
-}
-
-.cds--col-start-10 {
-  grid-column-start: 10;
-}
-
-.cds--col-start-11 {
-  grid-column-start: 11;
-}
-
-.cds--col-start-12 {
-  grid-column-start: 12;
-}
-
-.cds--col-start-13 {
-  grid-column-start: 13;
-}
-
-.cds--col-start-14 {
-  grid-column-start: 14;
-}
-
-.cds--col-start-15 {
-  grid-column-start: 15;
-}
-
-.cds--col-start-16 {
-  grid-column-start: 16;
-}
-
-.cds--col-end-2 {
-  grid-column-end: 2;
-}
-
-.cds--col-end-3 {
-  grid-column-end: 3;
-}
-
-.cds--col-end-4 {
-  grid-column-end: 4;
-}
-
-.cds--col-end-5 {
-  grid-column-end: 5;
-}
-
-.cds--col-end-6 {
-  grid-column-end: 6;
-}
-
-.cds--col-end-7 {
-  grid-column-end: 7;
-}
-
-.cds--col-end-8 {
-  grid-column-end: 8;
-}
-
-.cds--col-end-9 {
-  grid-column-end: 9;
-}
-
-.cds--col-end-10 {
-  grid-column-end: 10;
-}
-
-.cds--col-end-11 {
-  grid-column-end: 11;
-}
-
-.cds--col-end-12 {
-  grid-column-end: 12;
-}
-
-.cds--col-end-13 {
-  grid-column-end: 13;
-}
-
-.cds--col-end-14 {
-  grid-column-end: 14;
-}
-
-.cds--col-end-15 {
-  grid-column-end: 15;
-}
-
-.cds--col-end-16 {
-  grid-column-end: 16;
-}
-
-.cds--col-end-17 {
-  grid-column-end: 17;
-}
-
-.cds--col-start-auto {
-  grid-column-start: auto;
-}
-
-.cds--col-end-auto {
-  grid-column-end: auto;
-}
-
-.cds--sm\:col-start-1 {
-  grid-column-start: 1;
-}
-
-.cds--sm\:col-start-2 {
-  grid-column-start: 2;
-}
-
-.cds--sm\:col-start-3 {
-  grid-column-start: 3;
-}
-
-.cds--sm\:col-start-4 {
-  grid-column-start: 4;
-}
-
-.cds--sm\:col-start-5 {
-  grid-column-start: 5;
-}
-
-.cds--sm\:col-start-6 {
-  grid-column-start: 6;
-}
-
-.cds--sm\:col-start-7 {
-  grid-column-start: 7;
-}
-
-.cds--sm\:col-start-8 {
-  grid-column-start: 8;
-}
-
-.cds--sm\:col-start-9 {
-  grid-column-start: 9;
-}
-
-.cds--sm\:col-start-10 {
-  grid-column-start: 10;
-}
-
-.cds--sm\:col-start-11 {
-  grid-column-start: 11;
-}
-
-.cds--sm\:col-start-12 {
-  grid-column-start: 12;
-}
-
-.cds--sm\:col-start-13 {
-  grid-column-start: 13;
-}
-
-.cds--sm\:col-start-14 {
-  grid-column-start: 14;
-}
-
-.cds--sm\:col-start-15 {
-  grid-column-start: 15;
-}
-
-.cds--sm\:col-start-16 {
-  grid-column-start: 16;
-}
-
-.cds--sm\:col-end-2 {
-  grid-column-end: 2;
-}
-
-.cds--sm\:col-end-3 {
-  grid-column-end: 3;
-}
-
-.cds--sm\:col-end-4 {
-  grid-column-end: 4;
-}
-
-.cds--sm\:col-end-5 {
-  grid-column-end: 5;
-}
-
-.cds--sm\:col-end-6 {
-  grid-column-end: 6;
-}
-
-.cds--sm\:col-end-7 {
-  grid-column-end: 7;
-}
-
-.cds--sm\:col-end-8 {
-  grid-column-end: 8;
-}
-
-.cds--sm\:col-end-9 {
-  grid-column-end: 9;
-}
-
-.cds--sm\:col-end-10 {
-  grid-column-end: 10;
-}
-
-.cds--sm\:col-end-11 {
-  grid-column-end: 11;
-}
-
-.cds--sm\:col-end-12 {
-  grid-column-end: 12;
-}
-
-.cds--sm\:col-end-13 {
-  grid-column-end: 13;
-}
-
-.cds--sm\:col-end-14 {
-  grid-column-end: 14;
-}
-
-.cds--sm\:col-end-15 {
-  grid-column-end: 15;
-}
-
-.cds--sm\:col-end-16 {
-  grid-column-end: 16;
-}
-
-.cds--sm\:col-end-17 {
-  grid-column-end: 17;
-}
-
-.cds--sm\:col-start-auto {
-  grid-column-start: auto;
-}
-
-.cds--sm\:col-end-auto {
-  grid-column-end: auto;
-}
-
-@media (min-width: 42rem) {
-  .cds--md\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--md\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--md\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--md\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--md\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--md\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--md\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--md\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--md\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--md\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--md\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--md\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--md\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--md\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--md\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--md\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--md\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--md\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--md\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--md\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--md\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--md\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--md\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--md\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--md\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--md\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--md\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--md\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--md\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--md\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--md\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--md\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--md\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--md\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--lg\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--lg\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--lg\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--lg\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--lg\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--lg\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--lg\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--lg\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--lg\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--lg\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--lg\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--lg\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--lg\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--lg\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--lg\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--lg\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--lg\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--lg\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--lg\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--lg\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--lg\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--lg\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--lg\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--lg\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--lg\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--lg\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--lg\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--lg\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--lg\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--lg\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--lg\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--lg\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--lg\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--xlg\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--xlg\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--xlg\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--xlg\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--xlg\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--xlg\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--xlg\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--xlg\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--xlg\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--xlg\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--xlg\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--xlg\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--xlg\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--xlg\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--xlg\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--xlg\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--xlg\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--xlg\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--xlg\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--xlg\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--xlg\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--xlg\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--xlg\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--xlg\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--xlg\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--xlg\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--xlg\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--xlg\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--xlg\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--xlg\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--xlg\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--xlg\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--xlg\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--max\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--max\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--max\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--max\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--max\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--max\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--max\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--max\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--max\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--max\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--max\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--max\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--max\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--max\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--max\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--max\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--max\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--max\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--max\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--max\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--max\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--max\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--max\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--max\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--max\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--max\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--max\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--max\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--max\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--max\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--max\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--max\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--max\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-.cds--assistive-text,
-.cds--visually-hidden {
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  border: 0;
-  margin: -1px;
-  block-size: 1px;
-  clip: rect(0, 0, 0, 0);
-  inline-size: 1px;
-  visibility: inherit;
-  white-space: nowrap;
-}
-
-@keyframes cds--hide-feedback {
-  0% {
-    opacity: 1;
-    visibility: inherit;
-  }
-  100% {
-    opacity: 0;
-    visibility: hidden;
-  }
-}
-@keyframes cds--show-feedback {
-  0% {
-    opacity: 0;
-    visibility: hidden;
-  }
-  100% {
-    opacity: 1;
-    visibility: inherit;
-  }
-}
-@keyframes cds--skeleton {
-  0% {
-    opacity: 0.3;
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-  20% {
-    opacity: 1;
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-  28% {
-    transform: scaleX(1);
-    transform-origin: right;
-  }
-  51% {
-    transform: scaleX(0);
-    transform-origin: right;
-  }
-  58% {
-    transform: scaleX(0);
-    transform-origin: right;
-  }
-  82% {
-    transform: scaleX(1);
-    transform-origin: right;
-  }
-  83% {
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-  96% {
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-  100% {
-    opacity: 0.3;
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-}
-:root {
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
-}
-
-.cds--layer-one {
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
-}
-
-.cds--layer-two {
-  --cds-layer: var(--cds-layer-02, #ffffff);
-  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
-  --cds-field: var(--cds-field-02, #ffffff);
-  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
-}
-
-.cds--layer-three {
-  --cds-layer: var(--cds-layer-03, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
-  --cds-field: var(--cds-field-03, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
-}
-
-.cds--side-nav {
-  position: fixed;
-  z-index: 8000;
-  overflow: hidden;
-  background-color: var(--cds-background, #ffffff);
-  color: var(--cds-text-secondary, #525252);
-  inline-size: 3rem;
-  inset-block: 0 0;
-  inset-inline-start: 0;
-  max-inline-size: 16rem;
-  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
-  will-change: inline-size;
-}
-
-.cds--side-nav--ux {
-  inline-size: 16rem;
-  inset-block-start: 3rem;
-}
-
-@media (max-width: 65.98rem) {
-  .cds--side-nav--ux {
-    inline-size: 0;
-  }
-}
-.cds--side-nav--rail {
-  inline-size: 3rem;
-}
-
-.cds--side-nav--hidden {
-  inline-size: 0;
-}
-
-.cds--side-nav--expanded {
-  inline-size: 16rem;
-}
-
-.cds--side-nav__overlay {
-  position: fixed;
-  background-color: transparent;
-  block-size: 0;
-  inline-size: 0;
-  inset-block-start: 3rem;
-  inset-inline-start: 0;
-  opacity: 0;
-  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
-}
-
-@media (max-width: 65.98rem) {
-  .cds--side-nav__overlay-active {
-    z-index: 6000;
-    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
-    block-size: 100vh;
-    inline-size: 100vw;
-    opacity: 1;
-    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
-  }
-}
-.cds--header ~ .cds--side-nav {
-  block-size: calc(100% - 48px);
-  inset-block-start: 3rem;
-}
-
-.cds--side-nav--fixed {
-  inline-size: 16rem;
-}
-
-.cds--side-nav--collapsed {
-  inline-size: 16rem;
-  transform: translateX(-16rem);
-}
-
-.cds--side-nav__navigation {
-  display: flex;
-  flex-direction: column;
-}
-
-.cds--side-nav__items {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  overflow: hidden;
-  flex: 1 1 0%;
-  padding: 1rem 0 0;
-}
-
-.cds--side-nav__items *,
-.cds--side-nav__items *::before,
-.cds--side-nav__items *::after {
-  box-sizing: inherit;
-}
-
-.cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
-  overflow-y: auto;
-}
-
-.cds--side-nav--ux .cds--side-nav__items {
-  overflow-y: auto;
-}
-
-.cds--side-nav__item {
-  overflow: hidden;
-  block-size: auto;
-  inline-size: auto;
-}
-
-.cds--side-nav--ux .cds--side-nav__item {
-  block-size: auto;
-  inline-size: auto;
-}
-
-.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
-.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
-.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
-.cds--side-nav a.cds--header__menu-item:hover,
-.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
-.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav__item--large {
-  block-size: auto;
-}
-
-.cds--side-nav__divider {
-  margin: 0.5rem 1rem;
-  background-color: var(--cds-border-subtle);
-  block-size: 1px;
-  list-style-type: none;
-}
-
-.cds--side-nav__divider hr {
-  border: none;
-}
-
-.cds--side-nav__submenu {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  display: inline-block;
-  padding: 0;
-  border: 0;
-  appearance: none;
-  background: none;
-  cursor: pointer;
-  text-align: start;
-  inline-size: 100%;
-  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-heading-compact-01-font-weight, 600);
-  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-  display: flex;
-  align-items: center;
-  padding: 0 1rem;
-  block-size: 2rem;
-  color: var(--cds-text-secondary, #525252);
-  transition: color 110ms, background-color 110ms, outline 110ms;
-  user-select: none;
-}
-
-.cds--side-nav__submenu *,
-.cds--side-nav__submenu *::before,
-.cds--side-nav__submenu *::after {
-  box-sizing: inherit;
-}
-
-.cds--side-nav__submenu::-moz-focus-inner {
-  border: 0;
-}
-
-.cds--side-nav__submenu:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav__submenu:focus {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
-}
-
-@media screen and (prefers-contrast) {
-  .cds--side-nav__submenu:focus {
-    outline-style: dotted;
-  }
-}
-.cds--side-nav__submenu-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: start;
-}
-
-.cds--side-nav__icon.cds--side-nav__submenu-chevron {
-  display: flex;
-  flex: 1;
-  justify-content: flex-end;
-}
-
-.cds--side-nav__submenu-chevron > svg {
-  block-size: 1rem;
-  inline-size: 1rem;
-  transition: transform 110ms;
-}
-
-.cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
-  transform: rotate(180deg);
-}
-
-.cds--side-nav__item--large .cds--side-nav__submenu {
-  block-size: 3rem;
-}
-
-.cds--side-nav__item--active .cds--side-nav__submenu:hover {
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
-  position: relative;
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
-  position: absolute;
-  background-color: var(--cds-border-interactive, #0f62fe);
-  content: "";
-  inline-size: 3px;
-  inset-block: 0 0;
-  inset-inline-start: 0;
-}
-
-.cds--side-nav__item--active .cds--side-nav__submenu-title {
-  color: var(--cds-text-primary, #161616);
-  font-weight: 600;
-}
-
-.cds--side-nav__item--active .cds--side-nav__icon > svg {
-  fill: var(--cds-icon-primary, #161616);
-}
-
-.cds--side-nav__menu {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  display: block;
-  max-block-size: 0;
-  visibility: hidden;
-}
-
-.cds--side-nav__menu *,
-.cds--side-nav__menu *::before,
-.cds--side-nav__menu *::after {
-  box-sizing: inherit;
-}
-
-.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
-  max-block-size: 93.75rem;
-  visibility: inherit;
-}
-
-.cds--side-nav__menu a.cds--side-nav__link {
-  block-size: 2rem;
-  font-weight: 400;
-  min-block-size: 2rem;
-  padding-inline-start: 2rem;
-}
-
-.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
-  padding-inline-start: 4.5rem;
-}
-
-.cds--side-nav__menu a.cds--side-nav__link--current,
-.cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
-a.cds--side-nav__link--current {
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
-}
-
-.cds--side-nav__menu a.cds--side-nav__link--current > span,
-.cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
-a.cds--side-nav__link--current > span {
-  color: var(--cds-text-primary, #161616);
-  font-weight: 600;
-}
-
-a.cds--side-nav__link,
-.cds--side-nav a.cds--header__menu-item,
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-heading-compact-01-font-weight, 600);
-  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 0 1rem;
-  min-block-size: 2rem;
-  text-decoration: none;
-  transition: color 110ms, background-color 110ms, outline 110ms;
-}
-
-.cds--side-nav__item--large a.cds--side-nav__link {
-  block-size: 3rem;
-}
-
-a.cds--side-nav__link > .cds--side-nav__link-text,
-.cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--cds-text-secondary, #525252);
-  font-size: 0.875rem;
-  letter-spacing: 0.1px;
-  line-height: 1.25rem;
-  user-select: none;
-}
-
-a.cds--side-nav__link:focus,
-.cds--side-nav a.cds--header__menu-item:focus {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
-}
-
-@media screen and (prefers-contrast) {
-  a.cds--side-nav__link:focus,
-  .cds--side-nav a.cds--header__menu-item:focus {
-    outline-style: dotted;
-  }
-}
-a.cds--side-nav__link[aria-current=page],
-a.cds--side-nav__link--current {
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
-  font-weight: 600;
-}
-
-a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
-a.cds--side-nav__link--current .cds--side-nav__link-text {
-  color: var(--cds-text-primary, #161616);
-}
-
-a.cds--side-nav__link[aria-current=page]::before,
-a.cds--side-nav__link--current::before {
-  position: absolute;
-  background-color: var(--cds-border-interactive, #0f62fe);
-  content: "";
-  inline-size: 3px;
-  inset-block: 0 0;
-  inset-inline-start: 0;
-}
-
-.cds--side-nav__icon {
-  display: flex;
-  flex: 0 0 1rem;
-  align-items: center;
-  justify-content: center;
-}
-
-.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
-  margin-inline-end: 1.5rem;
-}
-
-.cds--side-nav__icon > svg {
-  block-size: 1rem;
-  fill: var(--cds-icon-secondary, #525252);
-  inline-size: 1rem;
-}
-
-.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
-  display: none;
-}
-
-.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {
-  display: none;
-}
-
-.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
-  display: block;
-}
-
-.cds--side-nav--fixed a.cds--side-nav__link,
-.cds--side-nav--fixed .cds--side-nav__submenu {
-  padding-inline-start: 1rem;
-}
-
-.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
-  padding-inline-start: 2rem;
-}
-
-@media (max-width: 65.98rem) {
-  .cds--side-nav .cds--header__nav {
-    display: block;
-  }
-}
-.cds--side-nav__header-navigation {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  display: none;
-}
-
-.cds--side-nav__header-navigation *,
-.cds--side-nav__header-navigation *::before,
-.cds--side-nav__header-navigation *::after {
-  box-sizing: inherit;
-}
-
-@media (max-width: 65.98rem) {
-  .cds--side-nav__header-navigation {
-    position: relative;
-    display: block;
-    margin-block-end: 2rem;
-  }
-}
-.cds--side-nav__header-divider::after {
-  position: absolute;
-  background: var(--cds-border-subtle);
-  block-size: 0.0625rem;
-  content: "";
-  inline-size: calc(100% - 32px);
-  inset-block-end: -1rem;
-  inset-inline-start: 1rem;
-}
-
-.cds--side-nav a.cds--header__menu-item {
-  justify-content: space-between;
-  color: var(--cds-text-secondary, #525252);
-  white-space: nowrap;
-}
-
-.cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
-  background-color: transparent;
-}
-
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
-  padding: 0;
-  background-color: transparent;
-  box-shadow: none;
-  inline-size: 100%;
-  inset-block-end: inherit;
-  transform: none;
-}
-
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
-  inline-size: 100%;
-}
-
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
-  font-weight: 400;
-  padding-inline-start: 4.25rem;
-}
-
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
-  background-color: var(--cds-layer-selected-hover);
-}
-
-.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
-.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
-  block-size: calc(100% + 4px);
-  inline-size: 3px;
-}
-
-.cds--side-nav .cds--header__menu a.cds--header__menu-item {
-  block-size: inherit;
-}
-
-.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
-.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
-.cds--side-nav .cds--header__menu-arrow {
-  fill: var(--cds-icon-secondary, #525252);
-}
-
-@media screen and (-ms-high-contrast: active), (forced-colors: active) {
-  .cds--side-nav__icon > svg,
-  .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
-  .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
-  .cds--side-nav .cds--header__menu-arrow {
-    fill: ButtonText;
-  }
-}
-.cds--layout--size-xs {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-xs {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
-}
-
-.cds--layout-constraint--size__min-xs {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
-}
-
-.cds--layout-constraint--size__max-xs {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
-}
-
-.cds--layout--size-sm {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-sm {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
-}
-
-.cds--layout-constraint--size__min-sm {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
-}
-
-.cds--layout-constraint--size__max-sm {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
-}
-
-.cds--layout--size-md {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-md {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
-}
-
-.cds--layout-constraint--size__min-md {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
-}
-
-.cds--layout-constraint--size__max-md {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
-}
-
-.cds--layout--size-lg {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-lg {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
-}
-
-.cds--layout-constraint--size__min-lg {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
-}
-
-.cds--layout-constraint--size__max-lg {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
-}
-
-.cds--layout--size-xl {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
-}
-
-.cds--layout-constraint--size__min-xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
-}
-
-.cds--layout-constraint--size__max-xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
-}
-
-.cds--layout--size-2xl {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-2xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
-}
-
-.cds--layout-constraint--size__min-2xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
-}
-
-.cds--layout-constraint--size__max-2xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
-}
-
-.cds--layout--density-condensed {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
-}
-
-.cds--layout-constraint--density__default-condensed {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
-}
-
-.cds--layout-constraint--density__min-condensed {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-}
-
-.cds--layout-constraint--density__max-condensed {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-}
-
-.cds--layout--density-normal {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
-}
-
-.cds--layout-constraint--density__default-normal {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
-}
-
-.cds--layout-constraint--density__min-normal {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
-}
-
-.cds--layout-constraint--density__max-normal {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
-}
-
-:root {
-  --cds-layout-size-height-xs: 1.5rem;
-  --cds-layout-size-height-sm: 2rem;
-  --cds-layout-size-height-md: 2.5rem;
-  --cds-layout-size-height-lg: 3rem;
-  --cds-layout-size-height-xl: 4rem;
-  --cds-layout-size-height-2xl: 5rem;
-  --cds-layout-size-height-min: 0px;
-  --cds-layout-size-height-max: 999999999px;
-  --cds-layout-density-padding-inline-condensed: 0.5rem;
-  --cds-layout-density-padding-inline-normal: 1rem;
-  --cds-layout-density-padding-inline-min: 0px;
-  --cds-layout-density-padding-inline-max: 999999999px;
-}
-
-.c4p--action-set {
-  align-items: stretch;
-  justify-content: flex-end;
-  background-color: var(--cds-layer-01, #f4f4f4);
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 
-.c4p--action-set .c4p--action-set__action-button {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  align-items: center;
-  margin: 0;
+.cds--layer-one {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 
-.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
-  height: 4rem;
-  padding-top: 1rem;
-  padding-bottom: 2rem;
+.cds--layer-two {
+  --cds-layer: var(--cds-layer-02, #ffffff);
+  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
+  --cds-field: var(--cds-field-02, #ffffff);
+  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
 }
 
-.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
-.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
-  max-width: none;
+.cds--layer-three {
+  --cds-layer: var(--cds-layer-03, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
+  --cds-field: var(--cds-field-03, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
 }
 
-.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost {
-  padding-left: 2rem;
+.cds--side-nav {
+  position: fixed;
+  z-index: 8000;
+  overflow: hidden;
+  background-color: var(--cds-background, #ffffff);
+  color: var(--cds-text-secondary, #525252);
+  inline-size: 3rem;
+  inset-block: 0 0;
+  inset-inline-start: 0;
+  max-inline-size: 16rem;
+  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
+  will-change: inline-size;
 }
 
-.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,
-.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost {
-  flex: 0 0 100%;
+.cds--side-nav--ux {
+  inline-size: 16rem;
+  inset-block-start: 3rem;
 }
-
-.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost {
-  flex: 1 1 75%;
+@media (max-width: 65.98rem) {
+  .cds--side-nav--ux {
+    inline-size: 0;
+  }
 }
 
-.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
-.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,
-.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,
-.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost {
-  flex: 0 1 50%;
+.cds--side-nav--rail {
+  inline-size: 3rem;
 }
 
-.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost {
-  flex: 1 1 50%;
+.cds--side-nav--hidden {
+  inline-size: 0;
 }
 
-.c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
-.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
-.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
-.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
-  /* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
-  max-width: 14.5rem;
-  flex: 0 1 25%;
+.cds--side-nav--expanded {
+  inline-size: 16rem;
 }
 
-.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost {
-  flex: 1 1 25%;
+.cds--side-nav__overlay {
+  position: fixed;
+  background-color: transparent;
+  block-size: 0;
+  inline-size: 0;
+  inset-block-start: 3rem;
+  inset-inline-start: 0;
+  opacity: 0;
+  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
 }
 
-.c4p--action-set .c4p--action-set__action-button .cds--inline-loading {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 2rem;
+@media (max-width: 65.98rem) {
+  .cds--side-nav__overlay-active {
+    z-index: 6000;
+    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+    block-size: 100vh;
+    inline-size: 100vw;
+    opacity: 1;
+    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
+  }
 }
 
-.c4p--tearsheet.c4p--tearsheet {
-  --overlay-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
-  --overlay-opacity: 1;
-  z-index: 9001;
-  align-items: flex-end;
-  color: var(--cds-text-primary, #161616);
-  transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
-  --c4p--tearsheet--stacking-scale-factor-single: 0.95;
-  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
+.cds--header ~ .cds--side-nav {
+  block-size: calc(100% - 48px);
+  inset-block-start: 3rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet::before {
-  position: absolute;
-  display: block;
-  background: var(--overlay-color);
-  content: "";
-  inset: 0;
-  opacity: var(--overlay-opacity);
-  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
+.cds--side-nav--fixed {
+  inline-size: 16rem;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .c4p--tearsheet.c4p--tearsheet::before {
-    transition: none;
-  }
-}
-.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet {
-  /* tearsheet uses --overlay-color and --overlay-opacity in ::before */
-  background: initial;
+.cds--side-nav--collapsed {
+  inline-size: 16rem;
+  transform: translateX(-16rem);
 }
 
-.c4p--tearsheet.is-visible {
-  z-index: 9000;
-  align-items: flex-end;
-  transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
+.cds--side-nav__navigation {
+  display: flex;
+  flex-direction: column;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .c4p--tearsheet.is-visible {
-    transition: none;
-  }
+.cds--side-nav__items {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  overflow: hidden;
+  flex: 1 1 0%;
+  padding: 1rem 0 0;
 }
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
-  --overlay-opacity: 0.67;
-  z-index: 8999;
+.cds--side-nav__items *,
+.cds--side-nav__items *::before,
+.cds--side-nav__items *::after {
+  box-sizing: inherit;
 }
-
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
-  --overlay-opacity: 0.22;
-  z-index: 8998;
+.cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
+  overflow-y: auto;
 }
 
-.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
-  --overlay-opacity: 0.5;
-  z-index: 8999;
+.cds--side-nav--ux .cds--side-nav__items {
+  overflow-y: auto;
 }
 
-.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
-  --overlay-opacity: 0.5;
+.cds--side-nav__item {
+  overflow: hidden;
+  block-size: auto;
+  inline-size: auto;
 }
 
-.c4p--tearsheet .c4p--tearsheet__container {
-  top: auto;
-  height: 100%;
-  max-height: calc(100% - 3rem);
-  transform: translate3d(0, min(95vh, 500px), 0);
+.cds--side-nav--ux .cds--side-nav__item {
+  block-size: auto;
+  inline-size: auto;
 }
 
-.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
-  border: 1px solid transparent;
-  border-bottom: 0;
-  /* override carbon ai removing background gradient */
-  background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
-  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
+.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
+.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
+.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
+.cds--side-nav a.cds--header__menu-item:hover,
+.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+  color: var(--cds-text-primary, #161616);
 }
 
-.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
-  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
+.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
+.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
+  color: var(--cds-text-primary, #161616);
 }
 
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-height: calc(100% - 3rem + 1rem);
+.cds--side-nav__item--large {
+  block-size: auto;
 }
 
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-height: calc(100% - 3rem + 2 * 1rem);
+.cds--side-nav__divider {
+  margin: 0.5rem 1rem;
+  background-color: var(--cds-border-subtle);
+  block-size: 1px;
+  list-style-type: none;
 }
 
-.c4p--tearsheet .c4p--tearsheet__container--lower {
-  max-height: calc(100% - (3rem + 2.5rem));
+.cds--side-nav__divider hr {
+  border: none;
 }
 
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-height: calc(100% - (3rem + 2.5rem) + 1rem);
+.cds--side-nav__submenu {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  inline-size: 100%;
+  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-compact-01-font-weight, 600);
+  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  display: flex;
+  align-items: center;
+  padding: 0 1rem;
+  block-size: 2rem;
+  color: var(--cds-text-secondary, #525252);
+  transition: color 110ms, background-color 110ms, outline 110ms;
+  user-select: none;
 }
-
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-height: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
+.cds--side-nav__submenu *,
+.cds--side-nav__submenu *::before,
+.cds--side-nav__submenu *::after {
+  box-sizing: inherit;
 }
-
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
-  width: 100%;
+.cds--side-nav__submenu::-moz-focus-inner {
+  border: 0;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
-  height: 5rem;
+.cds--side-nav__submenu:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+  color: var(--cds-text-primary, #161616);
 }
 
-@media (min-width: 42rem) {
-  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
-    width: calc(100% - 2 * 4rem);
-  }
+.cds--side-nav__submenu:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
 }
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container {
-  transform: scale(var(--c4p--tearsheet--stacking-scale-factor-single));
+@media screen and (prefers-contrast) {
+  .cds--side-nav__submenu:focus {
+    outline-style: dotted;
+  }
 }
 
-.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3.is-visible .c4p--tearsheet__container {
-  transform: scale(var(--c4p--tearsheet--stacking-scale-factor-double));
+.cds--side-nav__submenu-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: start;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
-  padding: 1.5rem 2rem;
-  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
-  margin: 0;
-  background-color: var(--cds-layer);
+.cds--side-nav__icon.cds--side-nav__submenu-chevron {
+  display: flex;
+  flex: 1;
+  justify-content: flex-end;
 }
 
-.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
-  padding: 1rem;
-  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
-  margin: 0;
-  background-color: var(--cds-layer);
+.cds--side-nav__submenu-chevron > svg {
+  block-size: 1rem;
+  inline-size: 1rem;
+  transition: transform 110ms;
 }
 
-.c4p--tearsheet .c4p--tearsheet__header-content {
-  display: flex;
-  justify-content: space-between;
+.cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
+  transform: rotate(180deg);
 }
 
-.c4p--tearsheet .c4p--tearsheet__header-fields {
-  flex: 1 1 100%;
+.cds--side-nav__item--large .cds--side-nav__submenu {
+  block-size: 3rem;
 }
 
-.c4p--tearsheet .c4p--tearsheet__header-actions {
-  flex: 0 0 auto;
-  padding-left: 1.5rem;
+.cds--side-nav__item--active .cds--side-nav__submenu:hover {
+  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+  color: var(--cds-text-primary, #161616);
 }
 
-.c4p--tearsheet .c4p--tearsheet__header-actions .cds--btn-set .cds--btn:not(:first-of-type) {
-  margin-left: 0.5rem;
+.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
+  position: relative;
+  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+  color: var(--cds-text-primary, #161616);
 }
-
-.c4p--tearsheet .c4p--tearsheet__header--no-close-icon {
-  display: none;
+.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
+  position: absolute;
+  background-color: var(--cds-border-interactive, #0f62fe);
+  content: "";
+  inline-size: 3px;
+  inset-block: 0 0;
+  inset-inline-start: 0;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
-  font-size: var(--cds-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-heading-04-font-weight, 400);
-  line-height: var(--cds-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
+.cds--side-nav__item--active .cds--side-nav__submenu-title {
+  color: var(--cds-text-primary, #161616);
+  font-weight: 600;
 }
 
-.c4p--tearsheet .c4p--tearsheet__header-description {
-  display: -webkit-box;
-  overflow: hidden;
-  max-width: 100%;
-  margin-top: 1rem;
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  word-break: break-word;
+.cds--side-nav__item--active .cds--side-nav__icon > svg {
+  fill: var(--cds-icon-primary, #161616);
 }
 
-@media (min-width: 42rem) {
-  .c4p--tearsheet .c4p--tearsheet__header-description {
-    max-width: 60%;
-  }
-}
-.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
-  margin-top: 0.5rem;
+.cds--side-nav__menu {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: block;
+  max-block-size: 0;
+  visibility: hidden;
 }
-
-.c4p--tearsheet .c4p--tearsheet__header-navigation {
-  margin: 0.75rem 0 0;
+.cds--side-nav__menu *,
+.cds--side-nav__menu *::before,
+.cds--side-nav__menu *::after {
+  box-sizing: inherit;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
-  padding: 1.5rem 2rem 0;
+.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
+  max-block-size: 93.75rem;
+  visibility: inherit;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
-  padding-inline-end: 5rem;
+.cds--side-nav__menu a.cds--side-nav__link {
+  block-size: 2rem;
+  font-weight: 400;
+  min-block-size: 2rem;
+  padding-inline-start: 2rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
-  /* spacing 11 plus additional space for slug/close */
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  padding-inline-end: calc(8rem);
+.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
+  padding-inline-start: 4.5rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
-  max-width: 80%;
+.cds--side-nav__menu a.cds--side-nav__link--current,
+.cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
+a.cds--side-nav__link--current {
+  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
 }
-
-.c4p--tearsheet .c4p--tearsheet__header-navigation {
-  margin: 0.75rem 0 0;
+.cds--side-nav__menu a.cds--side-nav__link--current > span,
+.cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
+a.cds--side-nav__link--current > span {
+  color: var(--cds-text-primary, #161616);
+  font-weight: 600;
 }
 
-.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
+a.cds--side-nav__link,
+.cds--side-nav a.cds--header__menu-item,
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-compact-01-font-weight, 600);
+  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  position: relative;
   display: flex;
-  flex-direction: row;
-  padding: 0;
-  margin: 0;
+  align-items: center;
+  padding: 0 1rem;
+  min-block-size: 2rem;
+  text-decoration: none;
+  transition: color 110ms, background-color 110ms, outline 110ms;
 }
 
-.c4p--tearsheet .c4p--tearsheet__resize-detector {
-  width: 100%;
-  height: 0;
+.cds--side-nav__item--large a.cds--side-nav__link {
+  block-size: 3rem;
 }
 
-.c4p--tearsheet .c4p--tearsheet__influencer {
-  flex: 0 0 257px;
-  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
-  overflow-y: auto;
+a.cds--side-nav__link > .cds--side-nav__link-text,
+.cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--cds-text-secondary, #525252);
+  font-size: 0.875rem;
+  letter-spacing: 0.1px;
+  line-height: 1.25rem;
+  user-select: none;
 }
 
-.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
-  padding-right: 0;
+a.cds--side-nav__link:focus,
+.cds--side-nav a.cds--header__menu-item:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
 }
-
-@media (max-width: 41.98rem) {
-  .c4p--tearsheet .c4p--tearsheet__container {
-    max-height: 100%;
-  }
-  .c4p--tearsheet .c4p--tearsheet__influencer {
-    flex-basis: auto;
+@media screen and (prefers-contrast) {
+  a.cds--side-nav__link:focus,
+  .cds--side-nav a.cds--header__menu-item:focus {
+    outline-style: dotted;
   }
 }
-.c4p--tearsheet .c4p--tearsheet__influencer--wide {
-  flex-basis: 321px;
-}
-
-.c4p--tearsheet .c4p--tearsheet__right {
-  display: grid;
-  flex-grow: 1;
-  grid-template-columns: 100%;
-  grid-template-rows: 1fr auto;
-}
-
-.c4p--tearsheet .c4p--tearsheet__main {
-  display: flex;
-  flex-direction: row;
-  background-color: var(--cds-background, #ffffff);
-  grid-column: 1/-1;
-  grid-row: 1/-1;
-}
 
-.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
-  background-color: var(--cds-layer);
+a.cds--side-nav__link[aria-current=page],
+a.cds--side-nav__link--current {
+  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+  font-weight: 600;
 }
 
-.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
-  border-right: none;
-  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
+a.cds--side-nav__link--current .cds--side-nav__link-text {
+  color: var(--cds-text-primary, #161616);
 }
 
-.c4p--tearsheet .c4p--tearsheet__content {
-  overflow: auto;
-  flex-grow: 1;
+a.cds--side-nav__link[aria-current=page]::before,
+a.cds--side-nav__link--current::before {
+  position: absolute;
+  background-color: var(--cds-border-interactive, #0f62fe);
+  content: "";
+  inline-size: 3px;
+  inset-block: 0 0;
+  inset-inline-start: 0;
 }
 
-.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
-  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
+.cds--side-nav__icon {
+  display: flex;
+  flex: 0 0 1rem;
+  align-items: center;
+  justify-content: center;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search-input,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select-input,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input {
-  background-color: var(--cds-field);
+.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
+  margin-inline-end: 1.5rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input {
-  background-color: transparent;
+.cds--side-nav__icon > svg {
+  block-size: 1rem;
+  fill: var(--cds-icon-secondary, #525252);
+  inline-size: 1rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input--light,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area--light,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search--light .cds--search-input,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--light .cds--select-input,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light .cds--dropdown-list,
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number--light input[type=number],
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker--light .cds--date-picker__input {
-  background-color: var(--cds-field-02, #ffffff);
+.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
+  display: none;
 }
 
-.c4p--tearsheet .c4p--tearsheet__button-container {
-  grid-column: 1/-1;
-  grid-row: -1/-1;
-  overflow-x: auto;
+.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {
+  display: none;
 }
 
-.c4p--tearsheet .c4p--tearsheet__buttons {
-  display: inline-flex;
-  min-width: 100%;
-  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
+  display: block;
 }
 
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
-  background: var(--cds-background, #ffffff);
+.cds--side-nav--fixed a.cds--side-nav__link,
+.cds--side-nav--fixed .cds--side-nav__submenu {
+  padding-inline-start: 1rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
+.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
+  padding-inline-start: 2rem;
 }
 
-.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
-  inset-inline-end: 0;
-  margin-block: 6px;
-  margin-inline-end: 1rem;
+@media (max-width: 65.98rem) {
+  .cds--side-nav .cds--header__nav {
+    display: block;
+  }
 }
 
-@keyframes influencer-menu-entrance {
-  0% {
-    opacity: 0;
-    transform: translateX(calc(-1 * 1rem));
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
+.cds--side-nav__header-navigation {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: none;
 }
-@keyframes influencer-menu-exit {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(calc(-1 * 1rem));
+.cds--side-nav__header-navigation *,
+.cds--side-nav__header-navigation *::before,
+.cds--side-nav__header-navigation *::after {
+  box-sizing: inherit;
+}
+@media (max-width: 65.98rem) {
+  .cds--side-nav__header-navigation {
+    position: relative;
+    display: block;
+    margin-block-end: 2rem;
   }
 }
-.c4p--create-influencer {
-  display: grid;
-  height: 100%;
-  padding: 1.5rem 2rem;
-  grid-template-columns: 100%;
-  grid-template-rows: 1fr auto;
+
+.cds--side-nav__header-divider::after {
+  position: absolute;
+  background: var(--cds-border-subtle);
+  block-size: 0.0625rem;
+  content: "";
+  inline-size: calc(100% - 32px);
+  inset-block-end: -1rem;
+  inset-inline-start: 1rem;
 }
 
-.c4p--create-influencer__left-nav {
-  grid-column: 1/-1;
-  grid-row: 1/-1;
-  overflow-y: auto;
+.cds--side-nav a.cds--header__menu-item {
+  justify-content: space-between;
+  color: var(--cds-text-secondary, #525252);
+  white-space: nowrap;
+}
+.cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
+  background-color: transparent;
 }
 
-.c4p--create-influencer__title {
-  font-size: var(--cds-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-heading-03-font-weight, 400);
-  line-height: var(--cds-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
-  margin-bottom: 1.5rem;
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
+  padding: 0;
+  background-color: transparent;
+  box-shadow: none;
+  inline-size: 100%;
+  inset-block-end: inherit;
+  transform: none;
+}
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
+  inline-size: 100%;
+}
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
+  font-weight: 400;
+  padding-inline-start: 4.25rem;
+}
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+  color: var(--cds-text-primary, #161616);
+}
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
 }
 
-.c4p--create-influencer__view-all-toggle {
-  padding: 1.5rem;
-  grid-column: 1/-1;
-  grid-row: -1/-1;
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  block-size: calc(100% + 4px);
+  inline-size: 3px;
 }
 
-.c4p--create-influencer__side-nav-opening,
-.c4p--create-influencer__progress-indicator-opening {
-  animation: influencer-menu-entrance 240ms 1;
-  animation-fill-mode: forwards;
-  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+.cds--side-nav .cds--header__menu a.cds--header__menu-item {
+  block-size: inherit;
 }
 
-.c4p--create-influencer__side-nav-closing,
-.c4p--create-influencer__progress-indicator-closing {
-  animation: influencer-menu-exit 240ms 1;
-  animation-fill-mode: forwards;
-  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
+.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
+.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
+.cds--side-nav .cds--header__menu-arrow {
+  fill: var(--cds-icon-secondary, #525252);
 }
 
-@media (prefers-reduced-motion) {
-  .c4p--create-influencer__side-nav-opening,
-  .c4p--create-influencer__progress-indicator-opening,
-  .c4p--create-influencer__side-nav-closing,
-  .c4p--create-influencer__progress-indicator-closing {
-    animation: none;
-    opacity: 1;
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--side-nav__icon > svg,
+  .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
+  .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
+  .cds--side-nav .cds--header__menu-arrow {
+    fill: ButtonText;
   }
 }
+
 @keyframes form-content-entrance {
   0% {
     opacity: 0;
@@ -18821,74 +16625,6 @@ a.cds--side-nav__link--current::before {
   inset-block-end: -1px !important;
 }
 
-:root {
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
-}
-
-.cds--layer-one {
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
-}
-
-.cds--layer-two {
-  --cds-layer: var(--cds-layer-02, #ffffff);
-  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
-  --cds-field: var(--cds-field-02, #ffffff);
-  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
-}
-
-.cds--layer-three {
-  --cds-layer: var(--cds-layer-03, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
-  --cds-field: var(--cds-field-03, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
-}
-
 .cds--popover-container {
   display: inline-block;
 }