@carbon/ibm-products 2.93.0 → 2.94.0-rc.0

package/css/index-without-carbon-released-only.css

@@ -199,1515 +199,6 @@ p.c4p--about-modal__copyright-text:first-child {
   inset-inline-end: 0;
 }
 
-: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: 0rem; /* stylelint-disable-line length-zero-no-unit */
-}
-
-.cds--css-grid--condensed {
-  --cds-grid-gutter: 0.0625rem;
-  --cds-grid-column-hang: 0.96875rem;
-}
-
-.cds--css-grid--with-row-gap {
-  row-gap: var(--cds-grid-gutter);
-}
-
-.cds--css-grid--narrow.cds--css-grid--with-row-gap {
-  row-gap: calc(var(--cds-grid-gutter) / 2);
-}
-
-.cds--css-grid--start {
-  margin-inline-start: 0;
-}
-
-.cds--css-grid--end {
-  margin-inline-end: 0;
-}
-
-.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: 0rem; /* stylelint-disable-line length-zero-no-unit */
-  --cds-grid-gutter-end: 1rem;
-  --cds-grid-column-hang: 1rem;
-}
-
-.cds--subgrid--condensed {
-  --cds-grid-gutter: 0.0625rem;
-  --cds-grid-gutter-start: 0.03125rem;
-  --cds-grid-gutter-end: 0.03125rem;
-  --cds-grid-column-hang: 0.96875rem;
-}
-
-.cds--subgrid--with-row-gap {
-  row-gap: 2rem;
-}
-
-.cds--subgrid--narrow.cds--subgrid--with-row-gap {
-  row-gap: 1rem;
-}
-
-.cds--subgrid--condensed.cds--subgrid--with-row-gap {
-  row-gap: 0.0625rem;
-}
-
-.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;
-  }
-}
 @keyframes fade {
   0% {
     opacity: 0;
@@ -3265,7 +1756,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet .c4p--tearsheet__container {
   block-size: 100%;
   inset-block-start: auto;
-  max-block-size: calc(100% - 3rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem));
 }
 .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;
@@ -3278,19 +1769,19 @@ p.c4p--about-modal__copyright-text:first-child {
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
 }
 .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-block-size: calc(100% - 3rem + 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem) + 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - 3rem + 2 * 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem) + 2 * 1rem);
 }
 .c4p--tearsheet .c4p--tearsheet__container--lower {
-  max-block-size: calc(100% - (3rem + 2.5rem));
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem));
 }
 .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-block-size: calc(100% - (3rem + 2.5rem) + 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem) + 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem) + 2 * 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
   inline-size: 100%;
@@ -10136,13 +8627,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer);
   padding-block-start: 1.5rem;
 }
-@media (max-width: 41.98rem) {
-  .c4p--page-header__next .c4p--page-header__content__title-wrapper {
-    display: flex;
-    flex-direction: column;
-    grid-gap: 1rem;
-  }
-}
 .c4p--page-header__next .c4p--page-header__content__title-wrapper {
   display: grid;
   gap: 1rem;
@@ -10150,6 +8634,13 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-block-end: 1rem;
   min-block-size: 2.5rem;
 }
+@media (max-width: 41.98rem) {
+  .c4p--page-header__next .c4p--page-header__content__title-wrapper {
+    display: flex;
+    flex-direction: column;
+    grid-gap: 1rem;
+  }
+}
 .c4p--page-header__next .c4p--page-header__content__start {
   display: flex;
   flex-wrap: wrap;
@@ -11207,7 +9698,7 @@ button.c4p--add-select__global-filter-toggle--open {
   border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   block-size: 100%;
   inset-block-start: auto;
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem));
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, calc(5rem + 0.5rem)));
   max-inline-size: var(--tearsheet-max-inline-size, 1312px);
 }
 @media (max-width: 41.98rem) {
@@ -11407,7 +9898,7 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 .c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible.is-visible .c4p--tearsheet__next__container {
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem) + var(--block-size-change));
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, calc(5rem + 0.5rem + 0.125rem)) + var(--block-size-change));
   transform: scaleX(var(--scale-factor));
 }
 
@@ -12443,7 +10934,6 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -12456,6 +10946,7 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--web-terminal {
@@ -13002,7 +11493,6 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -13015,6 +11505,7 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--web-terminal__documentation-overflow {