@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    border: 0;
    margin: 0;
    font: inherit;
    font-feature-settings: "liga" 1;
    font-size: 100%;
    vertical-align: baseline;
}

button,
select,
input,
textarea {
    border-radius: 0;
    font-family: inherit;
}

:root {
    color-scheme: var(--cds-color-scheme, light);
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    background-color: var(--cds-background, #ffffff);
    color: var(--cds-text-primary, #161616);
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    box-sizing: border-box;
}

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

html {
    font-size: 100%;
}

body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

strong {
    font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
    svg {
        fill: ButtonText;
    }
}

h1 {
    font-size: var(--cds-heading-06-font-size, 2.625rem);
    font-weight: var(--cds-heading-06-font-weight, 300);
    line-height: var(--cds-heading-06-line-height, 1.199);
    letter-spacing: var(--cds-heading-06-letter-spacing, 0);
}

h2 {
    font-size: var(--cds-heading-05-font-size, 2rem);
    font-weight: var(--cds-heading-05-font-weight, 400);
    line-height: var(--cds-heading-05-line-height, 1.25);
    letter-spacing: var(--cds-heading-05-letter-spacing, 0);
}

h3 {
    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);
}

h4 {
    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);
}

h5 {
    font-size: var(--cds-heading-02-font-size, 1rem);
    font-weight: var(--cds-heading-02-font-weight, 600);
    line-height: var(--cds-heading-02-line-height, 1.5);
    letter-spacing: var(--cds-heading-02-letter-spacing, 0);
}

h6 {
    font-size: var(--cds-heading-01-font-size, 0.875rem);
    font-weight: var(--cds-heading-01-font-weight, 600);
    line-height: var(--cds-heading-01-line-height, 1.42857);
    letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
}

p {
    font-size: var(--cds-body-02-font-size, 1rem);
    font-weight: var(--cds-body-02-font-weight, 400);
    line-height: var(--cds-body-02-line-height, 1.5);
    letter-spacing: var(--cds-body-02-letter-spacing, 0);
}

a {
    color: var(--cds-link-primary, #0062fe);
}

em {
    font-style: italic;
}

@font-face {
    font-display: block;
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 100 900;
    src: url('fonts/IBMPlexSans-VariableFont_wdth\,wght.ttf') format('truetype');
}

@font-face {
    font-display: block;
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 100 900;
    src: url('IBMPlexSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-display: block;
    font-family: "Go Mono";
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Go-Mono.ttf') format('truetype');
}

: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;
    }
}

:root {
    --cds-layer: var(--cds-layer-01, #f4f4f4);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-background: var(--cds-layer-background-01, #ffffff);
    --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-background: var(--cds-layer-background-01, #ffffff);
    --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-background: var(--cds-layer-background-02, #f4f4f4);
    --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-background: var(--cds-layer-background-03, #ffffff);
    --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--layer-one.cds--layer__with-background {
    background-color: var(--cds-layer-background);
}

.cds--layer-two.cds--layer__with-background {
    background-color: var(--cds-layer-background);
}

.cds--layer-three.cds--layer__with-background {
    background-color: var(--cds-layer-background);
}

.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--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--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--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--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--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-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-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-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-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-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-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--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-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-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;
}

.cds--white {
    background-color: var(--cds-background);
    color: var(--cds-text-primary);
    --cds-ai-aura-end: rgba(255, 255, 255, 0);
    --cds-ai-aura-hover-background: #edf5ff;
    --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
    --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
    --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
    --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
    --cds-ai-border-end: #78a9ff;
    --cds-ai-border-start: rgba(166, 200, 255, 0.64);
    --cds-ai-border-strong: #4589ff;
    --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
    --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
    --cds-ai-overlay: rgba(0, 17, 65, 0.5);
    --cds-ai-popover-background: #ffffff;
    --cds-ai-popover-caret-bottom: #78a9ff;
    --cds-ai-popover-caret-bottom-background: #eaf1ff;
    --cds-ai-popover-caret-bottom-background-actions: #e9effa;
    --cds-ai-popover-caret-center: #a0c3ff;
    --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
    --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
    --cds-ai-skeleton-background: #d0e2ff;
    --cds-ai-skeleton-element-background: #4589ff;
    --cds-background: #ffffff;
    --cds-background-active: rgba(141, 141, 141, 0.5);
    --cds-background-brand: #0f62fe;
    --cds-background-hover: rgba(141, 141, 141, 0.12);
    --cds-background-inverse: #393939;
    --cds-background-inverse-hover: #474747;
    --cds-background-selected: rgba(141, 141, 141, 0.2);
    --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
    --cds-border-disabled: #c6c6c6;
    --cds-border-interactive: #0f62fe;
    --cds-border-inverse: #161616;
    --cds-border-strong-01: #8d8d8d;
    --cds-border-strong-02: #8d8d8d;
    --cds-border-strong-03: #8d8d8d;
    --cds-border-subtle-00: #e0e0e0;
    --cds-border-subtle-01: #c6c6c6;
    --cds-border-subtle-02: #e0e0e0;
    --cds-border-subtle-03: #c6c6c6;
    --cds-border-subtle-selected-01: #c6c6c6;
    --cds-border-subtle-selected-02: #c6c6c6;
    --cds-border-subtle-selected-03: #c6c6c6;
    --cds-border-tile-01: #c6c6c6;
    --cds-border-tile-02: #a8a8a8;
    --cds-border-tile-03: #c6c6c6;
    --cds-chat-avatar-agent: #393939;
    --cds-chat-avatar-bot: #6f6f6f;
    --cds-chat-avatar-user: #0f62fe;
    --cds-chat-bubble-agent: #ffffff;
    --cds-chat-bubble-agent-text: #161616;
    --cds-chat-bubble-border: #e0e0e0;
    --cds-chat-bubble-user: #e0e0e0;
    --cds-chat-bubble-user-text: #161616;
    --cds-chat-button: #0f62fe;
    --cds-chat-button-active: rgba(141, 141, 141, 0.5);
    --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
    --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
    --cds-chat-button-text-hover: #0043ce;
    --cds-chat-button-text-selected: #525252;
    --cds-chat-header-background: #ffffff;
    --cds-chat-header-text: #161616;
    --cds-chat-prompt-background: #ffffff;
    --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
    --cds-chat-prompt-border-start: #f4f4f4;
    --cds-chat-prompt-text: #161616;
    --cds-chat-shell-background: #ffffff;
    --cds-color-scheme: light;
    color-scheme: var(--cds-color-scheme, light);
    --cds-field-01: #f4f4f4;
    --cds-field-02: #ffffff;
    --cds-field-03: #f4f4f4;
    --cds-field-hover-01: #e8e8e8;
    --cds-field-hover-02: #e8e8e8;
    --cds-field-hover-03: #e8e8e8;
    --cds-focus: #0f62fe;
    --cds-focus-inset: #ffffff;
    --cds-focus-inverse: #ffffff;
    --cds-highlight: #d0e2ff;
    --cds-icon-disabled: rgba(22, 22, 22, 0.25);
    --cds-icon-interactive: #0f62fe;
    --cds-icon-inverse: #ffffff;
    --cds-icon-on-color: #ffffff;
    --cds-icon-on-color-disabled: #8d8d8d;
    --cds-icon-primary: #161616;
    --cds-icon-secondary: #525252;
    --cds-interactive: #0f62fe;
    --cds-layer-01: #f4f4f4;
    --cds-layer-02: #ffffff;
    --cds-layer-03: #f4f4f4;
    --cds-layer-accent-01: #e0e0e0;
    --cds-layer-accent-02: #e0e0e0;
    --cds-layer-accent-03: #e0e0e0;
    --cds-layer-accent-active-01: #a8a8a8;
    --cds-layer-accent-active-02: #a8a8a8;
    --cds-layer-accent-active-03: #a8a8a8;
    --cds-layer-accent-hover-01: #d1d1d1;
    --cds-layer-accent-hover-02: #d1d1d1;
    --cds-layer-accent-hover-03: #d1d1d1;
    --cds-layer-active-01: #c6c6c6;
    --cds-layer-active-02: #c6c6c6;
    --cds-layer-active-03: #c6c6c6;
    --cds-layer-background-01: #ffffff;
    --cds-layer-background-02: #f4f4f4;
    --cds-layer-background-03: #ffffff;
    --cds-layer-hover-01: #e8e8e8;
    --cds-layer-hover-02: #e8e8e8;
    --cds-layer-hover-03: #e8e8e8;
    --cds-layer-selected-01: #e0e0e0;
    --cds-layer-selected-02: #e0e0e0;
    --cds-layer-selected-03: #e0e0e0;
    --cds-layer-selected-disabled: #8d8d8d;
    --cds-layer-selected-hover-01: #d1d1d1;
    --cds-layer-selected-hover-02: #d1d1d1;
    --cds-layer-selected-hover-03: #d1d1d1;
    --cds-layer-selected-inverse: #161616;
    --cds-link-inverse: #78a9ff;
    --cds-link-inverse-active: #f4f4f4;
    --cds-link-inverse-hover: #a6c8ff;
    --cds-link-inverse-visited: #be95ff;
    --cds-link-primary: #0f62fe;
    --cds-link-primary-hover: #0043ce;
    --cds-link-secondary: #0043ce;
    --cds-link-visited: #8a3ffc;
    --cds-overlay: rgba(0, 0, 0, 0.6);
    --cds-shadow: rgba(0, 0, 0, 0.3);
    --cds-skeleton-background: #e8e8e8;
    --cds-skeleton-element: #c6c6c6;
    --cds-support-caution-major: #ff832b;
    --cds-support-caution-minor: #f1c21b;
    --cds-support-caution-undefined: #8a3ffc;
    --cds-support-error: #da1e28;
    --cds-support-error-inverse: #fa4d56;
    --cds-support-info: #0043ce;
    --cds-support-info-inverse: #4589ff;
    --cds-support-success: #24a148;
    --cds-support-success-inverse: #42be65;
    --cds-support-warning: #f1c21b;
    --cds-support-warning-inverse: #f1c21b;
    --cds-syntax-angle-bracket: #697077;
    --cds-syntax-annotation: #007d79;
    --cds-syntax-arithmetic-operator: #343a3f;
    --cds-syntax-atom: #161616;
    --cds-syntax-attribute: #00539a;
    --cds-syntax-attribute-name: #00539a;
    --cds-syntax-attribute-value: #161616;
    --cds-syntax-bitwise-operator: #343a3f;
    --cds-syntax-block-comment: #198038;
    --cds-syntax-bool: #161616;
    --cds-syntax-brace: #343a3f;
    --cds-syntax-bracket: #343a3f;
    --cds-syntax-character: #161616;
    --cds-syntax-class-name: #007d79;
    --cds-syntax-color: #161616;
    --cds-syntax-comment: #198038;
    --cds-syntax-compare-operator: #343a3f;
    --cds-syntax-constant: #0f62fe;
    --cds-syntax-content: #161616;
    --cds-syntax-content-separator: #343a3f;
    --cds-syntax-control-keyword: #6929c4;
    --cds-syntax-control-operator: #6929c4;
    --cds-syntax-definition: #00539a;
    --cds-syntax-definition-keyword: #00539a;
    --cds-syntax-definition-operator: #00539a;
    --cds-syntax-deleted: #ffd7d9;
    --cds-syntax-deref-operator: #343a3f;
    --cds-syntax-doc-comment: #198038;
    --cds-syntax-doc-string: #161616;
    --cds-syntax-document-meta: #198038;
    --cds-syntax-emphasis: #161616;
    --cds-syntax-escape: #343a3f;
    --cds-syntax-float: #198038;
    --cds-syntax-function: #8e6a00;
    --cds-syntax-heading: #00539a;
    --cds-syntax-heading-1: #00539a;
    --cds-syntax-heading-2: #00539a;
    --cds-syntax-heading-3: #00539a;
    --cds-syntax-heading-4: #00539a;
    --cds-syntax-heading-5: #00539a;
    --cds-syntax-heading-6: #00539a;
    --cds-syntax-inserted: #a7f0ba;
    --cds-syntax-integer: #198038;
    --cds-syntax-invalid: #da1e28;
    --cds-syntax-keyword: #0f62fe;
    --cds-syntax-label-name: #0f62fe;
    --cds-syntax-line-comment: #198038;
    --cds-syntax-link: #0f62fe;
    --cds-syntax-list: #161616;
    --cds-syntax-literal: #161616;
    --cds-syntax-local: #0f62fe;
    --cds-syntax-logic-operator: #343a3f;
    --cds-syntax-macro-name: #161616;
    --cds-syntax-meta: #198038;
    --cds-syntax-modifier: #0f62fe;
    --cds-syntax-module-keyword: #6929c4;
    --cds-syntax-monospace: #161616;
    --cds-syntax-name: #0f62fe;
    --cds-syntax-namespace: #007d79;
    --cds-syntax-null: #161616;
    --cds-syntax-number: #198038;
    --cds-syntax-operator: #343a3f;
    --cds-syntax-operator-keyword: #0f62fe;
    --cds-syntax-paren: #343a3f;
    --cds-syntax-processing-instruction: #161616;
    --cds-syntax-property-name: #00539a;
    --cds-syntax-punctuation: #343a3f;
    --cds-syntax-quote: #198038;
    --cds-syntax-regexp: #6929c4;
    --cds-syntax-self: #007d79;
    --cds-syntax-separator: #343a3f;
    --cds-syntax-special: #0f62fe;
    --cds-syntax-special-string: #8a3ffc;
    --cds-syntax-square-bracket: #343a3f;
    --cds-syntax-standard: #0f62fe;
    --cds-syntax-strikethrough: #161616;
    --cds-syntax-string: #161616;
    --cds-syntax-strong: #161616;
    --cds-syntax-tag: #007d79;
    --cds-syntax-tag-name: #007d79;
    --cds-syntax-type: #007d79;
    --cds-syntax-type-name: #007d79;
    --cds-syntax-type-operator: #007d79;
    --cds-syntax-unit: #198038;
    --cds-syntax-update-operator: #343a3f;
    --cds-syntax-url: #343a3f;
    --cds-syntax-variable: #0f62fe;
    --cds-syntax-variable-name: #0f62fe;
    --cds-text-disabled: rgba(22, 22, 22, 0.25);
    --cds-text-error: #da1e28;
    --cds-text-helper: #6f6f6f;
    --cds-text-inverse: #ffffff;
    --cds-text-on-color: #ffffff;
    --cds-text-on-color-disabled: #8d8d8d;
    --cds-text-placeholder: rgba(22, 22, 22, 0.4);
    --cds-text-primary: #161616;
    --cds-text-secondary: #525252;
    --cds-toggle-off: #8d8d8d;
    --cds-layer: var(--cds-layer-01, #f4f4f4);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-background: var(--cds-layer-background-01, #ffffff);
    --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-button-separator: #e0e0e0;
    --cds-button-primary: #0f62fe;
    --cds-button-secondary: #393939;
    --cds-button-tertiary: #0f62fe;
    --cds-button-danger-primary: #da1e28;
    --cds-button-danger-secondary: #da1e28;
    --cds-button-danger-active: #750e13;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary-active: #6f6f6f;
    --cds-button-tertiary-active: #002d9c;
    --cds-button-danger-hover: #b81921;
    --cds-button-primary-hover: #0050e6;
    --cds-button-secondary-hover: #474747;
    --cds-button-tertiary-hover: #0050e6;
    --cds-button-disabled: #c6c6c6;
    --cds-notification-background-error: #fff1f1;
    --cds-notification-background-success: #defbe6;
    --cds-notification-background-info: #edf5ff;
    --cds-notification-background-warning: #fcf4d6;
    --cds-notification-action-hover: #ffffff;
    --cds-notification-action-tertiary-inverse: #ffffff;
    --cds-notification-action-tertiary-inverse-active: #c6c6c6;
    --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
    --cds-notification-action-tertiary-inverse-text: #161616;
    --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
    --cds-tag-background-red: #ffd7d9;
    --cds-tag-color-red: #a2191f;
    --cds-tag-hover-red: #ffc2c5;
    --cds-tag-background-magenta: #ffd6e8;
    --cds-tag-color-magenta: #9f1853;
    --cds-tag-hover-magenta: #ffbdda;
    --cds-tag-background-purple: #e8daff;
    --cds-tag-color-purple: #6929c4;
    --cds-tag-hover-purple: #dcc7ff;
    --cds-tag-background-blue: #d0e2ff;
    --cds-tag-color-blue: #0043ce;
    --cds-tag-hover-blue: #b8d3ff;
    --cds-tag-background-cyan: #bae6ff;
    --cds-tag-color-cyan: #00539a;
    --cds-tag-hover-cyan: #99daff;
    --cds-tag-background-teal: #9ef0f0;
    --cds-tag-color-teal: #005d5d;
    --cds-tag-hover-teal: #57e5e5;
    --cds-tag-background-green: #a7f0ba;
    --cds-tag-color-green: #0e6027;
    --cds-tag-hover-green: #74e792;
    --cds-tag-background-gray: #e0e0e0;
    --cds-tag-color-gray: #161616;
    --cds-tag-hover-gray: #d1d1d1;
    --cds-tag-border-red: #ff8389;
    --cds-tag-border-blue: #78a9ff;
    --cds-tag-border-cyan: #33b1ff;
    --cds-tag-border-teal: #08bdba;
    --cds-tag-border-green: #42be65;
    --cds-tag-border-magenta: #ff7eb6;
    --cds-tag-border-purple: #be95ff;
    --cds-tag-border-gray: #a8a8a8;
    --cds-tag-border-cool-gray: #a2a9b0;
    --cds-tag-border-warm-gray: #ada8a8;
    --cds-tag-background-cool-gray: #dde1e6;
    --cds-tag-color-cool-gray: #121619;
    --cds-tag-hover-cool-gray: #cdd3da;
    --cds-tag-background-warm-gray: #e5e0df;
    --cds-tag-color-warm-gray: #171414;
    --cds-tag-hover-warm-gray: #d8d0cf;
    --cds-status-red: #da1e28;
    --cds-status-orange: #ff832b;
    --cds-status-orange-outline: #ba4e00;
    --cds-status-yellow: #f1c21b;
    --cds-status-yellow-outline: #8e6a00;
    --cds-status-green: #24a148;
    --cds-status-blue: #0043ce;
    --cds-status-purple: #8a3ffc;
    --cds-status-gray: #6f6f6f;
    --cds-content-switcher-background: #e0e0e0;
    --cds-content-switcher-background-hover: #d1d1d1;
    --cds-content-switcher-selected: #ffffff;
}

.cds--g10 {
    background-color: var(--cds-background);
    color: var(--cds-text-primary);
    --cds-ai-aura-end: rgba(255, 255, 255, 0);
    --cds-ai-aura-hover-background: #edf5ff;
    --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
    --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
    --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
    --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
    --cds-ai-border-end: #78a9ff;
    --cds-ai-border-start: rgba(166, 200, 255, 0.64);
    --cds-ai-border-strong: #4589ff;
    --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
    --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
    --cds-ai-overlay: rgba(0, 17, 65, 0.5);
    --cds-ai-popover-background: #ffffff;
    --cds-ai-popover-caret-bottom: #78a9ff;
    --cds-ai-popover-caret-bottom-background: #eaf1ff;
    --cds-ai-popover-caret-bottom-background-actions: #e9effa;
    --cds-ai-popover-caret-center: #a0c3ff;
    --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
    --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
    --cds-ai-skeleton-background: #d0e2ff;
    --cds-ai-skeleton-element-background: #4589ff;
    --cds-background: #f4f4f4;
    --cds-background-active: rgba(141, 141, 141, 0.5);
    --cds-background-brand: #0f62fe;
    --cds-background-hover: rgba(141, 141, 141, 0.12);
    --cds-background-inverse: #393939;
    --cds-background-inverse-hover: #474747;
    --cds-background-selected: rgba(141, 141, 141, 0.2);
    --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
    --cds-border-disabled: #c6c6c6;
    --cds-border-interactive: #0f62fe;
    --cds-border-inverse: #161616;
    --cds-border-strong-01: #8d8d8d;
    --cds-border-strong-02: #8d8d8d;
    --cds-border-strong-03: #8d8d8d;
    --cds-border-subtle-00: #c6c6c6;
    --cds-border-subtle-01: #e0e0e0;
    --cds-border-subtle-02: #c6c6c6;
    --cds-border-subtle-03: #e0e0e0;
    --cds-border-subtle-selected-01: #c6c6c6;
    --cds-border-subtle-selected-02: #c6c6c6;
    --cds-border-subtle-selected-03: #c6c6c6;
    --cds-border-tile-01: #a8a8a8;
    --cds-border-tile-02: #c6c6c6;
    --cds-border-tile-03: #a8a8a8;
    --cds-chat-avatar-agent: #393939;
    --cds-chat-avatar-bot: #6f6f6f;
    --cds-chat-avatar-user: #0f62fe;
    --cds-chat-bubble-agent: #ffffff;
    --cds-chat-bubble-agent-text: #161616;
    --cds-chat-bubble-border: #e0e0e0;
    --cds-chat-bubble-user: #e0e0e0;
    --cds-chat-bubble-user-text: #161616;
    --cds-chat-button: #0f62fe;
    --cds-chat-button-active: rgba(141, 141, 141, 0.5);
    --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
    --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
    --cds-chat-button-text-hover: #0043ce;
    --cds-chat-button-text-selected: #525252;
    --cds-chat-header-background: #ffffff;
    --cds-chat-header-text: #161616;
    --cds-chat-prompt-background: #ffffff;
    --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
    --cds-chat-prompt-border-start: #f4f4f4;
    --cds-chat-prompt-text: #161616;
    --cds-chat-shell-background: #ffffff;
    --cds-color-scheme: light;
    color-scheme: var(--cds-color-scheme, light);
    --cds-field-01: #ffffff;
    --cds-field-02: #f4f4f4;
    --cds-field-03: #ffffff;
    --cds-field-hover-01: #e8e8e8;
    --cds-field-hover-02: #e8e8e8;
    --cds-field-hover-03: #e8e8e8;
    --cds-focus: #0f62fe;
    --cds-focus-inset: #ffffff;
    --cds-focus-inverse: #ffffff;
    --cds-highlight: #d0e2ff;
    --cds-icon-disabled: rgba(22, 22, 22, 0.25);
    --cds-icon-interactive: #0f62fe;
    --cds-icon-inverse: #ffffff;
    --cds-icon-on-color: #ffffff;
    --cds-icon-on-color-disabled: #8d8d8d;
    --cds-icon-primary: #161616;
    --cds-icon-secondary: #525252;
    --cds-interactive: #0f62fe;
    --cds-layer-01: #ffffff;
    --cds-layer-02: #f4f4f4;
    --cds-layer-03: #ffffff;
    --cds-layer-accent-01: #e0e0e0;
    --cds-layer-accent-02: #e0e0e0;
    --cds-layer-accent-03: #e0e0e0;
    --cds-layer-accent-active-01: #a8a8a8;
    --cds-layer-accent-active-02: #a8a8a8;
    --cds-layer-accent-active-03: #a8a8a8;
    --cds-layer-accent-hover-01: #d1d1d1;
    --cds-layer-accent-hover-02: #d1d1d1;
    --cds-layer-accent-hover-03: #d1d1d1;
    --cds-layer-active-01: #c6c6c6;
    --cds-layer-active-02: #c6c6c6;
    --cds-layer-active-03: #c6c6c6;
    --cds-layer-background-01: #f4f4f4;
    --cds-layer-background-02: #ffffff;
    --cds-layer-background-03: #f4f4f4;
    --cds-layer-hover-01: #e8e8e8;
    --cds-layer-hover-02: #e8e8e8;
    --cds-layer-hover-03: #e8e8e8;
    --cds-layer-selected-01: #e0e0e0;
    --cds-layer-selected-02: #e0e0e0;
    --cds-layer-selected-03: #e0e0e0;
    --cds-layer-selected-disabled: #8d8d8d;
    --cds-layer-selected-hover-01: #d1d1d1;
    --cds-layer-selected-hover-02: #d1d1d1;
    --cds-layer-selected-hover-03: #d1d1d1;
    --cds-layer-selected-inverse: #161616;
    --cds-link-inverse: #78a9ff;
    --cds-link-inverse-active: #f4f4f4;
    --cds-link-inverse-hover: #a6c8ff;
    --cds-link-inverse-visited: #be95ff;
    --cds-link-primary: #0f62fe;
    --cds-link-primary-hover: #0043ce;
    --cds-link-secondary: #0043ce;
    --cds-link-visited: #8a3ffc;
    --cds-overlay: rgba(0, 0, 0, 0.6);
    --cds-shadow: rgba(0, 0, 0, 0.3);
    --cds-skeleton-background: #e8e8e8;
    --cds-skeleton-element: #c6c6c6;
    --cds-support-caution-major: #ff832b;
    --cds-support-caution-minor: #f1c21b;
    --cds-support-caution-undefined: #8a3ffc;
    --cds-support-error: #da1e28;
    --cds-support-error-inverse: #fa4d56;
    --cds-support-info: #0043ce;
    --cds-support-info-inverse: #4589ff;
    --cds-support-success: #24a148;
    --cds-support-success-inverse: #42be65;
    --cds-support-warning: #f1c21b;
    --cds-support-warning-inverse: #f1c21b;
    --cds-syntax-angle-bracket: #697077;
    --cds-syntax-annotation: #007d79;
    --cds-syntax-arithmetic-operator: #343a3f;
    --cds-syntax-atom: #161616;
    --cds-syntax-attribute: #00539a;
    --cds-syntax-attribute-name: #00539a;
    --cds-syntax-attribute-value: #161616;
    --cds-syntax-bitwise-operator: #343a3f;
    --cds-syntax-block-comment: #198038;
    --cds-syntax-bool: #161616;
    --cds-syntax-brace: #343a3f;
    --cds-syntax-bracket: #343a3f;
    --cds-syntax-character: #161616;
    --cds-syntax-class-name: #007d79;
    --cds-syntax-color: #161616;
    --cds-syntax-comment: #198038;
    --cds-syntax-compare-operator: #343a3f;
    --cds-syntax-constant: #0f62fe;
    --cds-syntax-content: #161616;
    --cds-syntax-content-separator: #343a3f;
    --cds-syntax-control-keyword: #6929c4;
    --cds-syntax-control-operator: #6929c4;
    --cds-syntax-definition: #00539a;
    --cds-syntax-definition-keyword: #00539a;
    --cds-syntax-definition-operator: #00539a;
    --cds-syntax-deleted: #ffd7d9;
    --cds-syntax-deref-operator: #343a3f;
    --cds-syntax-doc-comment: #198038;
    --cds-syntax-doc-string: #161616;
    --cds-syntax-document-meta: #198038;
    --cds-syntax-emphasis: #161616;
    --cds-syntax-escape: #343a3f;
    --cds-syntax-float: #198038;
    --cds-syntax-function: #8e6a00;
    --cds-syntax-heading: #00539a;
    --cds-syntax-heading-1: #00539a;
    --cds-syntax-heading-2: #00539a;
    --cds-syntax-heading-3: #00539a;
    --cds-syntax-heading-4: #00539a;
    --cds-syntax-heading-5: #00539a;
    --cds-syntax-heading-6: #00539a;
    --cds-syntax-inserted: #a7f0ba;
    --cds-syntax-integer: #198038;
    --cds-syntax-invalid: #da1e28;
    --cds-syntax-keyword: #0f62fe;
    --cds-syntax-label-name: #0f62fe;
    --cds-syntax-line-comment: #198038;
    --cds-syntax-link: #0f62fe;
    --cds-syntax-list: #161616;
    --cds-syntax-literal: #161616;
    --cds-syntax-local: #0f62fe;
    --cds-syntax-logic-operator: #343a3f;
    --cds-syntax-macro-name: #161616;
    --cds-syntax-meta: #198038;
    --cds-syntax-modifier: #0f62fe;
    --cds-syntax-module-keyword: #6929c4;
    --cds-syntax-monospace: #161616;
    --cds-syntax-name: #0f62fe;
    --cds-syntax-namespace: #007d79;
    --cds-syntax-null: #161616;
    --cds-syntax-number: #198038;
    --cds-syntax-operator: #343a3f;
    --cds-syntax-operator-keyword: #0f62fe;
    --cds-syntax-paren: #343a3f;
    --cds-syntax-processing-instruction: #161616;
    --cds-syntax-property-name: #00539a;
    --cds-syntax-punctuation: #343a3f;
    --cds-syntax-quote: #198038;
    --cds-syntax-regexp: #6929c4;
    --cds-syntax-self: #007d79;
    --cds-syntax-separator: #343a3f;
    --cds-syntax-special: #0f62fe;
    --cds-syntax-special-string: #8a3ffc;
    --cds-syntax-square-bracket: #343a3f;
    --cds-syntax-standard: #0f62fe;
    --cds-syntax-strikethrough: #161616;
    --cds-syntax-string: #161616;
    --cds-syntax-strong: #161616;
    --cds-syntax-tag: #007d79;
    --cds-syntax-tag-name: #007d79;
    --cds-syntax-type: #007d79;
    --cds-syntax-type-name: #007d79;
    --cds-syntax-type-operator: #007d79;
    --cds-syntax-unit: #198038;
    --cds-syntax-update-operator: #343a3f;
    --cds-syntax-url: #343a3f;
    --cds-syntax-variable: #0f62fe;
    --cds-syntax-variable-name: #0f62fe;
    --cds-text-disabled: rgba(22, 22, 22, 0.25);
    --cds-text-error: #da1e28;
    --cds-text-helper: #6f6f6f;
    --cds-text-inverse: #ffffff;
    --cds-text-on-color: #ffffff;
    --cds-text-on-color-disabled: #8d8d8d;
    --cds-text-placeholder: rgba(22, 22, 22, 0.4);
    --cds-text-primary: #161616;
    --cds-text-secondary: #525252;
    --cds-toggle-off: #8d8d8d;
    --cds-layer: var(--cds-layer-01, #f4f4f4);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-background: var(--cds-layer-background-01, #ffffff);
    --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-button-separator: #e0e0e0;
    --cds-button-primary: #0f62fe;
    --cds-button-secondary: #393939;
    --cds-button-tertiary: #0f62fe;
    --cds-button-danger-primary: #da1e28;
    --cds-button-danger-secondary: #da1e28;
    --cds-button-danger-active: #750e13;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary-active: #6f6f6f;
    --cds-button-tertiary-active: #002d9c;
    --cds-button-danger-hover: #b81921;
    --cds-button-primary-hover: #0050e6;
    --cds-button-secondary-hover: #474747;
    --cds-button-tertiary-hover: #0050e6;
    --cds-button-disabled: #c6c6c6;
    --cds-notification-background-error: #fff1f1;
    --cds-notification-background-success: #defbe6;
    --cds-notification-background-info: #edf5ff;
    --cds-notification-background-warning: #fcf4d6;
    --cds-notification-action-hover: #ffffff;
    --cds-notification-action-tertiary-inverse: #ffffff;
    --cds-notification-action-tertiary-inverse-active: #c6c6c6;
    --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
    --cds-notification-action-tertiary-inverse-text: #161616;
    --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
    --cds-tag-background-red: #ffd7d9;
    --cds-tag-color-red: #a2191f;
    --cds-tag-hover-red: #ffc2c5;
    --cds-tag-background-magenta: #ffd6e8;
    --cds-tag-color-magenta: #9f1853;
    --cds-tag-hover-magenta: #ffbdda;
    --cds-tag-background-purple: #e8daff;
    --cds-tag-color-purple: #6929c4;
    --cds-tag-hover-purple: #dcc7ff;
    --cds-tag-background-blue: #d0e2ff;
    --cds-tag-color-blue: #0043ce;
    --cds-tag-hover-blue: #b8d3ff;
    --cds-tag-background-cyan: #bae6ff;
    --cds-tag-color-cyan: #00539a;
    --cds-tag-hover-cyan: #99daff;
    --cds-tag-background-teal: #9ef0f0;
    --cds-tag-color-teal: #005d5d;
    --cds-tag-hover-teal: #57e5e5;
    --cds-tag-background-green: #a7f0ba;
    --cds-tag-color-green: #0e6027;
    --cds-tag-hover-green: #74e792;
    --cds-tag-background-gray: #e0e0e0;
    --cds-tag-color-gray: #161616;
    --cds-tag-hover-gray: #d1d1d1;
    --cds-tag-border-red: #ff8389;
    --cds-tag-border-blue: #78a9ff;
    --cds-tag-border-cyan: #33b1ff;
    --cds-tag-border-teal: #08bdba;
    --cds-tag-border-green: #42be65;
    --cds-tag-border-magenta: #ff7eb6;
    --cds-tag-border-purple: #be95ff;
    --cds-tag-border-gray: #a8a8a8;
    --cds-tag-border-cool-gray: #a2a9b0;
    --cds-tag-border-warm-gray: #ada8a8;
    --cds-tag-background-cool-gray: #dde1e6;
    --cds-tag-color-cool-gray: #121619;
    --cds-tag-hover-cool-gray: #cdd3da;
    --cds-tag-background-warm-gray: #e5e0df;
    --cds-tag-color-warm-gray: #171414;
    --cds-tag-hover-warm-gray: #d8d0cf;
    --cds-status-red: #da1e28;
    --cds-status-orange: #ff832b;
    --cds-status-orange-outline: #ba4e00;
    --cds-status-yellow: #f1c21b;
    --cds-status-yellow-outline: #8e6a00;
    --cds-status-green: #24a148;
    --cds-status-blue: #0043ce;
    --cds-status-purple: #8a3ffc;
    --cds-status-gray: #6f6f6f;
    --cds-content-switcher-background: #e0e0e0;
    --cds-content-switcher-background-hover: #d1d1d1;
    --cds-content-switcher-selected: #ffffff;
}

.cds--g90 {
    background-color: var(--cds-background);
    color: var(--cds-text-primary);
    --cds-ai-aura-end: rgba(0, 0, 0, 0);
    --cds-ai-aura-hover-background: #474747;
    --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
    --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
    --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
    --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
    --cds-ai-border-end: #4589ff;
    --cds-ai-border-start: rgba(166, 200, 255, 0.36);
    --cds-ai-border-strong: #78a9ff;
    --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
    --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
    --cds-ai-overlay: rgba(0, 0, 0, 0.5);
    --cds-ai-popover-background: #161616;
    --cds-ai-popover-caret-bottom: #4589ff;
    --cds-ai-popover-caret-bottom-background: #202d45;
    --cds-ai-popover-caret-bottom-background-actions: #1e283a;
    --cds-ai-popover-caret-center: #4870b5;
    --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
    --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
    --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
    --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
    --cds-background: #262626;
    --cds-background-active: rgba(141, 141, 141, 0.4);
    --cds-background-brand: #0f62fe;
    --cds-background-hover: rgba(141, 141, 141, 0.16);
    --cds-background-inverse: #f4f4f4;
    --cds-background-inverse-hover: #e8e8e8;
    --cds-background-selected: rgba(141, 141, 141, 0.24);
    --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
    --cds-border-disabled: rgba(141, 141, 141, 0.5);
    --cds-border-interactive: #4589ff;
    --cds-border-inverse: #f4f4f4;
    --cds-border-strong-01: #8d8d8d;
    --cds-border-strong-02: #a8a8a8;
    --cds-border-strong-03: #c6c6c6;
    --cds-border-subtle-00: #525252;
    --cds-border-subtle-01: #6f6f6f;
    --cds-border-subtle-02: #8d8d8d;
    --cds-border-subtle-03: #8d8d8d;
    --cds-border-subtle-selected-01: #8d8d8d;
    --cds-border-subtle-selected-02: #a8a8a8;
    --cds-border-subtle-selected-03: #a8a8a8;
    --cds-border-tile-01: #6f6f6f;
    --cds-border-tile-02: #8d8d8d;
    --cds-border-tile-03: #a8a8a8;
    --cds-chat-avatar-agent: #c6c6c6;
    --cds-chat-avatar-bot: #8d8d8d;
    --cds-chat-avatar-user: #4589ff;
    --cds-chat-bubble-agent: #262626;
    --cds-chat-bubble-agent-text: #f4f4f4;
    --cds-chat-bubble-border: #525252;
    --cds-chat-bubble-user: #393939;
    --cds-chat-bubble-user-text: #f4f4f4;
    --cds-chat-button: #78a9ff;
    --cds-chat-button-active: rgba(141, 141, 141, 0.4);
    --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
    --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
    --cds-chat-button-text-hover: #a6c8ff;
    --cds-chat-button-text-selected: #c6c6c6;
    --cds-chat-header-background: #262626;
    --cds-chat-header-text: #f4f4f4;
    --cds-chat-prompt-background: #161616;
    --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
    --cds-chat-prompt-border-start: #262626;
    --cds-chat-prompt-text: #f4f4f4;
    --cds-chat-shell-background: #262626;
    --cds-color-scheme: dark;
    color-scheme: var(--cds-color-scheme, dark);
    --cds-field-01: #393939;
    --cds-field-02: #525252;
    --cds-field-03: #6f6f6f;
    --cds-field-hover-01: #474747;
    --cds-field-hover-02: #636363;
    --cds-field-hover-03: #5e5e5e;
    --cds-focus: #ffffff;
    --cds-focus-inset: #161616;
    --cds-focus-inverse: #0f62fe;
    --cds-highlight: #002d9c;
    --cds-icon-disabled: rgba(244, 244, 244, 0.25);
    --cds-icon-interactive: #ffffff;
    --cds-icon-inverse: #161616;
    --cds-icon-on-color: #ffffff;
    --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
    --cds-icon-primary: #f4f4f4;
    --cds-icon-secondary: #c6c6c6;
    --cds-interactive: #4589ff;
    --cds-layer-01: #393939;
    --cds-layer-02: #525252;
    --cds-layer-03: #6f6f6f;
    --cds-layer-accent-01: #525252;
    --cds-layer-accent-02: #6f6f6f;
    --cds-layer-accent-03: #8d8d8d;
    --cds-layer-accent-active-01: #8d8d8d;
    --cds-layer-accent-active-02: #393939;
    --cds-layer-accent-active-03: #525252;
    --cds-layer-accent-hover-01: #636363;
    --cds-layer-accent-hover-02: #5e5e5e;
    --cds-layer-accent-hover-03: #7a7a7a;
    --cds-layer-active-01: #6f6f6f;
    --cds-layer-active-02: #8d8d8d;
    --cds-layer-active-03: #393939;
    --cds-layer-background-01: #262626;
    --cds-layer-background-02: #393939;
    --cds-layer-background-03: #525252;
    --cds-layer-hover-01: #474747;
    --cds-layer-hover-02: #636363;
    --cds-layer-hover-03: #5e5e5e;
    --cds-layer-selected-01: #525252;
    --cds-layer-selected-02: #6f6f6f;
    --cds-layer-selected-03: #525252;
    --cds-layer-selected-disabled: #a8a8a8;
    --cds-layer-selected-hover-01: #636363;
    --cds-layer-selected-hover-02: #5e5e5e;
    --cds-layer-selected-hover-03: #636363;
    --cds-layer-selected-inverse: #f4f4f4;
    --cds-link-inverse: #0f62fe;
    --cds-link-inverse-active: #161616;
    --cds-link-inverse-hover: #0043ce;
    --cds-link-inverse-visited: #8a3ffc;
    --cds-link-primary: #78a9ff;
    --cds-link-primary-hover: #a6c8ff;
    --cds-link-secondary: #a6c8ff;
    --cds-link-visited: #be95ff;
    --cds-overlay: rgba(0, 0, 0, 0.6);
    --cds-shadow: rgba(0, 0, 0, 0.8);
    --cds-skeleton-background: #333333;
    --cds-skeleton-element: #525252;
    --cds-support-caution-major: #ff832b;
    --cds-support-caution-minor: #f1c21b;
    --cds-support-caution-undefined: #a56eff;
    --cds-support-error: #ff8389;
    --cds-support-error-inverse: #da1e28;
    --cds-support-info: #4589ff;
    --cds-support-info-inverse: #0043ce;
    --cds-support-success: #42be65;
    --cds-support-success-inverse: #24a148;
    --cds-support-warning: #f1c21b;
    --cds-support-warning-inverse: #f1c21b;
    --cds-syntax-angle-bracket: #8d8d8d;
    --cds-syntax-annotation: #08bdba;
    --cds-syntax-arithmetic-operator: #e0e0e0;
    --cds-syntax-atom: #f4f4f4;
    --cds-syntax-attribute: #33b1ff;
    --cds-syntax-attribute-name: #33b1ff;
    --cds-syntax-attribute-value: #f4f4f4;
    --cds-syntax-bitwise-operator: #e0e0e0;
    --cds-syntax-block-comment: #42be65;
    --cds-syntax-bool: #f4f4f4;
    --cds-syntax-brace: #e0e0e0;
    --cds-syntax-bracket: #e0e0e0;
    --cds-syntax-character: #f4f4f4;
    --cds-syntax-class-name: #3ddbd9;
    --cds-syntax-color: #f4f4f4;
    --cds-syntax-comment: #42be65;
    --cds-syntax-compare-operator: #e0e0e0;
    --cds-syntax-constant: #4589ff;
    --cds-syntax-content: #f4f4f4;
    --cds-syntax-content-separator: #e0e0e0;
    --cds-syntax-control-keyword: #be95ff;
    --cds-syntax-control-operator: #be95ff;
    --cds-syntax-definition: #33b1ff;
    --cds-syntax-definition-keyword: #33b1ff;
    --cds-syntax-definition-operator: #33b1ff;
    --cds-syntax-deleted: #a2191f;
    --cds-syntax-deref-operator: #e0e0e0;
    --cds-syntax-doc-comment: #42be65;
    --cds-syntax-doc-string: #f4f4f4;
    --cds-syntax-document-meta: #42be65;
    --cds-syntax-emphasis: #f4f4f4;
    --cds-syntax-escape: #e0e0e0;
    --cds-syntax-float: #6fdc8c;
    --cds-syntax-function: #f1c21b;
    --cds-syntax-heading: #33b1ff;
    --cds-syntax-heading-1: #33b1ff;
    --cds-syntax-heading-2: #33b1ff;
    --cds-syntax-heading-3: #33b1ff;
    --cds-syntax-heading-4: #33b1ff;
    --cds-syntax-heading-5: #33b1ff;
    --cds-syntax-heading-6: #33b1ff;
    --cds-syntax-inserted: #198038;
    --cds-syntax-integer: #6fdc8c;
    --cds-syntax-invalid: #fa4d56;
    --cds-syntax-keyword: #4589ff;
    --cds-syntax-label-name: #a6c8ff;
    --cds-syntax-line-comment: #42be65;
    --cds-syntax-link: #4589ff;
    --cds-syntax-list: #f4f4f4;
    --cds-syntax-literal: #f4f4f4;
    --cds-syntax-local: #a6c8ff;
    --cds-syntax-logic-operator: #e0e0e0;
    --cds-syntax-macro-name: #f4f4f4;
    --cds-syntax-meta: #42be65;
    --cds-syntax-modifier: #4589ff;
    --cds-syntax-module-keyword: #be95ff;
    --cds-syntax-monospace: #f4f4f4;
    --cds-syntax-name: #a6c8ff;
    --cds-syntax-namespace: #3ddbd9;
    --cds-syntax-null: #f4f4f4;
    --cds-syntax-number: #6fdc8c;
    --cds-syntax-operator: #e0e0e0;
    --cds-syntax-operator-keyword: #4589ff;
    --cds-syntax-paren: #e0e0e0;
    --cds-syntax-processing-instruction: #f4f4f4;
    --cds-syntax-property-name: #33b1ff;
    --cds-syntax-punctuation: #e0e0e0;
    --cds-syntax-quote: #42be65;
    --cds-syntax-regexp: #be95ff;
    --cds-syntax-self: #3ddbd9;
    --cds-syntax-separator: #e0e0e0;
    --cds-syntax-special: #4589ff;
    --cds-syntax-special-string: #be95ff;
    --cds-syntax-square-bracket: #e0e0e0;
    --cds-syntax-standard: #4589ff;
    --cds-syntax-strikethrough: #f4f4f4;
    --cds-syntax-string: #f4f4f4;
    --cds-syntax-strong: #f4f4f4;
    --cds-syntax-tag: #3ddbd9;
    --cds-syntax-tag-name: #3ddbd9;
    --cds-syntax-type: #3ddbd9;
    --cds-syntax-type-name: #3ddbd9;
    --cds-syntax-type-operator: #3ddbd9;
    --cds-syntax-unit: #6fdc8c;
    --cds-syntax-update-operator: #e0e0e0;
    --cds-syntax-url: #e0e0e0;
    --cds-syntax-variable: #a6c8ff;
    --cds-syntax-variable-name: #a6c8ff;
    --cds-text-disabled: rgba(244, 244, 244, 0.25);
    --cds-text-error: #ffb3b8;
    --cds-text-helper: #c6c6c6;
    --cds-text-inverse: #161616;
    --cds-text-on-color: #ffffff;
    --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
    --cds-text-placeholder: rgba(244, 244, 244, 0.4);
    --cds-text-primary: #f4f4f4;
    --cds-text-secondary: #c6c6c6;
    --cds-toggle-off: #8d8d8d;
    --cds-layer: var(--cds-layer-01, #f4f4f4);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-background: var(--cds-layer-background-01, #ffffff);
    --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-button-separator: #161616;
    --cds-button-primary: #0f62fe;
    --cds-button-secondary: #6f6f6f;
    --cds-button-tertiary: #ffffff;
    --cds-button-danger-primary: #da1e28;
    --cds-button-danger-secondary: #ff8389;
    --cds-button-danger-active: #750e13;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary-active: #393939;
    --cds-button-tertiary-active: #c6c6c6;
    --cds-button-danger-hover: #b81921;
    --cds-button-primary-hover: #0050e6;
    --cds-button-secondary-hover: #5e5e5e;
    --cds-button-tertiary-hover: #f4f4f4;
    --cds-button-disabled: rgba(141, 141, 141, 0.3);
    --cds-notification-background-error: #393939;
    --cds-notification-background-success: #393939;
    --cds-notification-background-info: #393939;
    --cds-notification-background-warning: #393939;
    --cds-notification-action-tertiary-inverse: #0f62fe;
    --cds-notification-action-tertiary-inverse-active: #002d9c;
    --cds-notification-action-tertiary-inverse-hover: #0050e6;
    --cds-notification-action-tertiary-inverse-text: #ffffff;
    --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
    --cds-tag-background-red: #a2191f;
    --cds-tag-color-red: #ffd7d9;
    --cds-tag-hover-red: #c21e25;
    --cds-tag-background-magenta: #9f1853;
    --cds-tag-color-magenta: #ffd6e8;
    --cds-tag-hover-magenta: #bf1d63;
    --cds-tag-background-purple: #6929c4;
    --cds-tag-color-purple: #e8daff;
    --cds-tag-hover-purple: #7c3dd6;
    --cds-tag-background-blue: #0043ce;
    --cds-tag-color-blue: #d0e2ff;
    --cds-tag-hover-blue: #0053ff;
    --cds-tag-background-cyan: #00539a;
    --cds-tag-color-cyan: #bae6ff;
    --cds-tag-hover-cyan: #0066bd;
    --cds-tag-background-teal: #005d5d;
    --cds-tag-color-teal: #9ef0f0;
    --cds-tag-hover-teal: #007070;
    --cds-tag-background-green: #0e6027;
    --cds-tag-color-green: #a7f0ba;
    --cds-tag-hover-green: #11742f;
    --cds-tag-background-gray: #525252;
    --cds-tag-color-gray: #f4f4f4;
    --cds-tag-hover-gray: #636363;
    --cds-tag-border-red: #fa4d56;
    --cds-tag-border-blue: #4589ff;
    --cds-tag-border-cyan: #1192e8;
    --cds-tag-border-teal: #009d9a;
    --cds-tag-border-green: #24a148;
    --cds-tag-border-magenta: #ee5396;
    --cds-tag-border-purple: #a56eff;
    --cds-tag-border-gray: #8d8d8d;
    --cds-tag-border-cool-gray: #878d96;
    --cds-tag-border-warm-gray: #8f8b8b;
    --cds-tag-background-cool-gray: #4d5358;
    --cds-tag-color-cool-gray: #f2f4f8;
    --cds-tag-hover-cool-gray: #5d646a;
    --cds-tag-background-warm-gray: #565151;
    --cds-tag-color-warm-gray: #f7f3f2;
    --cds-tag-hover-warm-gray: #696363;
    --cds-status-red: #fa4d56;
    --cds-status-orange: #ff832b;
    --cds-status-orange-outline: #ff832b;
    --cds-status-yellow: #f1c21b;
    --cds-status-yellow-outline: #f1c21b;
    --cds-status-green: #42be65;
    --cds-status-blue: #4589ff;
    --cds-status-purple: #a56eff;
    --cds-status-gray: #8d8d8d;
    --cds-content-switcher-background: rgba(0, 0, 0, 0);
    --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
    --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
}

.cds--g100 {
    background-color: var(--cds-background);
    color: var(--cds-text-primary);
    --cds-ai-aura-end: rgba(0, 0, 0, 0);
    --cds-ai-aura-hover-background: #333333;
    --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
    --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
    --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
    --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
    --cds-ai-border-end: #4589ff;
    --cds-ai-border-start: rgba(166, 200, 255, 0.36);
    --cds-ai-border-strong: #78a9ff;
    --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
    --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
    --cds-ai-overlay: rgba(0, 0, 0, 0.5);
    --cds-ai-popover-background: #161616;
    --cds-ai-popover-caret-bottom: #4589ff;
    --cds-ai-popover-caret-bottom-background: #202d45;
    --cds-ai-popover-caret-bottom-background-actions: #1e283a;
    --cds-ai-popover-caret-center: #4870b5;
    --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
    --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
    --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
    --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
    --cds-background: #161616;
    --cds-background-active: rgba(141, 141, 141, 0.4);
    --cds-background-brand: #0f62fe;
    --cds-background-hover: rgba(141, 141, 141, 0.16);
    --cds-background-inverse: #f4f4f4;
    --cds-background-inverse-hover: #e8e8e8;
    --cds-background-selected: rgba(141, 141, 141, 0.24);
    --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
    --cds-border-disabled: rgba(141, 141, 141, 0.5);
    --cds-border-interactive: #4589ff;
    --cds-border-inverse: #f4f4f4;
    --cds-border-strong-01: #6f6f6f;
    --cds-border-strong-02: #8d8d8d;
    --cds-border-strong-03: #a8a8a8;
    --cds-border-subtle-00: #393939;
    --cds-border-subtle-01: #525252;
    --cds-border-subtle-02: #6f6f6f;
    --cds-border-subtle-03: #6f6f6f;
    --cds-border-subtle-selected-01: #6f6f6f;
    --cds-border-subtle-selected-02: #8d8d8d;
    --cds-border-subtle-selected-03: #8d8d8d;
    --cds-border-tile-01: #525252;
    --cds-border-tile-02: #6f6f6f;
    --cds-border-tile-03: #8d8d8d;
    --cds-chat-avatar-agent: #c6c6c6;
    --cds-chat-avatar-bot: #8d8d8d;
    --cds-chat-avatar-user: #4589ff;
    --cds-chat-bubble-agent: #262626;
    --cds-chat-bubble-agent-text: #f4f4f4;
    --cds-chat-bubble-border: #525252;
    --cds-chat-bubble-user: #393939;
    --cds-chat-bubble-user-text: #f4f4f4;
    --cds-chat-button: #78a9ff;
    --cds-chat-button-active: rgba(141, 141, 141, 0.4);
    --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
    --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
    --cds-chat-button-text-hover: #a6c8ff;
    --cds-chat-button-text-selected: #c6c6c6;
    --cds-chat-header-background: #262626;
    --cds-chat-header-text: #f4f4f4;
    --cds-chat-prompt-background: #161616;
    --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
    --cds-chat-prompt-border-start: #262626;
    --cds-chat-prompt-text: #f4f4f4;
    --cds-chat-shell-background: #262626;
    --cds-color-scheme: dark;
    color-scheme: var(--cds-color-scheme, dark);
    --cds-field-01: #262626;
    --cds-field-02: #393939;
    --cds-field-03: #525252;
    --cds-field-hover-01: #333333;
    --cds-field-hover-02: #474747;
    --cds-field-hover-03: #636363;
    --cds-focus: #ffffff;
    --cds-focus-inset: #161616;
    --cds-focus-inverse: #0f62fe;
    --cds-highlight: #001d6c;
    --cds-icon-disabled: rgba(244, 244, 244, 0.25);
    --cds-icon-interactive: #ffffff;
    --cds-icon-inverse: #161616;
    --cds-icon-on-color: #ffffff;
    --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
    --cds-icon-primary: #f4f4f4;
    --cds-icon-secondary: #c6c6c6;
    --cds-interactive: #4589ff;
    --cds-layer-01: #262626;
    --cds-layer-02: #393939;
    --cds-layer-03: #525252;
    --cds-layer-accent-01: #393939;
    --cds-layer-accent-02: #525252;
    --cds-layer-accent-03: #6f6f6f;
    --cds-layer-accent-active-01: #6f6f6f;
    --cds-layer-accent-active-02: #8d8d8d;
    --cds-layer-accent-active-03: #393939;
    --cds-layer-accent-hover-01: #474747;
    --cds-layer-accent-hover-02: #636363;
    --cds-layer-accent-hover-03: #5e5e5e;
    --cds-layer-active-01: #525252;
    --cds-layer-active-02: #6f6f6f;
    --cds-layer-active-03: #8d8d8d;
    --cds-layer-background-01: #161616;
    --cds-layer-background-02: #262626;
    --cds-layer-background-03: #393939;
    --cds-layer-hover-01: #333333;
    --cds-layer-hover-02: #474747;
    --cds-layer-hover-03: #636363;
    --cds-layer-selected-01: #393939;
    --cds-layer-selected-02: #525252;
    --cds-layer-selected-03: #6f6f6f;
    --cds-layer-selected-disabled: #a8a8a8;
    --cds-layer-selected-hover-01: #474747;
    --cds-layer-selected-hover-02: #636363;
    --cds-layer-selected-hover-03: #5e5e5e;
    --cds-layer-selected-inverse: #f4f4f4;
    --cds-link-inverse: #0f62fe;
    --cds-link-inverse-active: #161616;
    --cds-link-inverse-hover: #0043ce;
    --cds-link-inverse-visited: #8a3ffc;
    --cds-link-primary: #78a9ff;
    --cds-link-primary-hover: #a6c8ff;
    --cds-link-secondary: #a6c8ff;
    --cds-link-visited: #be95ff;
    --cds-overlay: rgba(0, 0, 0, 0.6);
    --cds-shadow: rgba(0, 0, 0, 0.8);
    --cds-skeleton-background: #292929;
    --cds-skeleton-element: #393939;
    --cds-support-caution-major: #ff832b;
    --cds-support-caution-minor: #f1c21b;
    --cds-support-caution-undefined: #a56eff;
    --cds-support-error: #fa4d56;
    --cds-support-error-inverse: #da1e28;
    --cds-support-info: #4589ff;
    --cds-support-info-inverse: #0043ce;
    --cds-support-success: #42be65;
    --cds-support-success-inverse: #24a148;
    --cds-support-warning: #f1c21b;
    --cds-support-warning-inverse: #f1c21b;
    --cds-syntax-angle-bracket: #8d8d8d;
    --cds-syntax-annotation: #08bdba;
    --cds-syntax-arithmetic-operator: #e0e0e0;
    --cds-syntax-atom: #f4f4f4;
    --cds-syntax-attribute: #33b1ff;
    --cds-syntax-attribute-name: #33b1ff;
    --cds-syntax-attribute-value: #f4f4f4;
    --cds-syntax-bitwise-operator: #e0e0e0;
    --cds-syntax-block-comment: #42be65;
    --cds-syntax-bool: #f4f4f4;
    --cds-syntax-brace: #e0e0e0;
    --cds-syntax-bracket: #e0e0e0;
    --cds-syntax-character: #f4f4f4;
    --cds-syntax-class-name: #3ddbd9;
    --cds-syntax-color: #f4f4f4;
    --cds-syntax-comment: #42be65;
    --cds-syntax-compare-operator: #e0e0e0;
    --cds-syntax-constant: #4589ff;
    --cds-syntax-content: #f4f4f4;
    --cds-syntax-content-separator: #e0e0e0;
    --cds-syntax-control-keyword: #be95ff;
    --cds-syntax-control-operator: #be95ff;
    --cds-syntax-definition: #33b1ff;
    --cds-syntax-definition-keyword: #33b1ff;
    --cds-syntax-definition-operator: #33b1ff;
    --cds-syntax-deleted: #a2191f;
    --cds-syntax-deref-operator: #e0e0e0;
    --cds-syntax-doc-comment: #42be65;
    --cds-syntax-doc-string: #f4f4f4;
    --cds-syntax-document-meta: #42be65;
    --cds-syntax-emphasis: #f4f4f4;
    --cds-syntax-escape: #e0e0e0;
    --cds-syntax-float: #6fdc8c;
    --cds-syntax-function: #f1c21b;
    --cds-syntax-heading: #33b1ff;
    --cds-syntax-heading-1: #33b1ff;
    --cds-syntax-heading-2: #33b1ff;
    --cds-syntax-heading-3: #33b1ff;
    --cds-syntax-heading-4: #33b1ff;
    --cds-syntax-heading-5: #33b1ff;
    --cds-syntax-heading-6: #33b1ff;
    --cds-syntax-inserted: #198038;
    --cds-syntax-integer: #6fdc8c;
    --cds-syntax-invalid: #fa4d56;
    --cds-syntax-keyword: #4589ff;
    --cds-syntax-label-name: #a6c8ff;
    --cds-syntax-line-comment: #42be65;
    --cds-syntax-link: #4589ff;
    --cds-syntax-list: #f4f4f4;
    --cds-syntax-literal: #f4f4f4;
    --cds-syntax-local: #a6c8ff;
    --cds-syntax-logic-operator: #e0e0e0;
    --cds-syntax-macro-name: #f4f4f4;
    --cds-syntax-meta: #42be65;
    --cds-syntax-modifier: #4589ff;
    --cds-syntax-module-keyword: #be95ff;
    --cds-syntax-monospace: #f4f4f4;
    --cds-syntax-name: #a6c8ff;
    --cds-syntax-namespace: #3ddbd9;
    --cds-syntax-null: #f4f4f4;
    --cds-syntax-number: #6fdc8c;
    --cds-syntax-operator: #e0e0e0;
    --cds-syntax-operator-keyword: #4589ff;
    --cds-syntax-paren: #e0e0e0;
    --cds-syntax-processing-instruction: #f4f4f4;
    --cds-syntax-property-name: #33b1ff;
    --cds-syntax-punctuation: #e0e0e0;
    --cds-syntax-quote: #42be65;
    --cds-syntax-regexp: #be95ff;
    --cds-syntax-self: #3ddbd9;
    --cds-syntax-separator: #e0e0e0;
    --cds-syntax-special: #4589ff;
    --cds-syntax-special-string: #be95ff;
    --cds-syntax-square-bracket: #e0e0e0;
    --cds-syntax-standard: #4589ff;
    --cds-syntax-strikethrough: #f4f4f4;
    --cds-syntax-string: #f4f4f4;
    --cds-syntax-strong: #f4f4f4;
    --cds-syntax-tag: #3ddbd9;
    --cds-syntax-tag-name: #3ddbd9;
    --cds-syntax-type: #3ddbd9;
    --cds-syntax-type-name: #3ddbd9;
    --cds-syntax-type-operator: #3ddbd9;
    --cds-syntax-unit: #6fdc8c;
    --cds-syntax-update-operator: #e0e0e0;
    --cds-syntax-url: #e0e0e0;
    --cds-syntax-variable: #a6c8ff;
    --cds-syntax-variable-name: #a6c8ff;
    --cds-text-disabled: rgba(244, 244, 244, 0.25);
    --cds-text-error: #ff8389;
    --cds-text-helper: #a8a8a8;
    --cds-text-inverse: #161616;
    --cds-text-on-color: #ffffff;
    --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
    --cds-text-placeholder: rgba(244, 244, 244, 0.4);
    --cds-text-primary: #f4f4f4;
    --cds-text-secondary: #c6c6c6;
    --cds-toggle-off: #6f6f6f;
    --cds-layer: var(--cds-layer-01, #f4f4f4);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-background: var(--cds-layer-background-01, #ffffff);
    --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-button-separator: #161616;
    --cds-button-primary: #0f62fe;
    --cds-button-secondary: #6f6f6f;
    --cds-button-tertiary: #ffffff;
    --cds-button-danger-primary: #da1e28;
    --cds-button-danger-secondary: #fa4d56;
    --cds-button-danger-active: #750e13;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary-active: #393939;
    --cds-button-tertiary-active: #c6c6c6;
    --cds-button-danger-hover: #b81921;
    --cds-button-primary-hover: #0050e6;
    --cds-button-secondary-hover: #5e5e5e;
    --cds-button-tertiary-hover: #f4f4f4;
    --cds-button-disabled: rgba(141, 141, 141, 0.3);
    --cds-notification-background-error: #262626;
    --cds-notification-background-success: #262626;
    --cds-notification-background-info: #262626;
    --cds-notification-background-warning: #262626;
    --cds-notification-action-tertiary-inverse: #0f62fe;
    --cds-notification-action-tertiary-inverse-active: #002d9c;
    --cds-notification-action-tertiary-inverse-hover: #0050e6;
    --cds-notification-action-tertiary-inverse-text: #ffffff;
    --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
    --cds-tag-background-red: #a2191f;
    --cds-tag-color-red: #ffd7d9;
    --cds-tag-hover-red: #c21e25;
    --cds-tag-background-magenta: #9f1853;
    --cds-tag-color-magenta: #ffd6e8;
    --cds-tag-hover-magenta: #bf1d63;
    --cds-tag-background-purple: #6929c4;
    --cds-tag-color-purple: #e8daff;
    --cds-tag-hover-purple: #7c3dd6;
    --cds-tag-background-blue: #0043ce;
    --cds-tag-color-blue: #d0e2ff;
    --cds-tag-hover-blue: #0053ff;
    --cds-tag-background-cyan: #00539a;
    --cds-tag-color-cyan: #bae6ff;
    --cds-tag-hover-cyan: #0066bd;
    --cds-tag-background-teal: #005d5d;
    --cds-tag-color-teal: #9ef0f0;
    --cds-tag-hover-teal: #007070;
    --cds-tag-background-green: #0e6027;
    --cds-tag-color-green: #a7f0ba;
    --cds-tag-hover-green: #11742f;
    --cds-tag-background-gray: #525252;
    --cds-tag-color-gray: #f4f4f4;
    --cds-tag-hover-gray: #636363;
    --cds-tag-border-red: #fa4d56;
    --cds-tag-border-blue: #4589ff;
    --cds-tag-border-cyan: #1192e8;
    --cds-tag-border-teal: #009d9a;
    --cds-tag-border-green: #24a148;
    --cds-tag-border-magenta: #ee5396;
    --cds-tag-border-purple: #a56eff;
    --cds-tag-border-gray: #8d8d8d;
    --cds-tag-border-cool-gray: #878d96;
    --cds-tag-border-warm-gray: #8f8b8b;
    --cds-tag-background-cool-gray: #4d5358;
    --cds-tag-color-cool-gray: #f2f4f8;
    --cds-tag-hover-cool-gray: #5d646a;
    --cds-tag-background-warm-gray: #565151;
    --cds-tag-color-warm-gray: #f7f3f2;
    --cds-tag-hover-warm-gray: #696363;
    --cds-status-red: #fa4d56;
    --cds-status-orange: #ff832b;
    --cds-status-orange-outline: #ff832b;
    --cds-status-yellow: #f1c21b;
    --cds-status-yellow-outline: #f1c21b;
    --cds-status-green: #42be65;
    --cds-status-blue: #4589ff;
    --cds-status-purple: #a56eff;
    --cds-status-gray: #8d8d8d;
    --cds-content-switcher-background: rgba(0, 0, 0, 0);
    --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
    --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
}

.cds--accordion {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--accordion *,
.cds--accordion *::before,
.cds--accordion *::after {
    box-sizing: inherit;
}

.cds--accordion {
    inline-size: 100%;
    list-style: none;
}

.cds--accordion__item {
    display: list-item;
    overflow: visible;
    border-block-start: 1px solid var(--cds-border-subtle);
    transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}

.cds--accordion__item:last-child {
    border-block-end: 1px solid var(--cds-border-subtle);
}

@media (any-hover: hover) {

    .cds--accordion__item:not(.cds--accordion__item--active):hover,
    .cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item {
        border-block-start-color: var(--cds-layer-hover);
    }

    .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
        border-block-end-color: var(--cds-layer-hover);
    }
}

.cds--accordion__heading {
    transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--accordion__heading *,
.cds--accordion__heading *::before,
.cds--accordion__heading *::after {
    box-sizing: inherit;
}

.cds--accordion__heading::-moz-focus-inner {
    border: 0;
}

.cds--accordion__heading {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    inline-size: 100%;
    min-block-size: var(--cds-layout-size-height-local);
    padding-inline-end: var(--cds-layout-density-padding-inline-local);
}

@media (any-hover: hover) {
    .cds--accordion__heading:hover {
        background-color: var(--cds-layer-hover);
        outline: none;
    }
}

.cds--accordion__heading:focus {
    position: relative;
    z-index: 2;
    box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
    outline: none;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--accordion__heading:focus {
        outline: 2px solid Highlight;
    }
}

.cds--accordion__heading[disabled] {
    background-color: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--accordion__heading[disabled] .cds--accordion__arrow {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {
    .cds--accordion__heading[disabled]:hover::before {
        background-color: transparent;
    }
}

.cds--accordion__item--disabled,
.cds--accordion__item--disabled+.cds--accordion__item {
    border-block-start: 1px solid var(--cds-border-subtle);
}

li.cds--accordion__item--disabled:last-of-type {
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--accordion__arrow {
    outline: 2px solid transparent;
    outline-offset: -2px;
    transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--accordion__arrow {
    flex: 0 0 1rem;
    block-size: 1rem;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1rem;
    transform: rotate(-270deg)
        /*rtl:ignore*/
    ;
}

.cds--accordion__title {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--accordion__title {
    z-index: 1;
    inline-size: 100%;
    padding-inline-start: 1rem;
    text-align: start;
}

.cds--accordion__wrapper {
    display: none;
    overflow: hidden;
    padding: 0;
    max-block-size: 0;
    opacity: 0;
    transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;
    writing-mode: horizontal-tb;
}

.cds--accordion__content {
    padding-inline: var(--cds-layout-density-padding-inline-local);
}

@media (min-width: 480px) {
    .cds--accordion__content {
        padding-inline-end: 3rem;
    }
}

@media (min-width: 640px) {
    .cds--accordion__content {
        padding-inline-end: 25%;
    }
}

.cds--accordion__content>p {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--accordion--start .cds--accordion__heading {
    flex-direction: row;
}

.cds--accordion--start .cds--accordion__arrow {
    margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
}

.cds--accordion--start .cds--accordion__title {
    margin-inline-end: 1rem;
}

.cds--accordion--start .cds--accordion__content {
    margin-inline-start: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
}

.cds--accordion__item--collapsing .cds--accordion__content,
.cds--accordion__item--expanding .cds--accordion__content {
    display: block;
}

.cds--accordion__item--active {
    overflow: visible;
}

.cds--accordion__item--active>.cds--accordion__wrapper {
    display: block;
    overflow: visible;
    max-block-size: -moz-fit-content;
    max-block-size: fit-content;
    opacity: 1;
    padding-block: 0.5rem;
    padding-block-end: 1.5rem;
}

.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow {
    fill: var(--cds-icon-primary, #161616);
    transform: rotate(-90deg)
        /*rtl:ignore*/
    ;
}

/** starting style also not supported widely
  * https://caniuse.com/mdn-css_at-rules_starting-style
  */
/* Needs to be after the previous accordion__item--active rule
   to take effect, as the specificity is the same */
@starting-style {
    .cds--accordion__item--active>.cds--accordion__wrapper {
        padding: 0;
        max-block-size: 0;
        opacity: 0;
    }
}

.cds--accordion--flush .cds--accordion__item {
    position: relative;
    border-color: transparent;
}

.cds--accordion--flush .cds--accordion__item:last-child {
    border-color: transparent;
}

.cds--accordion--flush .cds--accordion__item::before,
.cds--accordion--flush .cds--accordion__item::after {
    position: absolute;
    display: block;
    block-size: 1px;
    content: "";
    inline-size: calc(100% - 1rem - 1rem);
    margin-inline-start: 1rem;
    transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}

@media screen and (prefers-reduced-motion: reduce) {

    .cds--accordion--flush .cds--accordion__item::before,
    .cds--accordion--flush .cds--accordion__item::after {
        transition: none;
    }
}

.cds--accordion--flush .cds--accordion__item::before {
    background: var(--cds-border-subtle);
    inset-block-start: -1px;
}

.cds--accordion--flush .cds--accordion__item:last-child::after {
    background: var(--cds-border-subtle);
    inset-block-end: -1px;
}

@media (any-hover: hover) {

    .cds--accordion--flush .cds--accordion__item:hover,
    .cds--accordion--flush .cds--accordion__item:last-child:hover,
    .cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item {
        border-color: transparent;
    }
}

@media (any-hover: hover) {
    .cds--accordion--flush .cds--accordion__heading:hover {
        position: relative;
        z-index: 1;
    }

    .cds--accordion--flush .cds--accordion__heading:hover::before,
    .cds--accordion--flush .cds--accordion__heading:hover::after {
        position: absolute;
        display: block;
        background: var(--cds-layer-hover);
        block-size: 1px;
        content: "";
        inline-size: 100%;
        inset-inline-start: 0;
        transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
    }
}

@media screen and (any-hover: hover) and (prefers-reduced-motion: reduce) {

    .cds--accordion--flush .cds--accordion__heading:hover::before,
    .cds--accordion--flush .cds--accordion__heading:hover::after {
        transition: none;
    }
}

@media (any-hover: hover) {
    .cds--accordion--flush .cds--accordion__heading:hover::before {
        inset-block-start: -1px;
    }

    .cds--accordion--flush .cds--accordion__heading:hover::after {
        inset-block-end: -1px;
    }

    .cds--accordion--flush .cds--accordion__heading:hover:focus::after,
    .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
        background: none;
    }
}

.cds--accordion.cds--skeleton .cds--accordion__heading,
.cds--accordion.cds--skeleton .cds--accordion__button {
    cursor: default;
}

.cds--accordion.cds--skeleton .cds--accordion__arrow {
    cursor: default;
    fill: var(--cds-icon-primary, #161616);
    pointer-events: none;
}

.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,
.cds--accordion.cds--skeleton .cds--accordion__arrow:active {
    border: none;
    cursor: default;
    outline: none;
}

@media (any-hover: hover) {
    .cds--accordion.cds--skeleton .cds--accordion__arrow:hover {
        border: none;
        cursor: default;
        outline: none;
    }
}

@media (any-hover: hover) {

    .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
    .cds--accordion.cds--skeleton .cds--accordion__heading:hover {
        background-color: transparent;
    }
}

.cds--accordion--end.cds--skeleton .cds--accordion__arrow {
    margin-inline-start: 1rem;
}

.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {
    border: none;
    cursor: default;
    outline: none;
}

.cds--accordion__title.cds--skeleton__text {
    margin-block-end: 0;
}

.cds--accordion.cds--skeleton .cds--accordion__title {
    margin-inline-start: 1rem;
}

[dir=rtl] .cds--accordion--start .cds--accordion__heading {
    padding-inline: var(--cds-layout-density-padding-inline-local) 0;
}

[dir=rtl] .cds--accordion--start .cds--accordion__title {
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.cds--action-set {
    align-items: stretch;
    justify-content: flex-end;
    background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--action-set .cds--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--action-set .cds--action-set__action-button.cds--action-set__action-button--expressive {
    block-size: 4rem;
    padding-block: 1rem 2rem;
}

.cds--action-set.cds--btn-set .cds--action-set__action-button.cds--btn.cds--btn--expressive,
.cds--action-set.cds--btn-set .cds--action-set__action-button.cds--btn {
    max-inline-size: none;
}

.cds--action-set:not(.cds--action-set--stacking) .cds--action-set__action-button--ghost {
    padding-inline-start: 1rem;
}

.cds--action-set.cds--action-set--row-single.cds--action-set--md .cds--action-set__action-button,
.cds--action-set.cds--action-set--row-single .cds--action-set__action-button--ghost {
    flex: 0 0 100%;
}

.cds--action-set.cds--action-set--row-double .cds--action-set__action-button--ghost {
    flex: 1 1 75%;
}

.cds--action-set.cds--action-set--row-single.cds--action-set--lg .cds--action-set__action-button:not(.cds--action-set__action-button--ghost),
.cds--action-set.cds--action-set--row-double.cds--action-set--md .cds--action-set__action-button,
.cds--action-set.cds--action-set--row-double.cds--action-set--lg .cds--action-set__action-button,
.cds--action-set.cds--action-set--row-triple .cds--action-set__action-button--ghost {
    flex: 0 1 50%;
}

.cds--action-set.cds--action-set--row-triple .cds--action-set__action-button--ghost {
    flex: 1 1 50%;
}

.cds--action-set.cds--btn-set.cds--action-set--row-triple.cds--action-set--lg .cds--action-set__action-button:not(.cds--action-set__action-button--ghost),
.cds--action-set.cds--btn-set.cds--action-set--xl .cds--action-set__action-button:not(.cds--action-set__action-button--ghost),
.cds--action-set.cds--btn-set.cds--action-set--2xl .cds--action-set__action-button:not(.cds--action-set__action-button--ghost),
.cds--action-set.cds--btn-set.cds--action-set--row-quadruple .cds--action-set__action-button:not(.cds--action-set__action-button--ghost) {
    flex: 0 1 25%;
    max-inline-size: 14.5rem;
}

.cds--action-set.cds--btn-set.cds--action-set--row-quadruple .cds--action-set__action-button--ghost {
    flex: 1 1 25%;
}

.cds--action-set .cds--action-set__action-button .cds--inline-loading {
    position: absolute;
    inline-size: 2rem;
    inset-block-start: 0;
    inset-inline-end: 0;
}

@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;
    }
}

.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;
}

.cds--popover-container {
    display: inline-block;
}

.cds--popover-container:not(.cds--popover--auto-align) {
    position: relative;
}

.cds--popover--high-contrast .cds--popover {
    --cds-popover-background-color: var(--cds-background-inverse, #393939);
    --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
}

.cds--popover--high-contrast .cds--popover .cds--skeleton,
.cds--popover--high-contrast .cds--popover .cds--skeleton__text,
.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder,
.cds--popover--high-contrast .cds--popover .cds--icon--skeleton {
    background: var(--cds-background-inverse-hover, #474747);
}

.cds--popover--high-contrast .cds--popover .cds--skeleton::before,
.cds--popover--high-contrast .cds--popover .cds--skeleton__text::before,
.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder::before,
.cds--popover--high-contrast .cds--popover .cds--icon--skeleton::before {
    background: var(--cds-background-inverse, #393939);
}

.cds--popover--drop-shadow .cds--popover {
    filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
}

.cds--popover--border>.cds--popover>.cds--popover-content {
    outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
    outline-offset: -1px;
}

.cds--popover--caret {
    --cds-popover-offset: 0.625rem;
}

.cds--popover {
    position: absolute;
    z-index: 6000;
    inset: 0;
    pointer-events: none;
}

.cds--popover-content {
    --cds-layout-size-height-sm: 2rem;
}

.cds--popover-content.cds--layout--size-sm,
.cds--layout--size-sm :where(.cds--popover-content) {
    --cds-layout-size-height: var(--cds-layout-size-height-sm);
}

.cds--popover-content {
    --cds-layout-size-height-md: 2.5rem;
}

.cds--popover-content.cds--layout--size-md,
.cds--layout--size-md :where(.cds--popover-content) {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
}

.cds--popover-content {
    --cds-layout-size-height-lg: 3rem;
}

.cds--popover-content.cds--layout--size-lg,
.cds--layout--size-lg :where(.cds--popover-content) {
    --cds-layout-size-height: var(--cds-layout-size-height-lg);
}

.cds--popover-content {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--popover-content *,
.cds--popover-content *::before,
.cds--popover-content *::after {
    box-sizing: inherit;
}

.cds--popover-content {
    position: absolute;
    z-index: 6000;
    display: none;
    border-radius: var(--cds-popover-border-radius, 2px);
    background-color: var(--cds-popover-background-color, var(--cds-layer));
    color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));
    inline-size: -moz-max-content;
    inline-size: max-content;
    max-inline-size: 23rem;
    pointer-events: auto;
}

.cds--popover--open>.cds--popover>.cds--popover-content {
    display: block;
}

.cds--popover--background-token__background>.cds--popover>.cds--popover-content {
    background-color: var(--cds-background, #ffffff);
}

.cds--popover-content::before {
    position: absolute;
    display: none;
    content: "";
}

.cds--popover--open>.cds--popover>.cds--popover-content::before {
    display: block;
}

.cds--popover-caret,
.cds--popover--auto-align.cds--popover-caret {
    position: absolute;
    z-index: 6000;
    display: none;
    will-change: transform;
}

.cds--popover-caret::after,
.cds--popover--auto-align.cds--popover-caret::after {
    position: absolute;
    display: block;
    background-color: var(--cds-popover-background-color, var(--cds-layer));
    content: "";
}

.cds--popover-caret::before,
.cds--popover--auto-align.cds--popover-caret::before {
    position: absolute;
    display: none;
    background-color: var(--cds-popover-border-color, var(--cds-border-subtle));
    content: "";
}

.cds--popover--background-token__background>.cds--popover>.cds--popover-caret::after {
    background-color: var(--cds-background, #ffffff);
}

.cds--popover--border .cds--popover-caret::before,
.cds--popover--border .cds--popover--auto-align.cds--popover-caret::before {
    display: block;
}

.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret {
    display: block;
}

.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret {
    display: block;
}

.cds--popover--tab-tip>.cds--popover>.cds--popover-caret {
    display: none;
}

.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-end: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
}

.cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content {
    inset-block-end: -0.25rem;
}

.cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content {
    inset-block-start: -0.25rem;
}

.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content {
    inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem) - 1rem);
}

.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content {
    inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem) - 1rem);
}

.cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content {
    inset-inline-start: calc(100% + 0.25rem);
}

.cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,
.cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content {
    inset-inline-end: calc(100% + 0.25rem);
}

.cds--popover--bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
}

.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-end: 0;
    inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
}

.cds--popover--bottom-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
    inset-inline-start: initial;
}

.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-end: 0;
    inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
    transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
}

.cds--popover--bottom-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
}

.cds--popover--bottom>.cds--popover>.cds--popover-content::before,
.cds--popover--bottom-left>.cds--popover>.cds--popover-content::before,
.cds--popover--bottom-start>.cds--popover>.cds--popover-content::before,
.cds--popover--bottom-right>.cds--popover>.cds--popover-content::before,
.cds--popover--bottom-end>.cds--popover>.cds--popover-content::before {
    block-size: var(--cds-popover-offset, 0rem);
    inset-block-start: 0;
    inset-inline: 0;
    transform: translateY(-100%);
}

.cds--popover--bottom>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-end>.cds--popover>.cds--popover-caret {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
    inset-block-end: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, var(--cds-popover-offset, 0rem));
}

.cds--popover--bottom>.cds--popover>.cds--popover-caret::after,
.cds--popover--bottom-left>.cds--popover>.cds--popover-caret::after,
.cds--popover--bottom-start>.cds--popover>.cds--popover-caret::after,
.cds--popover--bottom-right>.cds--popover>.cds--popover-caret::after,
.cds--popover--bottom-end>.cds--popover>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret::after {
    inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
    inset-block-start: 1px;
    inset-inline-start: 0.5px;
}

.cds--popover--bottom:dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-left:dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-start:dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-right:dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--bottom-end:dir(rtl)>.cds--popover>.cds--popover-caret {
    transform: translate(50%, var(--cds-popover-offset, 0rem));
}

.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
    inset-block-start: 1px;
    inset-inline-start: 0.5px;
}

.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--popover--top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 0;
    inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
    inset-inline-start: initial;
}

.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 0;
    inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
    transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
}

.cds--popover--top>.cds--popover>.cds--popover-content::before,
.cds--popover--top-left>.cds--popover>.cds--popover-content::before,
.cds--popover--top-start>.cds--popover>.cds--popover-content::before,
.cds--popover--top-right>.cds--popover>.cds--popover-content::before,
.cds--popover--top-end>.cds--popover>.cds--popover-content::before {
    block-size: var(--cds-popover-offset, 0rem);
    inset-block-end: 0;
    inset-inline: 0;
    transform: translateY(100%);
}

.cds--popover--top>.cds--popover>.cds--popover-caret,
.cds--popover--top-left>.cds--popover>.cds--popover-caret,
.cds--popover--top-start>.cds--popover>.cds--popover-caret,
.cds--popover--top-right>.cds--popover>.cds--popover-caret,
.cds--popover--top-end>.cds--popover>.cds--popover-caret {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--popover--top>.cds--popover>.cds--popover-caret::after,
.cds--popover--top-left>.cds--popover>.cds--popover-caret::after,
.cds--popover--top-start>.cds--popover>.cds--popover-caret::after,
.cds--popover--top-right>.cds--popover>.cds--popover-caret::after,
.cds--popover--top-end>.cds--popover>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret::after {
    inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
    inset-block-start: -1px;
    inset-inline-start: 0.5px;
}

.cds--popover--top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret {
    transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-height, 0.375rem);
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
    inset-block-start: -1px;
    inset-inline-start: 0.5px;
}

.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 50%;
    inset-inline-start: 100%;
    transform: translate(var(--cds-popover-offset, 0rem), -50%);
}

.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 50%;
    inset-inline-start: 100%;
    transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
}

.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-end: 50%;
    inset-inline-start: 100%;
    transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
}

.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-end: 100%;
    inset-inline-start: initial;
}

.cds--popover--right>.cds--popover>.cds--popover-content::before,
.cds--popover--right-top>.cds--popover>.cds--popover-content::before,
.cds--popover--right-start>.cds--popover>.cds--popover-content::before,
.cds--popover--right-bottom>.cds--popover>.cds--popover-content::before,
.cds--popover--right-end>.cds--popover>.cds--popover-content::before {
    inline-size: var(--cds-popover-offset, 0rem);
    inset-block: 0;
    inset-inline-start: 0;
    transform: translateX(-100%);
}

.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
    inset-block-start: 50%;
    inset-inline-start: 100%;
    transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
}

.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret {
    inset-inline-end: 100%;
    inset-inline-start: initial;
}

.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after {
    inset-inline-start: 1px;
}

.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after {
    inset-inline-start: -1px;
}

.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    inset-inline-start: 1px;
}

.cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    margin-inline-start: 1px;
}

.cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    inset-inline-start: 0;
}

.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 50%;
    inset-inline-end: 100%;
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
}

.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-start: 50%;
    inset-inline-end: 100%;
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
}

.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content {
    inset-block-end: 50%;
    inset-inline-end: 100%;
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
}

.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-end: initial;
    inset-inline-start: 100%;
}

.cds--popover--left>.cds--popover>.cds--popover-content::before,
.cds--popover--left-top>.cds--popover>.cds--popover-content::before,
.cds--popover--left-start>.cds--popover>.cds--popover-content::before,
.cds--popover--left-bottom>.cds--popover>.cds--popover-content::before,
.cds--popover--left-end>.cds--popover>.cds--popover-content::before {
    inline-size: var(--cds-popover-offset, 0rem);
    inset-block: 0;
    inset-inline-end: 0;
    transform: translateX(100%);
}

.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,
.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
    inset-block-start: 50%;
    inset-inline-end: 100%;
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
}

.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,
.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret {
    inset-inline-end: initial;
    inset-inline-start: 100%;
}

.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret::after {
    inset-inline-start: -1px;
}

.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret::after {
    inset-inline-start: 1px;
}

.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    block-size: var(--cds-popover-caret-width, 0.75rem);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    inset-inline-start: -1px;
}

.cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    margin-inline-start: -1px;
}

.cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    inset-inline-start: 0;
}

.cds--popover--tab-tip>.cds--popover>.cds--popover-content {
    border-radius: 0;
}

.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-start: 0;
}

.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,
.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content {
    inset-inline-end: 0;
    inset-inline-start: initial;
}

.cds--popover--tab-tip .cds--popover {
    will-change: filter;
}

.cds--popover--tab-tip__button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--popover--tab-tip__button *,
.cds--popover--tab-tip__button *::before,
.cds--popover--tab-tip__button *::after {
    box-sizing: inherit;
}

.cds--popover--tab-tip__button::-moz-focus-inner {
    border: 0;
}

.cds--popover--tab-tip__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    block-size: 2rem;
    inline-size: 2rem;
}

.cds--popover--tab-tip__button:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--popover--tab-tip__button:focus {
        outline-style: dotted;
    }
}

@media (any-hover: hover) {
    .cds--popover--tab-tip__button:hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--popover--tab-tip__button svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
    background: var(--cds-layer);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
    position: absolute;
    z-index: 6001;
    background: var(--cds-layer);
    block-size: 2px;
    content: "";
    inline-size: 100%;
    inset-block-end: 0;
}

.cds--popover--tab-tip__button svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tooltip {
    --cds-popover-offset: 12px;
}

.cds--tooltip-content {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
    max-inline-size: 18rem;
    overflow-wrap: break-word;
}

.cds--icon-tooltip {
    --cds-tooltip-padding-block: 0.125rem;
    --cds-popover-caret-width: 0.5rem;
    --cds-popover-caret-height: 0.25rem;
    --cds-popover-offset: 0.5rem;
}

.cds--icon-tooltip .cds--tooltip-content {
    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);
}

.cds--definition-term {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--definition-term *,
.cds--definition-term *::before,
.cds--definition-term *::after {
    box-sizing: inherit;
}

.cds--definition-term::-moz-focus-inner {
    border: 0;
}

.cds--definition-term {
    border-radius: 0;
    border-block-end: 1px dotted var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
}

.cds--definition-term:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--definition-term:focus {
        outline-style: dotted;
    }
}

.cds--definition-term:focus {
    border-block-end-color: var(--cds-border-interactive, #0f62fe);
}

.cds--definition-term:hover {
    border-block-end-color: var(--cds-border-interactive, #0f62fe);
}

.cds--definition-tooltip {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    padding: 0.5rem 1rem;
    max-inline-size: 11rem;
    text-wrap: auto;
    word-break: break-word;
}

.cds--btn {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    --temp-1lh: (var(--cds-body-compact-01-line-height, 1.28572) * 1em);
    --temp-expressive-1lh: (var(--cds-body-compact-02-line-height, 1.375) * 1em);
    --temp-padding-block-max: calc((var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem);
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--btn *,
.cds--btn *::before,
.cds--btn *::after {
    box-sizing: inherit;
}

.cds--btn {
    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);
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: space-between;
    border-radius: 0;
    margin: 0;
    cursor: pointer;
    inline-size: -moz-max-content;
    inline-size: max-content;
    max-inline-size: 20rem;
    min-block-size: var(--cds-layout-size-height-local);
    outline: none;
    padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
    padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
    text-align: start;
    text-decoration: none;
    transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
    vertical-align: top;
}

.cds--btn:disabled,
.cds--btn:hover:disabled,
.cds--btn:focus:disabled,
.cds--btn.cds--btn--disabled,
.cds--btn.cds--btn--disabled:hover,
.cds--btn.cds--btn--disabled:focus {
    border-color: var(--cds-button-disabled, #c6c6c6);
    background: var(--cds-button-disabled, #c6c6c6);
    box-shadow: none;
    color: var(--cds-text-on-color-disabled, #8d8d8d);
    cursor: not-allowed;
}

.cds--btn .cds--btn__icon {
    position: absolute;
    flex-shrink: 0;
    block-size: 1rem;
    inline-size: 1rem;
    inset-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
    inset-inline-end: var(--cds-layout-density-padding-inline-local);
    margin-block-start: 0.0625rem;
}

.cds--btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.cds--btn--primary {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: var(--cds-button-primary, #0f62fe);
    color: var(--cds-text-on-color, #ffffff);
}

@media (any-hover: hover) {
    .cds--btn--primary:hover {
        background-color: var(--cds-button-primary-hover, #0050e6);
    }
}

.cds--btn--primary:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--primary:active {
    background-color: var(--cds-button-primary-active, #002d9c);
}

.cds--btn--primary .cds--btn__icon,
.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

.cds--btn--primary:hover {
    color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--secondary {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: var(--cds-button-secondary, #393939);
    color: var(--cds-text-on-color, #ffffff);
}

@media (any-hover: hover) {
    .cds--btn--secondary:hover {
        background-color: var(--cds-button-secondary-hover, #474747);
    }
}

.cds--btn--secondary:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--secondary:active {
    background-color: var(--cds-button-secondary-active, #6f6f6f);
}

.cds--btn--secondary .cds--btn__icon,
.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

.cds--btn--secondary:hover,
.cds--btn--secondary:focus {
    color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--tertiary {
    border-width: 1px;
    border-style: solid;
    border-color: var(--cds-button-tertiary, #0f62fe);
    background-color: transparent;
    color: var(--cds-button-tertiary, #0f62fe);
}

@media (any-hover: hover) {
    .cds--btn--tertiary:hover {
        background-color: var(--cds-button-tertiary-hover, #0050e6);
    }
}

.cds--btn--tertiary:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--tertiary:active {
    background-color: var(--cds-button-tertiary-active, #002d9c);
}

.cds--btn--tertiary .cds--btn__icon,
.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

@media (any-hover: hover) {
    .cds--btn--tertiary:hover {
        color: var(--cds-text-inverse, #ffffff);
    }
}

.cds--btn--tertiary:focus {
    background-color: var(--cds-button-tertiary, #0f62fe);
    color: var(--cds-text-inverse, #ffffff);
}

.cds--btn--tertiary:active {
    border-color: transparent;
    background-color: var(--cds-button-tertiary-active, #002d9c);
    color: var(--cds-text-inverse, #ffffff);
}

.cds--btn--tertiary:disabled,
.cds--btn--tertiary:hover:disabled,
.cds--btn--tertiary:focus:disabled,
.cds--btn--tertiary.cds--btn--disabled,
.cds--btn--tertiary.cds--btn--disabled:hover,
.cds--btn--tertiary.cds--btn--disabled:focus {
    background: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

.cds--btn--ghost {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: var(--cds-link-primary, #0f62fe);
}

@media (any-hover: hover) {
    .cds--btn--ghost:hover {
        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    }
}

.cds--btn--ghost:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--ghost:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--btn--ghost .cds--btn__icon,
.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

.cds--btn--ghost {
    padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
}

.cds--btn--ghost .cds--btn__icon {
    position: static;
    align-self: center;
    margin-inline-start: 0.5rem;
}

@media (hover: hover) {
    .cds--btn--ghost:hover {
        color: var(--cds-link-primary-hover, #0043ce);
    }
}

.cds--btn--ghost:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
    color: var(--cds-link-primary-hover, #0043ce);
}

.cds--btn--ghost:disabled,
.cds--btn--ghost:hover:disabled,
.cds--btn--ghost:focus:disabled,
.cds--btn--ghost.cds--btn--disabled,
.cds--btn--ghost.cds--btn--disabled:hover,
.cds--btn--ghost.cds--btn--disabled:focus {
    border-color: transparent;
    background: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

.cds--btn--ghost:not([disabled]) svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--btn--icon-only {
    align-items: center;
    justify-content: center;
    padding: 0;
    block-size: var(--cds-layout-size-height-local);
    inline-size: var(--cds-layout-size-height-local);
    padding-block-start: 0;
}

.cds--btn--icon-only> :first-child {
    min-inline-size: 1rem;
}

.cds--btn--icon-only .cds--btn__icon {
    position: static;
}

.cds--btn--icon-only.cds--btn--ghost:focus {
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
}

.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon,
.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
    margin: 0;
}

.cds--btn--icon-only.cds--btn--danger--ghost {
    padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
}

.cds--btn--xs:not(.cds--btn--icon-only) {
    padding-block-start: 1.5px;
}

.cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,
.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
    margin-block-start: 0;
}

.cds--btn--icon-only.cds--btn--selected {
    background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}

.cds--btn path[data-icon-path=inner-path] {
    fill: none;
}

.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,
.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon {
    fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--btn--ghost.cds--btn--icon-only[disabled] {
    cursor: not-allowed;
}

.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {
    cursor: not-allowed;
}

.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {
    pointer-events: none;
}

.cds--btn--danger {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: var(--cds-button-danger-primary, #da1e28);
    color: var(--cds-text-on-color, #ffffff);
}

@media (any-hover: hover) {
    .cds--btn--danger:hover {
        background-color: var(--cds-button-danger-hover, #b81921);
    }
}

.cds--btn--danger:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--danger:active {
    background-color: var(--cds-button-danger-active, #750e13);
}

.cds--btn--danger .cds--btn__icon,
.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

.cds--btn--danger:hover {
    color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--danger--tertiary {
    border-width: 1px;
    border-style: solid;
    border-color: var(--cds-button-danger-secondary, #da1e28);
    background-color: transparent;
    color: var(--cds-button-danger-secondary, #da1e28);
}

@media (any-hover: hover) {
    .cds--btn--danger--tertiary:hover {
        background-color: var(--cds-button-danger-hover, #b81921);
    }
}

.cds--btn--danger--tertiary:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--danger--tertiary:active {
    background-color: var(--cds-button-danger-active, #750e13);
}

.cds--btn--danger--tertiary .cds--btn__icon,
.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

@media (hover: hover) {
    .cds--btn--danger--tertiary:hover {
        border-color: var(--cds-button-danger-hover, #b81921);
        color: var(--cds-text-on-color, #ffffff);
    }
}

.cds--btn--danger--tertiary:focus {
    background-color: var(--cds-button-danger-primary, #da1e28);
    color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--danger--tertiary:active {
    border-color: var(--cds-button-danger-active, #750e13);
    background-color: var(--cds-button-danger-active, #750e13);
    color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--danger--tertiary:disabled,
.cds--btn--danger--tertiary:hover:disabled,
.cds--btn--danger--tertiary:focus:disabled,
.cds--btn--danger--tertiary.cds--btn--disabled,
.cds--btn--danger--tertiary.cds--btn--disabled:hover,
.cds--btn--danger--tertiary.cds--btn--disabled:focus {
    background: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

.cds--btn--danger--ghost {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: var(--cds-button-danger-secondary, #da1e28);
}

@media (any-hover: hover) {
    .cds--btn--danger--ghost:hover {
        background-color: var(--cds-button-danger-hover, #b81921);
    }
}

.cds--btn--danger--ghost:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--btn--danger--ghost:active {
    background-color: var(--cds-button-danger-active, #750e13);
}

.cds--btn--danger--ghost .cds--btn__icon,
.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

.cds--btn--danger--ghost {
    padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
}

.cds--btn--danger--ghost .cds--btn__icon {
    position: static;
    margin-inline-start: 0.5rem;
}

@media (hover: hover) {
    .cds--btn--danger--ghost:hover {
        color: var(--cds-text-on-color, #ffffff);
    }
}

.cds--btn--danger--ghost:active {
    color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--danger--ghost:disabled,
.cds--btn--danger--ghost:hover:disabled,
.cds--btn--danger--ghost:focus:disabled,
.cds--btn--danger--ghost.cds--btn--disabled,
.cds--btn--danger--ghost.cds--btn--disabled:hover,
.cds--btn--danger--ghost.cds--btn--disabled:focus {
    border-color: transparent;
    background: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

.cds--btn--expressive {
    font-size: var(--cds-body-compact-02-font-size, 1rem);
    font-weight: var(--cds-body-compact-02-font-weight, 400);
    line-height: var(--cds-body-compact-02-line-height, 1.375);
    letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
    padding-block: min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
}

.cds--btn--icon-only.cds--btn--expressive {
    padding: 12px 13px;
}

.cds--btn.cds--btn--expressive .cds--btn__icon {
    block-size: 1.25rem;
    inline-size: 1.25rem;
}

.cds--btn-set .cds--btn.cds--btn--expressive {
    max-inline-size: 20rem;
}

.cds--btn.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--btn.cds--skeleton:hover,
.cds--btn.cds--skeleton:focus,
.cds--btn.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--btn.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--btn.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--btn.cds--skeleton {
        background: CanvasText;
    }

    .cds--btn.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--btn.cds--skeleton {
    inline-size: 9.375rem;
}

.cds--btn-set {
    display: flex;
}

.cds--btn-set--stacked {
    flex-direction: column;
}

.cds--btn-set .cds--btn {
    inline-size: 100%;
    max-inline-size: 12.25rem;
}

.cds--btn-set .cds--btn:not(:focus) {
    box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn-set .cds--btn:first-of-type:not(:focus) {
    box-shadow: inherit;
}

.cds--btn-set .cds--btn:focus+.cds--btn {
    box-shadow: inherit;
}

.cds--btn-set--stacked .cds--btn:not(:focus) {
    box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus) {
    box-shadow: inherit;
}

.cds--btn-set .cds--btn.cds--btn--disabled {
    box-shadow: -0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type {
    box-shadow: none;
}

.cds--btn-set--stacked .cds--btn.cds--btn--disabled {
    box-shadow: 0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);
}

.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type {
    box-shadow: none;
}

.cds--btn-set .cds--btn.cds--btn--loading {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.cds--btn--sm .cds--badge-indicator {
    margin-block-start: 0.25rem;
    margin-inline-end: 0.25rem;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--btn:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

[dir=rtl] .cds--btn-set .cds--btn:not(:focus) {
    box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn-set--fluid {
    container-type: inline-size;
}

.cds--btn-set--fluid .cds--btn-set__fluid-inner {
    --flex-direction: row;
    display: flex;
    flex-direction: var(--flex-direction);
    align-items: stretch;
    justify-content: flex-end;
    inline-size: 100%;
}

.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn {
    flex: 0 1 25%;
    max-inline-size: 14.5rem;
}

.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn {
    min-inline-size: 11rem;
}

.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost {
    flex: 1 1 25%;
    max-inline-size: none;
    padding-inline-start: 2rem;
    /* increased padding when inline */
}

@container (width <=11rem) {
    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) {
        --flex-direction: column;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn {
        flex: initial;
        inline-size: 100%;
        max-inline-size: none;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost {
        padding-inline-start: 1rem;
    }
}

@container (width <=22rem) {
    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) {
        --flex-direction: column;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn {
        flex: initial;
        inline-size: 100%;
        max-inline-size: none;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost {
        padding-inline-start: 1rem;
    }
}

@container (width <=33rem) {
    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) {
        --flex-direction: column;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn {
        flex: initial;
        inline-size: 100%;
        max-inline-size: none;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost {
        padding-inline-start: 1rem;
    }
}

@container (width <=44rem) {
    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) {
        --flex-direction: column;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn {
        flex: initial;
        inline-size: 100%;
        max-inline-size: none;
    }

    .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost {
        padding-inline-start: 1rem;
    }
}

@container (width <=44rem) {
    .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn {
        flex-basis: 50%;
        max-inline-size: none;
    }
}

@container (width <=33rem) {
    .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn {
        flex: 1 1 100%;
        max-inline-size: none;
    }
}

.cds--toggletip-label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    color: var(--cds-text-secondary, #525252);
    margin-inline-end: 0.5rem;
}

:host([slot=label-text]) .cds--toggletip-label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--toggletip-button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--toggletip-button *,
.cds--toggletip-button *::before,
.cds--toggletip-button *::after {
    box-sizing: inherit;
}

.cds--toggletip-button::-moz-focus-inner {
    border: 0;
}

.cds--toggletip-button {
    display: flex;
    align-items: center;
}

.cds--toggletip-button svg {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--toggletip-button:hover svg,
.cds--toggletip--open .cds--toggletip-button svg {
    fill: var(--cds-icon-primary, #161616);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--toggletip-button:hover svg,
    .cds--toggletip--open .cds--toggletip-button svg {
        fill: Highlight;
    }
}

.cds--toggletip-button:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--toggletip-button:focus {
        outline-style: dotted;
    }
}

.cds--toggletip {
    --cds-popover-offset: 0.8125rem;
}

.cds--toggletip-content {
    --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
    --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
    --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
    --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
    --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    display: grid;
    padding: 1rem;
    max-inline-size: 18rem;
    row-gap: 1rem;
}

.cds--toggletip-content p {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--toggletip-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.cds--ai-label,
.cds--slug {
    display: flex;
}

.cds--ai-label:has(> .cds--popover--open),
.cds--slug:has(> .cds--popover--open) {
    z-index: 2;
}

.cds--ai-label__button,
.cds--slug__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cds-border-inverse, #161616);
    background: transparent;
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
    outline: none;
    transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--ai-label__button--mini,
.cds--slug__button--mini {
    height: 1rem;
    width: 1rem;
    font-size: 0.5625rem;
    line-height: 0.75rem;
}

.cds--ai-label__button--2xs,
.cds--slug__button--2xs {
    height: 1.25rem;
    width: 1.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.cds--ai-label__button--xs,
.cds--slug__button--xs {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.cds--ai-label__button--sm,
.cds--slug__button--sm {
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
    line-height: 1.3125rem;
}

.cds--ai-label__button--md,
.cds--slug__button--md {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1rem;
    line-height: 1.3125rem;
}

.cds--ai-label__button--lg,
.cds--slug__button--lg {
    height: 3rem;
    width: 3rem;
    font-size: 1rem;
    line-height: 1.3125rem;
}

.cds--ai-label__button--xl,
.cds--slug__button--xl {
    height: 4rem;
    width: 4rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
}

.cds--ai-label__button--mini::after,
.cds--ai-label__button--2xs::after,
.cds--slug__button--mini::after,
.cds--slug__button--2xs::after {
    position: absolute;
    display: block;
    block-size: 24px;
    content: "";
    inline-size: 24px;
}

.cds--ai-label .cds--ai-label__button:focus,
.cds--slug .cds--slug__button:focus {
    border: 1px solid var(--cds-focus, #0f62fe);
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

@media (any-hover: hover) {

    .cds--ai-label .cds--ai-label__button:hover,
    .cds--slug .cds--slug__button:hover {
        background: var(--cds-border-inverse, #161616);
        color: var(--cds-text-inverse, #ffffff);
    }

    .cds--ai-label .cds--ai-label__button:hover:active,
    .cds--slug .cds--slug__button:hover:active {
        background: var(--cds-border-inverse, #161616);
        box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
        color: var(--cds-text-inverse, #ffffff);
    }

    .cds--ai-label .cds--ai-label__button.cds--ai-label__button--mini:hover:active,
    .cds--ai-label .cds--ai-label__button.cds--ai-label__button--2xs:hover:active,
    .cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
    .cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
        box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
    }
}

.cds--ai-label__text,
.cds--slug__text {
    position: relative;
}

.cds--ai-label .cds--ai-label__button--inline,
.cds--slug .cds--slug__button--inline {
    border: 1px solid transparent;
    border-radius: 0.0625rem;
    background: transparent;
    block-size: initial;
    color: var(--cds-text-primary, #161616);
    font-size: 0.875rem;
    inline-size: initial;
    line-height: initial;
    padding-inline: 0.25rem;
}

.cds--ai-label__button--inline::before,
.cds--slug__button--inline::before {
    display: none;
}

.cds--ai-label .cds--ai-label__button--inline:focus,
.cds--slug .cds--slug__button--inline:focus {
    border-color: var(--cds-focus, #0f62fe);
    box-shadow: none;
}

@media (any-hover: hover) {

    .cds--ai-label .cds--ai-label__button--inline:hover,
    .cds--ai-label .cds--ai-label__button--inline:hover:active,
    .cds--slug .cds--slug__button--inline:hover,
    .cds--slug .cds--slug__button--inline:hover:active {
        border-color: var(--cds-icon-secondary, #525252);
        background: transparent;
        box-shadow: none;
        color: var(--cds-text-secondary, #525252);
    }

    .cds--ai-label .cds--ai-label__button--inline:focus:hover,
    .cds--slug .cds--slug__button--inline:focus:hover {
        border-color: var(--cds-focus, #0f62fe);
    }

    .cds--ai-label .cds--ai-label__button--inline:hover .cds--ai-label__text::before,
    .cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
        background: var(--cds-icon-secondary, #525252);
    }
}

.cds--ai-label__button--inline .cds--ai-label__text,
.cds--slug__button--inline .cds--slug__text {
    padding-inline-start: 0.5rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--lg .cds--ai-label__text,
.cds--ai-label__button--inline.cds--ai-label__button--xl .cds--ai-label__text,
.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
.cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
    padding-inline-start: 0.75rem;
}

.cds--ai-label__button--inline .cds--ai-label__text::before,
.cds--slug__button--inline .cds--slug__text::before {
    position: absolute;
    display: inline-block;
    background: var(--cds-icon-primary, #161616);
    block-size: 0.25rem;
    content: "";
    inline-size: 0.25rem;
    inset-block-start: 50%;
    inset-inline-start: 0;
    opacity: 1;
    transform: translateY(-50%);
    transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--ai-label__button--lg .cds--ai-label__text::before,
.cds--ai-label__button--xl .cds--ai-label__text::before,
.cds--slug__button--lg .cds--slug__text::before,
.cds--slug__button--xl .cds--slug__text::before {
    block-size: 0.5rem;
    inline-size: 0.5rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--mini,
.cds--ai-label__button--inline.cds--ai-label__button--mini .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--2xs,
.cds--ai-label__button--inline.cds--ai-label__button--2xs .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--xs,
.cds--ai-label__button--inline.cds--ai-label__button--xs .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--sm,
.cds--ai-label__button--inline.cds--ai-label__button--sm .cds--ai-label__additional-text,
.cds--slug__button--inline.cds--slug__button--mini,
.cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--2xs,
.cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--xs,
.cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--sm,
.cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
    font-size: 0.75rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--lg,
.cds--ai-label__button--inline.cds--ai-label__button--xl,
.cds--slug__button--inline.cds--slug__button--lg,
.cds--slug__button--inline.cds--slug__button--xl {
    font-size: 1rem;
}

.cds--ai-label .cds--ai-label__button--inline-with-content,
.cds--slug .cds--slug__button--inline-with-content {
    border: 1px solid var(--cds-border-inverse, #161616);
    padding-block: 0.125rem;
    padding-inline: 0.5rem;
}

.cds--ai-label__button--inline-with-content .cds--ai-label__additional-text,
.cds--slug__button--inline-with-content .cds--slug__additional-text {
    font-size: var(--cds-body-compact-02-font-size, 1rem);
    font-weight: var(--cds-body-compact-02-font-weight, 400);
    line-height: var(--cds-body-compact-02-line-height, 1.375);
    letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
    padding-inline-start: 0.25rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--md .cds--ai-label__additional-text,
.cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
    font-size: 0.875rem;
}

.cds--ai-label .cds--ai-label__button--inline-with-content:focus,
.cds--slug .cds--slug__button--inline-with-content:focus {
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

@media (any-hover: hover) {

    .cds--ai-label .cds--ai-label__button--inline-with-content:hover:focus,
    .cds--slug .cds--slug__button--inline-with-content:hover:focus {
        box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
    }
}

.cds--ai-label .cds--ai-label-content,
.cds--slug .cds--slug-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;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
    color: var(--cds-text-primary, #161616);
    min-inline-size: 17.5rem;
}

.cds--ai-label>.cds--toggletip>.cds--popover>.cds--popover-caret,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,
.cds--slug>.cds--toggletip>.cds--popover>.cds--popover-caret,
.cds--slug>.cds--toggletip.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret {
    background: transparent;
    clip-path: none;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    position: absolute;
    display: block;
    border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
    background: var(--cds-background, #ffffff);
    block-size: 0.75rem;
    clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
    content: "";
    inline-size: 0.75rem;
    transform: rotate(45deg);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::after,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::after,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start,
    .cds--popover--bottom,
    .cds--popover--bottom-right,
    .cds--popover--bottom-left,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end,
    .cds--popover--left,
    .cds--popover--left-top,
    .cds--popover--left-bottom,
    .cds--popover--left-start,
    .cds--popover--left-end,
    .cds--popover--right,
    .cds--popover--right-top,
    .cds--popover--right-bottom,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    position: absolute;
    display: block;
    background: var(--cds-background, #ffffff);
    block-size: 0.875rem;
    content: "";
    inline-size: 0.125rem;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    inset-block-end: 0.0625rem;
    transform: rotate(-135deg);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-caret::after,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-caret::after,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
    block-size: 0.125rem;
    border-end-end-radius: 50%;
    border-end-start-radius: 50%;
    inline-size: 0.875rem;
    inset-block-start: -0.125rem;
    inset-inline-start: -0.0625rem;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--ai-label-content--with-actions+.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--slug-content--with-actions+.cds--popover-caret::after {
    display: none;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    inset-inline-start: 0.0625rem;
    transform: rotate(-45deg);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::after,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::after,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
    .cds--popover--right-bottom,
    .cds--popover--right-top,
    .cds--popover--right-start,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    border-end-start-radius: 50%;
    border-start-start-radius: 50%;
    inset-block-start: -0.0625rem;
    inset-inline-start: 0.375rem;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    inset-block-start: 0.0625rem;
    transform: rotate(45deg);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-caret::after,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-caret::after,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
    .cds--popover--bottom-left,
    .cds--popover--bottom-right,
    .cds--popover--bottom-start,
    .cds--popover--bottom-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    block-size: 0.125rem;
    border-start-end-radius: 50%;
    border-start-start-radius: 50%;
    inline-size: 0.875rem;
    inset-block-end: -0.15625rem;
    inset-inline-start: -0.0625rem;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    inset-inline-end: 0.0625rem;
    transform: rotate(135deg);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-caret::after,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-caret::after,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
    .cds--popover--left-bottom,
    .cds--popover--left-top,
    .cds--popover--left-start,
    .cds--popover--left-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    border-end-end-radius: 50%;
    border-start-end-radius: 50%;
    inset-block-start: -0.0625rem;
    inset-inline-start: -0.125rem;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::after,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after,
.cds--slug>.cds--toggletip:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end)>.cds--popover>.cds--popover-caret::after,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end)>.cds--popover>.cds--popover-content>.cds--popover-caret::after {
    background: transparent;
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
    background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover:has(.cds--ai-label-content--with-actions)>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-start,
    .cds--popover--top-end)>.cds--popover:has(.cds--ai-label-content--with-actions)>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-end,
    .cds--popover--top-start)>.cds--popover:has(.cds--slug-content--with-actions)>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
    .cds--popover--right-bottom,
    .cds--popover--left-end,
    .cds--popover--right-end,
    .cds--popover--top,
    .cds--popover--top-right,
    .cds--popover--top-left,
    .cds--popover--top-start,
    .cds--popover--top-end)>.cds--popover:has(.cds--slug-content--with-actions)>.cds--popover-content>.cds--popover-caret::before {
    background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
}

.cds--ai-label>.cds--toggletip:is(.cds--popover--left,
    .cds--popover--right)>.cds--popover>.cds--popover-caret::before,
.cds--ai-label>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
    .cds--popover--right)>.cds--popover>.cds--popover-content>.cds--popover-caret::before,
.cds--slug>.cds--toggletip:is(.cds--popover--left,
    .cds--popover--right)>.cds--popover>.cds--popover-caret::before,
.cds--slug>.cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
    .cds--popover--right)>.cds--popover>.cds--popover-content>.cds--popover-caret::before {
    border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
}

.cds--ai-label .cds--toggletip-content,
.cds--slug .cds--toggletip-content {
    padding-block: 1.5rem 5rem;
    padding-inline: 1.5rem;
    --cds-button-focus-color: initial;
    --cds-link-text-color: initial;
    --cds-link-hover-text-color: initial;
    --cds-link-visited-text-color: initial;
    --cds-link-focus-text-color: initial;
}

.cds--ai-label .cds--ai-label-content .cds--toggletip-content,
.cds--slug .cds--slug-content .cds--toggletip-content {
    max-inline-size: 20rem;
}

.cds--ai-label .cds--ai-label-actions,
.cds--slug .cds--slug-actions {
    position: absolute;
    justify-content: flex-end;
    backdrop-filter: blur(85px);
    background: rgba(0, 0, 0, 0.01);
    border-end-end-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
    -moz-column-gap: 0;
    column-gap: 0;
    inline-size: 100%;
    inset-block-end: 0;
    inset-inline-end: 0;
}

.cds--ai-label .cds--ai-label-actions .cds--btn:focus,
.cds--slug .cds--slug-actions .cds--btn:focus {
    border-color: var(--cds-focus, #0f62fe);
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--ai-label .cds--ai-label-actions .cds--btn--primary,
.cds--slug .cds--slug-actions .cds--btn--primary {
    order: 1;
    border-end-end-radius: 0.4375rem;
}

.cds--ai-label.cds--ai-label--revert,
.cds--slug.cds--slug--revert {
    transform: translate(0.5rem, -50%);
}

.cds--ai-label--revert .cds--btn--icon-only,
.cds--slug--revert .cds--btn--icon-only {
    align-items: center;
    padding-block-start: 0;
}

.cds--ai-label--revert .cds--btn--icon-only svg,
.cds--slug--revert .cds--btn--icon-only svg {
    margin: 0;
}

.cds--aspect-ratio {
    position: relative;
}

.cds--aspect-ratio::before {
    block-size: 0;
    content: "";
    float: left;
    inline-size: 1px;
    margin-inline-start: -1px;
}

.cds--aspect-ratio::after {
    display: table;
    clear: both;
    content: "";
}

.cds--aspect-ratio--16x9::before {
    padding-block-start: 56.25%;
}

.cds--aspect-ratio--9x16::before {
    padding-block-start: 177.7777777778%;
}

.cds--aspect-ratio--2x1::before {
    padding-block-start: 50%;
}

.cds--aspect-ratio--1x2::before {
    padding-block-start: 200%;
}

.cds--aspect-ratio--4x3::before {
    padding-block-start: 75%;
}

.cds--aspect-ratio--3x4::before {
    padding-block-start: 133.3333333333%;
}

.cds--aspect-ratio--3x2::before {
    padding-block-start: 66.6666666667%;
}

.cds--aspect-ratio--2x3::before {
    padding-block-start: 150%;
}

.cds--aspect-ratio--1x1::before {
    padding-block-start: 100%;
}

.cds--badge-indicator {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    position: absolute;
    display: flex;
    padding: 0 0.25rem 0.125rem;
    border-radius: 100px;
    background: var(--cds-support-error, #da1e28);
    color: var(--cds-text-on-color, #ffffff);
    inset-block-start: 0;
    inset-inline-end: 0;
    margin-block-start: 0.5rem;
    margin-inline-end: 0.5rem;
    max-block-size: 1rem;
    min-block-size: 0.5rem;
    min-inline-size: 0.5rem;
}

.cds--badge-indicator--count {
    margin-block-start: 0.25rem;
    margin-inline-end: 0.25rem;
}

.cds--big-number {
    margin: 0;
}

.cds--big-number__label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    display: block;
    margin: 0;
    color: var(--cds-text-secondary, #525252);
}

.cds--big-number__value {
    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);
    margin-block-end: 0;
}

.cds--big-number__total {
    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);
}

.cds--big-number__total,
.cds--big-number__percentage-mark {
    margin-block: auto 0.25rem;
}

.cds--big-number__info {
    padding-inline-start: 0.5rem;
    vertical-align: top;
}

.cds--big-number__trend {
    margin-block-start: 0.5rem;
    vertical-align: top;
}

.cds--big-number__row {
    display: flex;
}

.cds--big-number__percentage {
    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--big-number__percentage-mark {
    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);
}

.cds--big-number__icon-button {
    margin-inline-start: 0.25rem;
}

.cds--big-number--lg .cds--big-number__value,
.cds--big-number--lg .cds--big-number__percentage {
    font-size: var(--cds-heading-06-font-size, 2.625rem);
    font-weight: var(--cds-heading-06-font-weight, 300);
    line-height: var(--cds-heading-06-line-height, 1.199);
    letter-spacing: var(--cds-heading-06-letter-spacing, 0);
}

.cds--big-number--lg .cds--big-number__total,
.cds--big-number--lg .cds--big-number__percentage-mark {
    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);
}

.cds--big-number--xl .cds--big-number__label {
    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);
}

.cds--big-number--xl .cds--big-number__value,
.cds--big-number--xl .cds--big-number__percentage {
    font-size: var(--cds-heading-07-font-size, 3.375rem);
    font-weight: var(--cds-heading-07-font-weight, 300);
    line-height: var(--cds-heading-07-line-height, 1.19);
    letter-spacing: var(--cds-heading-07-letter-spacing, 0);
}

.cds--big-number--xl .cds--big-number__total,
.cds--big-number--xl .cds--big-number__percentage-mark {
    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--big-number--xl .cds--big-number__trend {
    margin-block-start: 0.75rem;
}

.cds--big-number .cds--big-number__tooltip-trigger {
    display: inline-flex;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
    vertical-align: top;
}

.cds--big-number .cds--big-number__tooltip-trigger:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

.cds--big-number-skeleton {
    inline-size: 4rem;
}

.cds--big-number-skeleton__label {
    block-size: 0.75rem;
    margin-block: 0 0.5rem;
}

.cds--big-number-skeleton__value {
    margin: 0;
    /* stylelint-disable-next-line declaration-no-important */
    block-size: 2.5rem !important;
}

.cds--big-number-skeleton--lg {
    inline-size: 5rem;
}

.cds--big-number-skeleton--xl {
    inline-size: 6rem;
}

.cds--big-number-skeleton.cds--big-number-skeleton--lg .cds--big-number-skeleton__label {
    block-size: 0.75rem;
}

.cds--big-number-skeleton.cds--big-number-skeleton--lg .cds--big-number-skeleton__value {
    /* stylelint-disable-next-line declaration-no-important */
    block-size: 3rem !important;
}

.cds--big-number-skeleton.cds--big-number-skeleton--xl .cds--big-number-skeleton__label {
    block-size: 0.75rem;
}

.cds--big-number-skeleton.cds--big-number-skeleton--xl .cds--big-number-skeleton__value {
    /* stylelint-disable-next-line declaration-no-important */
    block-size: 4rem !important;
}

.cds--overflow-menu,
.cds--overflow-menu__trigger {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--overflow-menu *,
.cds--overflow-menu *::before,
.cds--overflow-menu *::after,
.cds--overflow-menu__trigger *,
.cds--overflow-menu__trigger *::before,
.cds--overflow-menu__trigger *::after {
    box-sizing: inherit;
}

.cds--overflow-menu::-moz-focus-inner,
.cds--overflow-menu__trigger::-moz-focus-inner {
    border: 0;
}

.cds--overflow-menu,
.cds--overflow-menu__trigger {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--overflow-menu *,
.cds--overflow-menu *::before,
.cds--overflow-menu *::after,
.cds--overflow-menu__trigger *,
.cds--overflow-menu__trigger *::before,
.cds--overflow-menu__trigger *::after {
    box-sizing: inherit;
}

.cds--overflow-menu,
.cds--overflow-menu__trigger {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: var(--cds-layout-size-height-local);
    cursor: pointer;
    inline-size: var(--cds-layout-size-height-local);
    min-block-size: var(--cds-layout-size-height-local);
    transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--overflow-menu:focus,
.cds--overflow-menu__trigger:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--overflow-menu:focus,
    .cds--overflow-menu__trigger:focus {
        outline-style: dotted;
    }
}

@media (any-hover: hover) {

    .cds--overflow-menu:hover,
    .cds--overflow-menu__trigger:hover {
        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    }
}

.cds--overflow-menu> :first-child {
    margin-block-start: 0;
}

.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
        outline-style: dotted;
    }
}

.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg {
    outline: none;
}

.cds--overflow-menu.cds--overflow-menu--open,
.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    background-color: var(--cds-layer);
    transition: none;
}

.cds--overflow-menu--light.cds--overflow-menu--open,
.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger {
    background-color: var(--cds-layer);
}

.cds--overflow-menu__icon {
    block-size: 1rem;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1rem;
}

.cds--overflow-menu__wrapper {
    line-height: 0;
}

.cds--overflow-menu-options {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--overflow-menu-options *,
.cds--overflow-menu-options *::before,
.cds--overflow-menu-options *::after {
    box-sizing: inherit;
}

.cds--overflow-menu-options {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    position: absolute;
    z-index: 6000;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--cds-layer);
    inline-size: 10rem;
    inset-block-start: 2rem;
    inset-inline-start: 0;
    list-style: none;
}

.cds--overflow-menu-options::after {
    position: absolute;
    display: block;
    background-color: var(--cds-layer);
    content: "";
    transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--overflow-menu-options::after {
        transition: none;
    }
}

@media (any-hover: hover) {
    .cds--overflow-menu.cds--overflow-menu--open:hover {
        background-color: var(--cds-layer);
    }
}

.cds--overflow-menu-options--light {
    background-color: var(--cds-layer-hover);
}

.cds--overflow-menu-options--light::after {
    background-color: var(--cds-layer);
}

@media (any-hover: hover) {
    .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
    block-size: 0.1875rem;
    inline-size: var(--cds-layout-size-height-local);
    inset-block-start: -0.1875rem;
    inset-inline-start: 0;
}

.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
    block-size: 0.5rem;
    inline-size: var(--cds-layout-size-height-local);
    inset-block-end: -0.5rem;
    inset-inline-start: 0;
}

.cds--overflow-menu-options[data-floating-menu-direction=left]::after {
    block-size: var(--cds-layout-size-height-local);
    inline-size: 0.375rem;
    inset-block-start: 0;
    inset-inline-end: -0.375rem;
}

.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
    block-size: var(--cds-layout-size-height-local);
    inline-size: 0.375rem;
    inset-block-start: 0;
    inset-inline-start: -0.375rem;
}

.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
    inset-inline: auto 0;
}

.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
    inset-block: auto 0;
}

.cds--overflow-menu-options--open {
    display: flex;
}

.cds--overflow-menu-options__content {
    inline-size: 100%;
}

.cds--overflow-menu-options__option {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--overflow-menu-options__option *,
.cds--overflow-menu-options__option *::before,
.cds--overflow-menu-options__option *::after {
    box-sizing: inherit;
}

.cds--overflow-menu-options__option {
    display: flex;
    align-items: center;
    padding: 0;
    background-color: transparent;
    block-size: var(--cds-layout-size-height-local);
    inline-size: 100%;
    transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--overflow-menu--divider {
    border-block-start: 1px solid var(--cds-border-subtle);
}

.cds--overflow-menu--light .cds--overflow-menu--divider {
    border-block-start: 1px solid var(--cds-border-subtle);
}

a.cds--overflow-menu-options__btn::before {
    display: inline-block;
    block-size: 100%;
    content: "";
    vertical-align: middle;
}

.cds--overflow-menu-options__btn {
    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);
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: inline-flex;
    align-items: center;
    padding: 0 1rem;
    border: none;
    background-color: transparent;
    block-size: 100%;
    color: var(--cds-text-secondary, #525252);
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    inline-size: 100%;
    max-inline-size: 11.25rem;
    text-align: start;
    transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--overflow-menu-options__btn:hover {
    color: var(--cds-text-primary, #161616);
}

.cds--overflow-menu-options__btn:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--overflow-menu-options__btn:focus {
        outline-style: dotted;
    }
}

.cds--overflow-menu-options__btn::-moz-focus-inner {
    border: none;
}

.cds--overflow-menu-options__btn svg {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--overflow-menu-options__btn:hover svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--overflow-menu-options__option-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--overflow-menu-options__option:hover {
    background-color: var(--cds-layer-hover);
}

.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus {
    background-color: var(--cds-button-danger-primary, #da1e28);
    color: var(--cds-text-on-color, #ffffff);
}

.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg {
    fill: currentColor;
}

.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus {
    box-shadow: inset 0 0 0 0.1875rem var(--cds-background, #ffffff);
}

.cds--overflow-menu-options__option--disabled:hover {
    background-color: var(--cds-layer);
    cursor: not-allowed;
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus {
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--overflow-menu--flip {
    inset-inline-start: -140px;
}

.cds--overflow-menu--flip::before {
    inset-inline-start: 145px;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--overflow-menu:focus,
    .cds--overflow-menu-options__btn:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

/*stylelint-enable */
.cds--overflow-menu__top-start {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
}

.cds--overflow-menu__top-end {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
}

.cds--breadcrumb {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--breadcrumb *,
.cds--breadcrumb *::before,
.cds--breadcrumb *::after {
    box-sizing: inherit;
}

.cds--breadcrumb {
    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);
    display: inline;
}

@media (min-width: 42rem) {
    .cds--breadcrumb {
        display: flex;
        flex-wrap: wrap;
    }
}

.cds--breadcrumb--sm {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--breadcrumb .cds--link {
    font: inherit;
}

.cds--breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-inline-end: 0.5rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item {
    margin-inline-end: 0.25rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--link {
    justify-content: center;
    min-inline-size: 0.75rem;
}

.cds--breadcrumb-item .cds--link:visited {
    color: var(--cds-link-primary, #0f62fe);
}

.cds--breadcrumb-item .cds--link:visited:hover {
    color: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--link:active,
.cds--breadcrumb-item .cds--link:visited:active:hover {
    color: var(--cds-text-primary, #161616);
}

.cds--breadcrumb-item::after {
    color: var(--cds-text-primary, #161616);
    content: "/";
    margin-inline-start: 0.5rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item::after {
    margin-inline-start: 0.25rem;
}

.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {
    content: "";
}

.cds--breadcrumb-item:last-child,
.cds--breadcrumb-item:last-child::after {
    margin-inline-end: 0;
}

.cds--breadcrumb .cds--link {
    white-space: nowrap;
}

.cds--breadcrumb-item [aria-current=page],
.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link {
    color: var(--cds-text-primary, #161616);
    cursor: auto;
}

.cds--breadcrumb-item [aria-current=page]:hover,
.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover {
    text-decoration: none;
}

.cds--breadcrumb-item .cds--overflow-menu {
    position: relative;
    block-size: 1.125rem;
    inline-size: 1rem;
}

.cds--breadcrumb-item .cds--overflow-menu:focus {
    border: none;
    box-shadow: none;
    outline: 1px solid var(--cds-focus, #0f62fe);
    outline-offset: 0;
}

.cds--breadcrumb-item .cds--overflow-menu:hover {
    background: transparent;
}

.cds--breadcrumb-item .cds--overflow-menu:hover::after {
    background: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--overflow-menu:active::after {
    background: var(--cds-text-primary, #161616);
}

.cds--breadcrumb-item .cds--overflow-menu:focus::after,
.cds--breadcrumb-item .cds--overflow-menu:hover::after {
    opacity: 1;
}

.cds--breadcrumb-item .cds--overflow-menu::after {
    position: absolute;
    background: var(--cds-focus, #0f62fe);
    block-size: 1px;
    content: "";
    inline-size: 0.75rem;
    inset-block-end: 2px;
    opacity: 0;
    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--breadcrumb-item .cds--overflow-menu::after {
        transition: none;
    }
}

.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {
    background: transparent;
    box-shadow: none;
}

.cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
    position: relative;
    fill: var(--cds-link-primary, #0f62fe);
    transform: translateY(4px);
}

.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon {
    fill: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--overflow-menu:active .cds--overflow-menu__icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--breadcrumb-menu-options:focus {
    outline: none;
}

.cds--breadcrumb-menu-options.cds--overflow-menu-options::after {
    margin: 0 auto;
    background: transparent;
    block-size: 0;
    border-block-end: 0.4375rem solid var(--cds-field);
    border-inline-end: 0.4375rem solid transparent;
    border-inline-start: 0.4375rem solid transparent;
    inline-size: 0;
    inset-block-start: -0.4375rem;
    inset-inline-start: 0.875rem;
}

[dir=rtl] .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {
    inset-inline-end: 0.875rem;
    inset-inline-start: initial;
}

.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
    min-block-size: 1.125rem;
    padding-inline: 0;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
    block-size: 1rem;
    inline-size: 1rem;
    min-block-size: 1rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
    transform: translateY(3px);
}

.cds--breadcrumb.cds--skeleton .cds--link {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--breadcrumb.cds--skeleton .cds--link:hover,
.cds--breadcrumb.cds--skeleton .cds--link:focus,
.cds--breadcrumb.cds--skeleton .cds--link:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--breadcrumb.cds--skeleton .cds--link::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--breadcrumb.cds--skeleton .cds--link::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--breadcrumb.cds--skeleton .cds--link {
        background: CanvasText;
    }

    .cds--breadcrumb.cds--skeleton .cds--link::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--breadcrumb.cds--skeleton .cds--link {
    block-size: 1rem;
    inline-size: 6.25rem;
}

.cds--link {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--link *,
.cds--link *::before,
.cds--link *::after {
    box-sizing: inherit;
}

.cds--link {
    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);
    display: inline-flex;
    color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
    outline: none;
    text-decoration: none;
    transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--link:hover {
    color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
    text-decoration: underline;
}

.cds--link:active:not(.cds--link--disabled),
.cds--link:active:visited,
.cds--link:active:visited:hover {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {

    .cds--link:active:not(.cds--link--disabled),
    .cds--link:active:visited,
    .cds--link:active:visited:hover {
        outline-style: dotted;
    }
}

.cds--link:active:not(.cds--link--disabled),
.cds--link:active:visited,
.cds--link:active:visited:hover {
    color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
    outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
    text-decoration: underline;
}

.cds--link:focus:not(.cds--link--disabled) {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--link:focus:not(.cds--link--disabled) {
        outline-style: dotted;
    }
}

.cds--link:focus:not(.cds--link--disabled) {
    outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
    text-decoration: underline;
}

.cds--link:visited {
    color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
}

.cds--link:visited:hover {
    color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
}

.cds--link--disabled,
.cds--link--disabled:hover {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--link--disabled *,
.cds--link--disabled *::before,
.cds--link--disabled *::after,
.cds--link--disabled:hover *,
.cds--link--disabled:hover *::before,
.cds--link--disabled:hover *::after {
    box-sizing: inherit;
}

.cds--link--disabled,
.cds--link--disabled:hover {
    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);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    font-weight: 400;
    text-decoration: none;
}

.cds--link.cds--link--visited:visited {
    color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
}

.cds--link.cds--link--visited:visited:hover {
    color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
}

.cds--link.cds--link--inline {
    display: inline;
    text-decoration: underline;
}

.cds--link--disabled.cds--link--inline {
    text-decoration: underline;
}

.cds--link--sm,
.cds--link--sm.cds--link--disabled:hover {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
}

.cds--link--lg,
.cds--link--lg.cds--link--disabled:hover {
    font-size: var(--cds-body-compact-02-font-size, 1rem);
    font-weight: var(--cds-body-compact-02-font-weight, 400);
    line-height: var(--cds-body-compact-02-line-height, 1.375);
    letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
}

.cds--link--icon {
    display: inline-block;
}

.cds--link__icon {
    display: inline-flex;
    align-items: center;
    block-size: 1lh;
    line-height: inherit;
    margin-inline-start: 0.5rem;
    vertical-align: text-bottom;
}

.cds--link--lg .cds--link__icon>svg {
    block-size: 1.25rem;
    inline-size: 1.25rem;
}

.cds--link--lg .cds--link__icon {
    block-size: 1.25rem;
}

.cds--card {
    position: relative;
    background-color: var(--cds-layer);
    color: var(--cds-text-primary, #161616);
}

.cds--card--clickable {
    display: block;
    border: 1px solid var(--cds-border-tile-01, #c6c6c6);
    cursor: pointer;
    text-decoration: none;
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--card--clickable:hover {
    background-color: var(--cds-layer-hover);
}

.cds--card--clickable:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--card--clickable:focus {
        outline-style: dotted;
    }
}

.cds--card--clickable:focus {
    outline-offset: 0;
}

.cds--card--clickable:active {
    background-color: var(--cds-layer-active);
}

.cds--card__clickable-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    color: var(--cds-icon-interactive, #0f62fe);
}

.cds--card--disabled .cds--card__clickable-footer {
    color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--card--disabled {
    border-color: var(--cds-border-disabled, #c6c6c6);
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    pointer-events: none;
}

.cds--card__header {
    position: relative;
    display: grid;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    grid-template-columns: auto 1fr;
    row-gap: 0;
}

.cds--card__body {
    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);
    padding-block: 1rem;
    padding-inline: 1rem;
}

.cds--card__body--flush {
    padding: 0;
}

.cds--card__footer {
    display: flex;
    align-items: center;
    padding: 1rem;
}

.cds--card__footer:has(> .cds--card__action) {
    overflow: hidden;
    padding: 0;
    border-block-start: 1px solid var(--cds-border-subtle);
    gap: 1px;
}

.cds--card__footer>.cds--card__action:not(:has(.cds--btn--icon-only)) {
    flex: 1 0;
    min-inline-size: 0;
}

.cds--card__footer>.cds--card__action:not(:has(.cds--btn--icon-only))>.cds--btn,
.cds--card__footer>.cds--card__action:not(:has(.cds--btn--icon-only))>*>.cds--btn {
    inline-size: 100%;
    max-inline-size: none;
}

.cds--card__footer>.cds--card__action:has(.cds--btn--icon-only) {
    flex: 0 0 auto;
    margin-inline-start: auto;
}

.cds--card__footer>.cds--card__action:has(.cds--btn--icon-only)+.cds--card__action:has(.cds--btn--icon-only) {
    margin-inline-start: 0;
}

.cds--card__action {
    display: inline-flex;
}

.cds--card__header-media {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column: 1/-1;
    margin-block: 1rem;
    margin-inline: 1rem;
    max-block-size: 4rem;
}

.cds--card__media {
    grid-column: 1/-1;
    inline-size: 100%;
}

.cds--card__media::before,
.cds--card__media::after {
    display: none;
}

.cds--card__media.cds--aspect-ratio--16x9 {
    aspect-ratio: 16/9;
}

.cds--card__media.cds--aspect-ratio--9x16 {
    aspect-ratio: 9/16;
}

.cds--card__media.cds--aspect-ratio--2x1 {
    aspect-ratio: 2/1;
}

.cds--card__media.cds--aspect-ratio--1x2 {
    aspect-ratio: 1/2;
}

.cds--card__media.cds--aspect-ratio--4x3 {
    aspect-ratio: 4/3;
}

.cds--card__media.cds--aspect-ratio--3x4 {
    aspect-ratio: 3/4;
}

.cds--card__media.cds--aspect-ratio--3x2 {
    aspect-ratio: 3/2;
}

.cds--card__media.cds--aspect-ratio--2x3 {
    aspect-ratio: 2/3;
}

.cds--card__media.cds--aspect-ratio--1x1 {
    aspect-ratio: 1/1;
}

.cds--card__media>* {
    position: static;
    block-size: 100%;
    inline-size: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cds--card--horizontal {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.cds--card__media--horizontal {
    overflow: hidden;
    flex-basis: var(--cds--card--media-width, 33.33%);
    flex-shrink: 0;
    align-self: stretch;
}

.cds--card--horizontal>.cds--card__content {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    min-inline-size: 0;
}

.cds--card--horizontal>.cds--card__content>.cds--card__body {
    flex: 1 0 auto;
}

.cds--card--horizontal>.cds--card__content>.cds--card__footer {
    margin-block-start: auto;
}

.cds--card__title>.cds--card__label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    color: var(--cds-text-secondary, #525252);
}

.cds--card--disabled .cds--card__label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--card__label--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--card__label--truncate-multi {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--cds--card--label-line-clamp);
    text-overflow: ellipsis;
}

.cds--card__title {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    gap: 0.125rem;
    margin-inline: 1rem;
    min-inline-size: 0;
}

.cds--card__header>.cds--card__title {
    margin-block: 1rem;
}

.cds--card--expressive .cds--card__title-text-row {
    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);
}

.cds--card--productive .cds--card__title-text-row {
    font-size: var(--cds-heading-compact-02-font-size, 1rem);
    font-weight: var(--cds-heading-compact-02-font-weight, 600);
    line-height: var(--cds-heading-compact-02-line-height, 1.375);
    letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
}

.cds--card__title-text-row {
    display: block;
}

.cds--card__title-text-row--truncate {
    overflow: hidden;
    max-inline-size: var(--cds--card--title-max-width, 100%);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--card__title-text-row--truncate-multi {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--cds--card--title-line-clamp);
    max-inline-size: var(--cds--card--title-max-width, 100%);
    text-overflow: ellipsis;
}

.cds--card__title-text-row--with-start-icon {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.cds--card__title-text-row--with-end-icon {
    display: block;
}

.cds--card__title-start-icon {
    display: flex;
    flex-shrink: 0;
    margin-block-start: 0.125rem;
}

.cds--card__title-end-icon {
    display: inline-flex;
    align-items: center;
    margin-inline-start: 0.5rem;
    vertical-align: middle;
}

.cds--card__title>.cds--card__description {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    color: var(--cds-text-secondary, #525252);
}

.cds--card--disabled .cds--card__description {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--card__description--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--card__description--truncate-multi {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--cds--card--description-line-clamp);
    text-overflow: ellipsis;
}

.cds--card__title-media {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: center;
    grid-column: 1;
    margin-block-start: 1rem;
    margin-inline-start: 1rem;
    max-block-size: 4rem;
}

.cds--card__header:has(> .cds--card__title-media)>.cds--card__title {
    grid-column: 2;
    margin-inline-start: 0;
}

.cds--card__actions {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    block-size: 2rem;
    gap: 0.25rem;
    inline-size: 50%;
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
    max-inline-size: 50%;
}

.cds--card--has-ai-label {
    background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
    border: 1px solid transparent;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--card__decorator {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    block-size: 2rem;
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
}

.cds--card--has-ai-label .cds--card__title {
    padding-inline-end: 3rem;
}

.cds--card--has-ai-label:has(.cds--card__actions) .cds--card__title {
    padding-inline-end: 10rem;
}

.cds--card--has-ai-label .cds--card__label {
    padding-inline-end: 3rem;
}

.cds--card--has-ai-label:has(.cds--card__actions) .cds--card__label {
    padding-inline-end: 10rem;
}

.cds--card--has-ai-label .cds--card__description {
    padding-inline-end: 3rem;
}

.cds--card--has-ai-label:has(.cds--card__actions) .cds--card__description {
    padding-inline-end: 10rem;
}

.cds--card--has-ai-label .cds--card__actions {
    inset-inline-end: 2.5rem;
}

.cds--card--clickable.cds--card--has-ai-label::before {
    background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) 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-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
    position: absolute;
    display: block;
    block-size: 100%;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
    content: "";
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    opacity: 0;
    transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--card--clickable.cds--card--has-ai-label:hover::before {
    opacity: 1;
}

/* stylelint-disable declaration-no-important */
.cds--coachmark--floating span:has(> div > .cds--coachmark--content-header--drag-icon) {
    margin-inline-end: auto;
}

.cds--coachmark .cds--coachmark--content-header--is-dragging {
    border-radius: 0;
    box-shadow: 0 0 0 0.25rem var(--cds-icon-inverse, #ffffff);
    outline: 0.125rem solid var(--cds-background-inverse, #393939);
}

.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header {
    display: flex;
    justify-content: flex-end;
}

.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header--drag-icon,
.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header .cds--btn {
    color: var(--cds-icon-inverse, #ffffff);
}

.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header--drag-icon .cds--btn__icon,
.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header--drag-icon svg,
.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header .cds--btn .cds--btn__icon,
.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header .cds--btn svg {
    color: var(--cds-icon-inverse, #ffffff);
    fill: var(--cds-icon-inverse, #ffffff);
}

.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-body {
    display: flex;
    flex-direction: column;
    padding: 0.125rem 1rem 0;
}

.cds--coachmark-beacon {
    position: relative;
}

.cds--coachmark-beacon-default .cds--coachmark-beacon__target::before {
    display: none;
}

.cds--coachmark-beacon-default .cds--coachmark-beacon__target::after {
    position: absolute;
    border-radius: 50%;
    background-color: #4589ff;
    block-size: 0.75rem;
    content: "";
    inline-size: 0.75rem;
    inset-block-start: 0.625rem;
    inset-inline-start: 0.625rem;
}

.cds--coachmark-beacon-default .cds--coachmark-beacon__target:focus {
    outline: transparent;
}

.cds--coachmark-beacon-default .cds--coachmark-beacon__target:focus::before {
    position: absolute;
    display: block;
    border-radius: 100%;
    block-size: 18px;
    content: "";
    inline-size: 18px;
    inset-block-start: 7px;
    inset-inline-start: 7px;
    outline: 0.125rem var(--cds-focus, #0f62fe) solid;
}

.cds--coachmark-beacon .cds--coachmark-beacon__target {
    display: flex;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    block-size: 2rem;
    cursor: pointer;
    inline-size: 2rem;
}

.cds--coachmark-beacon .cds--coachmark-beacon__target[aria-expanded=true] circle {
    animation: none;
}

.cds--coachmark-beacon__center {
    position: absolute;
    z-index: 6900;
    block-size: 5rem;
    inline-size: 5rem;
    inset-block-start: -1.375rem;
    inset-inline-start: -1.375rem;
    pointer-events: none;
}

.cds--coachmark-beacon__center circle {
    animation: ripple 2s infinite;
    fill: var(--cds-support-info, #0043ce);
    fill-opacity: 0;
    -webkit-mask-image: none;
    mask-image: none;
    stroke: var(--cds-support-info, #0043ce);
    stroke-opacity: 0;
    stroke-width: 1px;
    transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
}

@media (prefers-reduced-motion) {
    .cds--coachmark-beacon__center circle {
        animation: none;
    }
}

@keyframes ripple {
    0% {
        fill-opacity: 0;
        r: 1px;
        stroke-opacity: 0;
        transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
    }

    31% {
        fill-opacity: 0.2;
        stroke-opacity: 1;
    }

    62% {
        fill-opacity: 0;
        r: 32px;
        stroke-opacity: 0;
    }

    100% {
        fill-opacity: 0;
        r: 32px;
        stroke-opacity: 0;
    }
}

@keyframes ring-ripple {
    0% {
        fill-opacity: 0;
        r: 12px;
        stroke-opacity: 0;
        transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
    }

    31% {
        fill-opacity: 0.2;
        stroke-opacity: 1;
    }

    62% {
        fill-opacity: 0;
        r: 32px;
        stroke-opacity: 0;
    }

    100% {
        fill-opacity: 0;
        r: 32px;
        stroke-opacity: 0;
    }
}

.cds--coachmark-tagline {
    position: fixed;
    z-index: 1000;
    display: grid;
    overflow: hidden;
    border-radius: 0.125rem 0.125rem 0 0;
    background: #6929c4;
    background-image: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
    color: #ffffff !important;
    grid-template-columns: [cta-col] auto [close-btn-col] 2.5rem;
    inline-size: 18rem;
    inset-block-end: 0;
    inset-inline-end: 1rem;
    opacity: 1;
    transition: opacity 240ms cubic-bezier(0.2, 0, 1, 0.9) 300ms;
    transition-delay: 240ms;
}

@media (prefers-reduced-motion) {
    .cds--coachmark-tagline {
        transition: none;
    }
}

.cds--coachmark-tagline::before {
    position: absolute;
    z-index: -1;
    background: linear-gradient(90deg, #0043ce 0%, #6929c4 100%);
    content: "";
    inset: 0;
    opacity: 0;
    transition: opacity 240ms cubic-bezier(0.2, 0, 1, 0.9);
}

@media (prefers-reduced-motion) {
    .cds--coachmark-tagline::before {
        transition: none;
    }
}

.cds--coachmark-tagline:hover::before {
    opacity: 1;
}

.cds--coachmark-tagline--is-open {
    background: #ffffff;
    opacity: 0;
}

.cds--coachmark-tagline--is-open cds--coachmark-tagline__cta {
    opacity: 0;
}

.cds--coachmark-tagline--is-open cds--coachmark-tagline--close-btn {
    display: none;
}

.cds--coachmark-tagline--is-open::before {
    background: #ffffff;
}

.cds--coachmark-tagline__cta {
    display: grid;
    padding: 0.5rem 0;
    border: none;
    background: transparent;
    color: #ffffff !important;
    grid-template-columns: [icon-col] 2rem [body-col] auto;
    text-align: start;
    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);
}

.cds--coachmark-tagline__cta:focus {
    box-shadow: inset 0 0 0 3px #6929c4, inset 0 0 0 0.25rem #ffffff;
    outline: 1px solid transparent;
}

.cds--coachmark-tagline__cta:hover {
    cursor: pointer !important;
}

.cds--coachmark-tagline__cta .cds--coachmark-tagline__idea {
    justify-self: center;
}

.cds--coachmark-tagline--close-btn-container {
    block-size: 2rem;
    inline-size: 2rem;
    margin-inline-start: auto;
}

.cds--coachmark-tagline--close-btn {
    border-color: transparent !important;
    border-radius: 0;
    block-size: 2rem;
    color: #ffffff;
    inline-size: 2rem;
    margin-inline-start: auto !important;
    outline: 1px solid transparent;
}

.cds--coachmark-tagline--close-btn:active {
    background-color: var(--cds-button-secondary-active, #6f6f6f);
}

.cds--coachmark-tagline--close-btn:focus {
    box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939), inset 0 0 0 0.125rem #ffffff !important;
}

.cds--coachmark-tagline--close-btn svg>path {
    margin: 0;
    fill: #ffffff !important;
}

.cds--coachmark-tagline--close-btn:hover {
    background-color: #7c3dd6 !important;
}

.cds--chat-btn {
    border-radius: 1.5rem;
}

.cds--chat-btn:not(.cds--chat-btn--with-icon) {
    padding-inline-end: 0.9375rem;
}

.cds--chat-btn.cds--btn--md {
    border-radius: 1.25rem;
}

.cds--chat-btn.cds--btn--sm {
    border-radius: 1rem;
}

.cds--chat-btn--quick-action {
    align-items: center;
    border: 1px solid var(--cds-chat-button, #0f62fe);
    background: transparent;
    color: var(--cds-chat-button, #0f62fe);
}

.cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
    border-color: transparent;
    background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-chat-button-text-hover, #0043ce);
}

.cds--chat-btn--quick-action:active {
    border-color: transparent;
    background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));
    color: var(--cds-chat-button-text-hover, #0043ce);
}

.cds--chat-btn--quick-action.cds--btn--ghost:focus {
    border-color: var(--cds-focus, #0f62fe);
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

.cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {
    border-color: var(--cds-focus, #0f62fe);
    box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
}

.cds--chat-btn--quick-action[disabled],
.cds--chat-btn--quick-action[disabled]:hover {
    border-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-button-disabled, #c6c6c6);
}

.cds--chat-btn--quick-action--selected,
.cds--chat-btn--quick-action--selected[disabled],
.cds--chat-btn--quick-action--selected[disabled]:hover {
    border-color: transparent;
    background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));
    color: var(--cds-chat-button-text-selected, #525252);
}

.cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,
.cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {
    color: var(--cds-chat-button-text-selected, #525252);
}

.cds--chat-btn.cds--skeleton {
    overflow: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--cds-field) inset;
    -webkit-text-fill-color: var(--cds-text-primary, #161616);
}

.cds--fieldset {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--fieldset *,
.cds--fieldset *::before,
.cds--fieldset *::after {
    box-sizing: inherit;
}

.cds--form-item {
    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);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
}

.cds--label html {
    font-size: 100%;
}

.cds--label body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--label code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--label strong {
    font-weight: 600;
}

.cds--label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    display: inline-block;
    color: var(--cds-text-secondary, #525252);
    font-weight: 400;
    line-height: 1rem;
    margin-block-end: 0.5rem;
    vertical-align: baseline;
}

.cds--label .cds--toggletip-label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--label--no-margin {
    margin-block-end: 0;
}

.cds--label+.cds--tooltip {
    position: relative;
    inset-block-start: 0.2rem;
    inset-inline-start: 0.5rem;
}

.cds--label+.cds--tooltip .cds--tooltip__trigger {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--label+.cds--tooltip .cds--tooltip__trigger *,
.cds--label+.cds--tooltip .cds--tooltip__trigger *::before,
.cds--label+.cds--tooltip .cds--tooltip__trigger *::after {
    box-sizing: inherit;
}

.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
    border: 0;
}

.cds--label+.cds--tooltip .cds--tooltip__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--label+.cds--tooltip .cds--tooltip__trigger:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

.cds--label+.cds--tooltip .cds--tooltip__trigger svg {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover {
    fill: var(--cds-icon-primary, #161616);
}

.cds--label+.cds--toggletip {
    inset-block-start: 0.2rem;
    inset-inline-start: 0.5rem;
}

.cds--label.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--label.cds--skeleton:hover,
.cds--label.cds--skeleton:focus,
.cds--label.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--label.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--label.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--label.cds--skeleton {
        background: CanvasText;
    }

    .cds--label.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--label.cds--skeleton {
    block-size: 0.875rem;
    inline-size: 4.6875rem;
}

input[type=number],
input[type=text].cds--number {
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}

input[data-invalid]:not(:focus),
.cds--number[data-invalid] input[type=number]:not(:focus),
.cds--number[data-invalid] input[type=text]:not(:focus),
.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),
.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
    .cds--combo-box--invalid--focused),
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    input[data-invalid]:not(:focus),
    .cds--number[data-invalid] input[type=number]:not(:focus),
    .cds--number[data-invalid] input[type=text]:not(:focus),
    .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),
    .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),
    .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
    .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
        .cds--combo-box--invalid--focused),
    .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
        outline-style: dotted;
    }
}

input[data-invalid]~.cds--form-requirement,
.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,
.cds--number__input-wrapper--warning~.cds--form-requirement,
.cds--date-picker-input__wrapper~.cds--form-requirement,
.cds--date-picker-input__wrapper--warn~.cds--form-requirement,
.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,
.cds--time-picker--invalid~.cds--form-requirement,
.cds--time-picker--warning~.cds--form-requirement,
.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,
.cds--text-input__field-wrapper--warning~.cds--form-requirement,
.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,
.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,
.cds--text-area__wrapper--warn~.cds--form-requirement,
.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,
.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,
.cds--time-picker[data-invalid]~.cds--form-requirement,
.cds--list-box[data-invalid]~.cds--form-requirement,
.cds--list-box--warning~.cds--form-requirement {
    display: block;
    overflow: visible;
    font-weight: 400;
    max-block-size: 12.5rem;
}

.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,
.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement {
    display: inline-flex;
    overflow: visible;
    margin: 0;
    inline-size: 100%;
    margin-block-end: 0;
    max-block-size: 100%;
    padding-inline-start: 0.5rem;
}

input[data-invalid]~.cds--form-requirement,
.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,
.cds--date-picker-input__wrapper~.cds--form-requirement,
.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,
.cds--time-picker--invalid~.cds--form-requirement,
.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,
.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,
.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,
.cds--time-picker[data-invalid]~.cds--form-requirement,
.cds--list-box[data-invalid]~.cds--form-requirement,
.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid],
.cds--form--fluid .cds--text-input__field-wrapper--warning {
    display: block;
}

.cds--form--fluid input[data-invalid] {
    outline: none;
}

.cds--form--fluid .cds--form-requirement {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
}

input:not(output, [data-invalid]):-moz-ui-invalid {
    box-shadow: none;
}

.cds--form-requirement html {
    font-size: 100%;
}

.cds--form-requirement body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--form-requirement code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--form-requirement strong {
    font-weight: 600;
}

.cds--form-requirement {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    display: none;
    overflow: hidden;
    margin: 0.25rem 0 0;
    max-block-size: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.cds--select--inline .cds--form__helper-text {
    margin-block-start: 0;
}

.cds--form__helper-text {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    z-index: 0;
    color: var(--cds-text-helper, #6f6f6f);
    inline-size: 100%;
    margin-block-start: 0.25rem;
    opacity: 1;
}

.cds--label--disabled,
.cds--form__helper-text--disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

fieldset[disabled] .cds--label,
fieldset[disabled] .cds--form__helper-text {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--checkbox-group *,
.cds--checkbox-group *::before,
.cds--checkbox-group *::after {
    box-sizing: inherit;
}

.cds--form-item.cds--checkbox-wrapper {
    position: relative;
    margin-block-end: 0.375rem;
}

.cds--form-item.cds--checkbox-wrapper:first-of-type {
    margin-block-start: 0;
}

.cds--label+.cds--form-item.cds--checkbox-wrapper {
    margin-block-start: -0.125rem;
}

.cds--form-item.cds--checkbox-wrapper:last-of-type {
    margin-block-end: 0.1875rem;
}

.cds--checkbox {
    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;
    inset-block-start: 1.25rem;
    inset-inline-start: 0.7rem;
}

.cds--checkbox-label html {
    font-size: 100%;
}

.cds--checkbox-label body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--checkbox-label code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--checkbox-label strong {
    font-weight: 600;
}

.cds--checkbox-label {
    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);
    position: relative;
    display: flex;
    cursor: pointer;
    min-block-size: 1.25rem;
    padding-block-start: 0.0625rem;
    padding-inline-start: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cds--checkbox-label-text {
    padding-inline-start: 0.625rem;
}

.cds--checkbox-label::before,
.cds--checkbox-label::after {
    box-sizing: border-box;
}

@media print {

    .cds--checkbox-label::before,
    .cds--checkbox-label::after {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.cds--checkbox-label::before {
    position: absolute;
    border: 1px solid var(--cds-icon-primary, #161616);
    border-radius: 2px;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--checkbox-label::before {
        border: 1px solid ButtonBorder;
    }
}

.cds--checkbox-label::before {
    background-color: transparent;
    block-size: 1rem;
    content: "";
    inline-size: 1rem;
    inset-block-start: 0.125rem;
    inset-inline-start: 0;
    margin-block: 0.0625rem 0.125rem;
    margin-inline: 0.1875rem 0;
}

.cds--checkbox-label::after {
    position: absolute;
    background: none;
    block-size: 0.3125rem;
    border-block-end: 1.5px solid var(--cds-icon-inverse, #ffffff);
    border-inline-start: 1.5px solid var(--cds-icon-inverse, #ffffff);
    content: "";
    inline-size: 0.5625rem;
    inset-block-start: 0.40625rem;
    inset-inline-start: 0.4375rem;
    margin-block-start: -0.1875rem;
    transform: scale(0) rotate(-45deg);
    transform-origin: bottom right;
}

.cds--checkbox:checked+.cds--checkbox-label::before,
.cds--checkbox:indeterminate+.cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true]::before {
    border: none;
    border-width: 1px;
    background-color: var(--cds-icon-primary, #161616);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--checkbox:checked+.cds--checkbox-label::before,
    .cds--checkbox:indeterminate+.cds--checkbox-label::before,
    .cds--checkbox-label[data-contained-checkbox-state=true]::before {
        border: 1px solid ButtonBorder;
        background-color: SelectedItem;
    }
}

.cds--checkbox:checked+.cds--checkbox-label::after,
.cds--checkbox-label[data-contained-checkbox-state=true]::after {
    transform: scale(1) rotate(-45deg);
}

.cds--checkbox:indeterminate+.cds--checkbox-label::after {
    border-block-end: 2px solid var(--cds-icon-inverse, #ffffff);
    border-inline-start: 0 solid var(--cds-icon-inverse, #ffffff);
    inline-size: 0.5rem;
    inset-block-start: 0.6875rem;
    transform: scale(1) rotate(0deg);
}

.cds--checkbox:focus+.cds--checkbox-label::before,
.cds--checkbox-label__focus::before,
.cds--checkbox:checked:focus+.cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
.cds--checkbox:indeterminate:focus+.cds--checkbox-label::before {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1px;
}

.cds--checkbox:disabled+.cds--checkbox-label,
.cds--checkbox-label[data-contained-checkbox-disabled=true] {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--checkbox:disabled+.cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-disabled=true]::before {
    border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox:checked:disabled+.cds--checkbox-label::before,
.cds--checkbox:indeterminate:disabled+.cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
    background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,
.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,
.cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before {
    border: 1px solid var(--cds-support-error, #da1e28);
}

.cds--checkbox-group .cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,
.cds--checkbox-group .cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg,
.cds--checkbox-group .cds--checkbox-wrapper>.cds--form__helper-text {
    display: none;
}

.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,
.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked+.cds--checkbox-label::before {
    border: 1px solid var(--cds-icon-primary, #161616);
}

.cds--checkbox-group__validation-msg,
.cds--checkbox__validation-msg {
    display: none;
    align-items: flex-start;
    inline-size: 100%;
    margin-block-start: 0.25rem;
}

.cds--checkbox__invalid-icon {
    margin: 0.0625rem 0.0625rem 0 0.1875rem;
    fill: var(--cds-support-error, #da1e28);
    min-inline-size: 1rem;
}

.cds--checkbox__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--checkbox__invalid-icon--warning path:first-of-type {
    fill: #000000;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,
.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,
.cds--checkbox-wrapper--invalid>.cds--checkbox__validation-msg,
.cds--checkbox-wrapper--warning>.cds--checkbox__validation-msg {
    display: flex;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement {
    display: block;
    overflow: visible;
    margin-block-start: 0;
    margin-inline-start: 0.5rem;
    max-block-size: 100%;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--checkbox-group--readonly .cds--checkbox-label,
.cds--checkbox-wrapper--readonly .cds--checkbox-label {
    cursor: default;
}

.cds--checkbox-group--readonly .cds--checkbox-label-text,
.cds--checkbox-wrapper--readonly .cds--checkbox-label-text {
    cursor: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

.cds--checkbox-group--readonly .cds--checkbox+.cds--checkbox-label::before,
.cds--checkbox-wrapper--readonly .cds--checkbox+.cds--checkbox-label::before {
    border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::before,
.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::before {
    border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    background: transparent;
}

.cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,
.cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after {
    border-color: var(--cds-text-primary, #161616);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--checkbox-group--readonly .cds--checkbox:checked+.cds--checkbox-label::after,
    .cds--checkbox-wrapper--readonly .cds--checkbox:checked+.cds--checkbox-label::after {
        fill: SelectedItemText;
    }
}

.cds--checkbox-skeleton .cds--checkbox-label {
    cursor: default;
}

.cds--checkbox-label-text.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--checkbox-label-text.cds--skeleton:hover,
.cds--checkbox-label-text.cds--skeleton:focus,
.cds--checkbox-label-text.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--checkbox-label-text.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--checkbox-label-text.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--checkbox-label-text.cds--skeleton {
        background: CanvasText;
    }

    .cds--checkbox-label-text.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--checkbox-label-text.cds--skeleton {
    block-size: 1rem;
    inline-size: 6.25rem;
    margin-block: 0.0625rem 0;
    margin-inline: 0.375rem 0;
}

.cds--checkbox--inline {
    position: relative;
}

[dir=rtl] .cds--checkbox-label::after {
    margin-block-start: 0;
    margin-inline-start: -0.0625rem;
    transform-origin: center;
}

[dir=rtl] .cds--checkbox:checked+.cds--checkbox-label::after,
[dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after {
    transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
}

.cds--checkbox-group--decorator legend.cds--label,
.cds--checkbox-wrapper--decorator .cds--checkbox-label-text {
    display: flex;
}

.cds--checkbox-group--slug legend.cds--label,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text {
    display: flex;
}

.cds--checkbox-group--decorator legend.cds--label .cds--checkbox-group-inner--decorator>*,
.cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--checkbox-wrapper-inner--decorator>* {
    margin-inline-start: 0.5rem;
}

.cds--checkbox-group--slug legend.cds--label .cds--ai-label,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label,
.cds--checkbox-group--slug legend.cds--label .cds--slug,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {
    margin-inline-start: 0.5rem;
}

.cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--ai-label__button--inline {
    line-height: inherit;
    margin-block-start: -0.0625rem;
}

.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label__button--inline,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {
    line-height: inherit;
    margin-block-start: -0.0625rem;
}

.cds--checkbox-group--horizontal {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.cds--checkbox-group--horizontal .cds--form-item {
    flex: none;
    margin-block-end: 0;
}

.cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
    margin-inline-end: 1rem;
}

.cds--checkbox-group--horizontal .cds--checkbox-label-text {
    padding-inline-start: 0.5rem;
}

.cds--checkbox-group--horizontal .cds--label+.cds--form-item.cds--checkbox-wrapper {
    margin-block-start: 0;
}

.cds--copy-btn html {
    font-size: 100%;
}

.cds--copy-btn body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--copy-btn code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--copy-btn strong {
    font-weight: 600;
}

.cds--copy-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background-color: var(--cds-layer);
    cursor: pointer;
}

@media (any-hover: hover) {
    .cds--copy-btn:hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--copy-btn:active {
    background-color: var(--cds-layer-active);
}

.cds--copy-btn::before {
    position: absolute;
    z-index: 6000;
    border-style: solid;
    block-size: 0;
    content: "";
    inline-size: 0;
    display: none;
}

.cds--copy-btn .cds--copy-btn__feedback {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    z-index: 6000;
    padding: 0.1875rem 1rem;
    border-radius: 0.125rem;
    background-color: var(--cds-background-inverse, #393939);
    block-size: auto;
    color: var(--cds-text-inverse, #ffffff);
    font-weight: 400;
    inline-size: -moz-max-content;
    inline-size: max-content;
    max-inline-size: 13rem;
    min-inline-size: 1.5rem;
    text-align: start;
    transform: translateX(-50%);
    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);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .cds--copy-btn .cds--copy-btn__feedback {
        inline-size: auto;
    }
}

@supports (-ms-accelerator: true) {
    .cds--copy-btn .cds--copy-btn__feedback {
        inline-size: auto;
    }
}

@supports (-ms-ime-align: auto) {
    .cds--copy-btn .cds--copy-btn__feedback {
        inline-size: auto;
    }
}

@media screen and (-ms-high-contrast: active),
screen and (prefers-contrast) {
    .cds--copy-btn .cds--copy-btn__feedback {
        border: 1px solid transparent;
    }
}

.cds--copy-btn .cds--copy-btn__feedback {
    display: none;
    overflow: visible;
    box-sizing: content-box;
    margin: auto;
    clip: auto;
}

.cds--copy-btn:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--copy-btn:focus {
        outline-style: dotted;
    }
}

.cds--copy-btn:focus {
    outline-color: var(--cds-focus, #0f62fe);
}

.cds--copy-btn.cds--copy-btn--animating::before,
.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback {
    display: block;
}

.cds--copy-btn.cds--copy-btn--animating::before {
    border: none;
}

.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
    animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
}

.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
    animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
}

.cds--copy-btn svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--copy {
    font-size: 0;
}

.cds--snippet html {
    font-size: 100%;
}

.cds--snippet body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--snippet code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--snippet strong {
    font-weight: 600;
}

.cds--snippet--disabled,
.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand {
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--snippet--disabled .cds--copy-btn {
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

@media (any-hover: hover) {

    .cds--snippet--disabled .cds--snippet-btn--expand:hover,
    .cds--snippet--disabled .cds--copy-btn:hover {
        background-color: var(--cds-layer);
        color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
        cursor: not-allowed;
    }
}

.cds--snippet--disabled .cds--snippet__icon,
.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--snippet code {
    font-family: var(--cds-code-01-font-family, 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
    font-size: var(--cds-code-01-font-size, 0.75rem);
    font-weight: var(--cds-code-01-font-weight, 400);
    line-height: var(--cds-code-01-line-height, 1.33333);
    letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
}

.cds--snippet--inline html {
    font-size: 100%;
}

.cds--snippet--inline body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--snippet--inline code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--snippet--inline strong {
    font-weight: 600;
}

.cds--snippet--inline {
    position: relative;
    display: inline;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: var(--cds-layer);
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
}

@media (any-hover: hover) {
    .cds--snippet--inline:hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--snippet--inline:active {
    background-color: var(--cds-layer-active);
}

.cds--snippet--inline:focus {
    border: 1px solid var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--snippet--inline::before {
    position: absolute;
    z-index: 6000;
    border-style: solid;
    block-size: 0;
    content: "";
    inline-size: 0;
    display: none;
    border: none;
}

.cds--snippet--inline .cds--copy-btn__feedback {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    z-index: 6000;
    padding: 0.1875rem 1rem;
    border-radius: 0.125rem;
    background-color: var(--cds-background-inverse, #393939);
    block-size: auto;
    color: var(--cds-text-inverse, #ffffff);
    font-weight: 400;
    inline-size: -moz-max-content;
    inline-size: max-content;
    max-inline-size: 13rem;
    min-inline-size: 1.5rem;
    text-align: start;
    transform: translateX(-50%);
    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);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .cds--snippet--inline .cds--copy-btn__feedback {
        inline-size: auto;
    }
}

@supports (-ms-accelerator: true) {
    .cds--snippet--inline .cds--copy-btn__feedback {
        inline-size: auto;
    }
}

@supports (-ms-ime-align: auto) {
    .cds--snippet--inline .cds--copy-btn__feedback {
        inline-size: auto;
    }
}

@media screen and (-ms-high-contrast: active),
screen and (prefers-contrast) {
    .cds--snippet--inline .cds--copy-btn__feedback {
        border: 1px solid transparent;
    }
}

.cds--snippet--inline .cds--copy-btn__feedback {
    display: none;
    overflow: visible;
    box-sizing: content-box;
    margin: auto;
    clip: auto;
}

.cds--snippet--inline.cds--copy-btn--animating::before,
.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback {
    display: block;
}

.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
    animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
}

.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
    animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
}

.cds--snippet--inline code {
    padding: 0 0.5rem;
}

.cds--snippet--inline.cds--snippet--no-copy {
    display: inline-block;
}

@media (any-hover: hover) {
    .cds--snippet--inline.cds--snippet--no-copy:hover {
        background-color: var(--cds-layer);
        cursor: auto;
    }
}

@media (any-hover: hover) {
    .cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {
        background-color: var(--cds-layer-hover);
        cursor: auto;
    }
}

.cds--snippet--single {
    font-family: var(--cds-code-01-font-family, 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
    font-size: var(--cds-code-01-font-size, 0.75rem);
    font-weight: var(--cds-code-01-font-weight, 400);
    line-height: var(--cds-code-01-line-height, 1.33333);
    letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
    position: relative;
    background-color: var(--cds-layer);
    inline-size: 100%;
    max-inline-size: 48rem;
    min-inline-size: 0;
    display: flex;
    align-items: center;
    block-size: 2.5rem;
    padding-inline-end: 2.5rem;
}

.cds--snippet--single.cds--snippet--no-copy {
    padding: 0;
}

.cds--snippet--single.cds--snippet--no-copy::after {
    inset-inline-end: 1rem;
}

.cds--snippet--single .cds--snippet-container {
    position: relative;
    display: flex;
    align-items: center;
    block-size: 100%;
    min-inline-size: 0;
    overflow-x: auto;
    padding-inline-start: 1rem;
}

.cds--snippet--single .cds--snippet-container:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--snippet--single .cds--snippet-container:focus {
        outline-style: dotted;
    }
}

.cds--snippet--single pre {
    font-family: var(--cds-code-01-font-family, 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
    font-size: var(--cds-code-01-font-size, 0.75rem);
    font-weight: var(--cds-code-01-font-weight, 400);
    line-height: var(--cds-code-01-line-height, 1.33333);
    letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
    padding-inline-end: 2rem;
}

.cds--snippet--single pre,
.cds--snippet--inline code {
    white-space: pre;
}

.cds--snippet--multi {
    font-family: var(--cds-code-01-font-family, 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
    font-size: var(--cds-code-01-font-size, 0.75rem);
    font-weight: var(--cds-code-01-font-weight, 400);
    line-height: var(--cds-code-01-line-height, 1.33333);
    letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
    position: relative;
    background-color: var(--cds-layer);
    inline-size: 100%;
    max-inline-size: 48rem;
    min-inline-size: 0;
    display: flex;
    padding: 1rem;
}

.cds--snippet--multi .cds--snippet-container {
    position: relative;
    order: 1;
    max-block-size: 100%;
    min-block-size: 100%;
    overflow-y: auto;
    transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--snippet--multi .cds--snippet-container:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--snippet--multi .cds--snippet-container:focus {
        outline-style: dotted;
    }
}

.cds--snippet--multi .cds--snippet-container:focus {
    outline-offset: 0;
}

.cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
    padding-block-end: 1rem;
    transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--snippet--multi.cds--snippet--wraptext pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.cds--snippet--multi .cds--snippet-container pre {
    overflow: auto;
    padding-block-end: 1.5rem;
    padding-inline-end: 1.5rem;
}

.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
    padding-inline-end: 0;
}

[dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {
    background-image: linear-gradient(to left, transparent, var(--cds-layer));
}

.cds--snippet--multi .cds--snippet-container pre code {
    overflow: hidden;
}

.cds--snippet__icon {
    block-size: 1rem;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1rem;
    transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--btn>.cds--snippet__icon {
    margin-block-start: 0;
}

.cds--copy-btn html {
    font-size: 100%;
}

.cds--copy-btn body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--copy-btn code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--copy-btn strong {
    font-weight: 600;
}

.cds--copy-btn {
    display: flex;
    overflow: visible;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background-color: var(--cds-layer);
    cursor: pointer;
    outline: none;
}

.cds--copy-btn:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--copy-btn:focus {
        outline-style: dotted;
    }
}

.cds--copy-btn:focus {
    outline-color: var(--cds-focus, #0f62fe);
}

.cds--snippet .cds--popover-container {
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
}

.cds--snippet--inline.cds--btn {
    block-size: 1.25rem;
    inline-size: initial;
    max-inline-size: unset;
    min-block-size: 1.25rem;
    padding-inline: 0;
}

@media (any-hover: hover) {
    .cds--snippet--inline.cds--btn.cds--btn--primary:hover {
        color: var(--cds-text-primary, #161616);
    }
}

.cds--snippet.cds--snippet--multi .cds--popover-container {
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
}

.cds--snippet--multi .cds--copy-btn {
    z-index: 10;
}

.cds--snippet-btn--expand {
    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);
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    position: absolute;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border: 0;
    background-color: var(--cds-layer);
    block-size: 2rem;
    color: var(--cds-text-primary, #161616);
    inset-block-end: 0;
    inset-inline-end: 0;
}

.cds--snippet-btn--expand .cds--snippet-btn--text {
    position: relative;
    inset-block-start: -0.0625rem;
}

.cds--snippet-btn--expand--hide.cds--snippet-btn--expand {
    display: none;
}

.cds--snippet-btn--expand .cds--icon-chevron--down {
    fill: var(--cds-icon-primary, #161616);
    margin-inline-start: 0.5rem;
    transform: rotate(0deg);
    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (any-hover: hover) {
    .cds--snippet-btn--expand:hover {
        background: var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
    }
}

.cds--snippet-btn--expand:active {
    background-color: var(--cds-layer-active);
}

.cds--snippet-btn--expand:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--snippet-btn--expand:focus {
        outline-style: dotted;
    }
}

.cds--snippet-btn--expand:focus {
    border-color: transparent;
}

.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {
    transform: rotate(180deg);
    transition: transform 300ms;
}

.cds--snippet--light,
.cds--snippet--light .cds--snippet-button,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand,
.cds--snippet--light .cds--copy-btn {
    background-color: var(--cds-layer);
}

@media (any-hover: hover) {

    .cds--snippet--light.cds--snippet--inline:hover,
    .cds--snippet--light .cds--snippet-button:hover,
    .cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,
    .cds--snippet--light .cds--copy-btn:hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--snippet--light.cds--snippet--inline:active,
.cds--snippet--light .cds--snippet-button:active,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,
.cds--snippet--light .cds--copy-btn:active {
    background-color: var(--cds-layer-active);
}

.cds--snippet.cds--skeleton .cds--snippet-container {
    block-size: 100%;
    inline-size: 100%;
}

.cds--snippet-button .cds--btn--copy__feedback {
    inset-block-start: 3.175rem;
    inset-inline: 50% auto;
}

.cds--snippet-button .cds--btn--copy__feedback::before {
    inset-block-start: 0;
}

.cds--snippet-button .cds--btn--copy__feedback::after {
    inset-block-start: -0.25rem;
}

.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {
    inset-block-start: 2.675rem;
}

.cds--snippet--inline .cds--btn--copy__feedback {
    inset-block-start: calc(100% - 0.25rem);
    inset-inline: 50% auto;
}

.cds--snippet--single .cds--snippet-container {
    -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%);
    mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%);
    pointer-events: auto;
}

.cds--snippet--multi {
    position: relative;
}

.cds--snippet--multi .cds--snippet-container {
    inline-size: 100%;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
    mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
    pointer-events: auto;
}

[dir=rtl] .cds--snippet--single .cds--snippet-container {
    -webkit-mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%);
    mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%);
}

[dir=rtl] .cds--snippet--multi .cds--snippet-container {
    -webkit-mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
    mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
}

.cds--snippet--single:focus-within .cds--snippet-container,
.cds--snippet--multi:focus-within .cds--snippet-container {
    -webkit-mask-image: none;
    mask-image: none;
}

.cds--snippet--multi.cds--skeleton {
    block-size: 6.125rem;
}

.cds--snippet--single.cds--skeleton {
    block-size: 3.5rem;
}

.cds--snippet.cds--skeleton span {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--snippet.cds--skeleton span:hover,
.cds--snippet.cds--skeleton span:focus,
.cds--snippet.cds--skeleton span:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--snippet.cds--skeleton span::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--snippet.cds--skeleton span::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--snippet.cds--skeleton span {
        background: CanvasText;
    }

    .cds--snippet.cds--skeleton span::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--snippet.cds--skeleton span {
    display: block;
    block-size: 1rem;
    inline-size: 100%;
    margin-block-start: 0.5rem;
}

.cds--snippet.cds--skeleton span:first-child {
    margin: 0;
}

.cds--snippet.cds--skeleton span:nth-child(2) {
    inline-size: 85%;
}

.cds--snippet.cds--skeleton span:nth-child(3) {
    inline-size: 95%;
}

.cds--snippet--single.cds--skeleton .cds--snippet-container {
    padding-block-end: 0;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--snippet--inline:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--snippet--single,
    .cds--snippet--multi {
        outline: 1px solid transparent;
    }
}

.cds--text-input {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--text-input *,
.cds--text-input *::before,
.cds--text-input *::after {
    box-sizing: inherit;
}

.cds--text-input {
    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);
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 var(--cds-layout-density-padding-inline-local);
    border: none;
    background-color: var(--cds-field);
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    font-family: inherit;
    inline-size: 100%;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-input:focus,
.cds--text-input:active {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--text-input:focus,
    .cds--text-input:active {
        outline-style: dotted;
    }
}

.cds--text-input-wrapper svg[hidden] {
    display: none;
}

.cds--password-input {
    padding-inline-end: var(--cds-layout-size-height-local);
}

.cds--text-input::-moz-placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--text-input::placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--text-input--light {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--text-input__field-wrapper {
    position: relative;
    display: flex;
    inline-size: 100%;
}

.cds--text-input__invalid-icon {
    position: absolute;
    fill: var(--cds-support-error, #da1e28);
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    transform: translateY(-50%);
}

.cds--text-input__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--text-input__invalid-icon--warning path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--text-input--password__visibility {
    position: relative;
    display: inline-flex;
    overflow: visible;
    align-items: center;
}

.cds--text-input--password__visibility:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--text-input--password__visibility:focus {
        outline-style: dotted;
    }
}

.cds--text-input--password__visibility {
    cursor: pointer;
}

.cds--text-input--password__visibility:focus {
    outline: 1px solid transparent;
}

.cds--text-input--password__visibility:focus svg {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--text-input--password__visibility:focus svg {
        outline-style: dotted;
    }
}

.cds--text-input--password__visibility::before,
.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility+.cds--assistive-text {
    position: absolute;
    z-index: 6000;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .cds--text-input--password__visibility::before,
    .cds--text-input--password__visibility::after,
    .cds--text-input--password__visibility .cds--assistive-text,
    .cds--text-input--password__visibility+.cds--assistive-text {
        display: inline-block;
    }
}

.cds--text-input--password__visibility::before,
.cds--text-input--password__visibility::after {
    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {

    .cds--text-input--password__visibility::before,
    .cds--text-input--password__visibility::after {
        transition: none;
    }
}

.cds--text-input--password__visibility.cds--tooltip--a11y::before,
.cds--text-input--password__visibility.cds--tooltip--a11y::after {
    transition: none;
}

.cds--text-input--password__visibility::before {
    border-style: solid;
    block-size: 0;
    content: "";
    inline-size: 0;
}

.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility+.cds--assistive-text {
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal;
    word-break: break-word;
}

.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility+.cds--assistive-text {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    z-index: 6000;
    padding: 0.1875rem 1rem;
    border-radius: 0.125rem;
    background-color: var(--cds-background-inverse, #393939);
    block-size: auto;
    color: var(--cds-text-inverse, #ffffff);
    font-weight: 400;
    inline-size: -moz-max-content;
    inline-size: max-content;
    max-inline-size: 13rem;
    min-inline-size: 1.5rem;
    text-align: start;
    transform: translateX(-50%);
    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);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .cds--text-input--password__visibility::after,
    .cds--text-input--password__visibility .cds--assistive-text,
    .cds--text-input--password__visibility+.cds--assistive-text {
        inline-size: auto;
    }
}

@supports (-ms-accelerator: true) {

    .cds--text-input--password__visibility::after,
    .cds--text-input--password__visibility .cds--assistive-text,
    .cds--text-input--password__visibility+.cds--assistive-text {
        inline-size: auto;
    }
}

@supports (-ms-ime-align: auto) {

    .cds--text-input--password__visibility::after,
    .cds--text-input--password__visibility .cds--assistive-text,
    .cds--text-input--password__visibility+.cds--assistive-text {
        inline-size: auto;
    }
}

@media screen and (-ms-high-contrast: active),
screen and (prefers-contrast) {

    .cds--text-input--password__visibility::after,
    .cds--text-input--password__visibility .cds--assistive-text,
    .cds--text-input--password__visibility+.cds--assistive-text {
        border: 1px solid transparent;
    }
}

.cds--text-input--password__visibility::after {
    content: attr(aria-label);
}

.cds--text-input--password__visibility.cds--tooltip--a11y::after {
    content: none;
}

.cds--text-input--password__visibility.cds--tooltip--visible::before,
.cds--text-input--password__visibility.cds--tooltip--visible::after,
.cds--text-input--password__visibility:hover::before,
.cds--text-input--password__visibility:hover::after,
.cds--text-input--password__visibility:focus::before,
.cds--text-input--password__visibility:focus::after {
    opacity: 1;
}

@keyframes cds--tooltip-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,
.cds--text-input--password__visibility:hover .cds--assistive-text,
.cds--text-input--password__visibility:hover+.cds--assistive-text,
.cds--text-input--password__visibility:focus .cds--assistive-text,
.cds--text-input--password__visibility:focus+.cds--assistive-text {
    overflow: visible;
    margin: auto;
    clip: auto;
}

.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before,
.cds--text-input--password__visibility:hover .cds--assistive-text,
.cds--text-input--password__visibility:hover+.cds--assistive-text,
.cds--text-input--password__visibility:hover.cds--tooltip--a11y::before,
.cds--text-input--password__visibility:focus .cds--assistive-text,
.cds--text-input--password__visibility:focus+.cds--assistive-text,
.cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {
    animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text {
    overflow: hidden;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}

.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before {
    animation: none;
    opacity: 0;
}

.cds--text-input--password__visibility .cds--assistive-text::after {
    position: absolute;
    display: block;
    content: "";
    block-size: 0.75rem;
    inline-size: 100%;
    inset-inline-start: 0;
    inset-block-start: -0.75rem;
}

.cds--text-input--password__visibility::before,
.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility+.cds--assistive-text {
    inset-block-end: 0;
    inset-inline-start: 50%;
}

.cds--text-input--password__visibility::before {
    border-width: 0 0.25rem 0.3125rem;
    border-color: transparent transparent var(--cds-background-inverse, #393939);
    inset-block-end: -0.5rem;
    transform: translate(-50%, 100%);
}

.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility+.cds--assistive-text {
    inset-block-end: -0.8125rem;
    transform: translate(-50%, 100%);
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    aspect-ratio: 1;
    background: none;
    block-size: 100%;
    cursor: pointer;
    inset-inline-end: 0;
    min-block-size: auto;
    transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--toggle-password-tooltip .cds--popover {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    gap: 0.25rem;
    inset-inline-start: calc(-1 * (var(--cds-layout-size-height-local)));
}

.cds--toggle-password-tooltip .cds--popover-content {
    min-inline-size: 2.5rem;
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
        outline-style: dotted;
    }
}

.cds--text-input--invalid,
.cds--text-input--warning {
    padding-inline-end: 2.5rem;
}

.cds--text-input--invalid.cds--password-input,
.cds--text-input--warning.cds--password-input {
    padding-inline-end: calc(var(--cds-layout-size-height-local) + 1.5rem);
}

.cds--password-input-wrapper .cds--text-input__invalid-icon {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    inset-inline-end: var(--cds-layout-size-height-local);
}

.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
    cursor: not-allowed;
}

.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {
    .cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
        fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    }
}

.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
    cursor: default;
}

@media (any-hover: hover) {
    .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
        fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    }

    .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
        cursor: default;
    }
}

.cds--text-input__counter-alert {
    position: absolute;
    overflow: hidden;
    padding: 0;
    border: 0;
    margin: -1px;
    block-size: 1px;
    clip: rect(0, 0, 0, 0);
    inline-size: 1px;
}

.cds--text-input:disabled {
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: var(--cds-field);
    border-block-end: 1px solid transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    -webkit-text-fill-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--light:disabled {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--text-input:disabled::-moz-placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    opacity: 1;
}

.cds--text-input:disabled::placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    opacity: 1;
}

.cds--text-input--invalid {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--text-input--invalid {
        outline-style: dotted;
    }
}

.cds--text-input--invalid {
    box-shadow: none;
}

.cds--skeleton.cds--text-input {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--skeleton.cds--text-input:hover,
.cds--skeleton.cds--text-input:focus,
.cds--skeleton.cds--text-input:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--skeleton.cds--text-input::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--skeleton.cds--text-input::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--skeleton.cds--text-input {
        background: CanvasText;
    }

    .cds--skeleton.cds--text-input::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--form--fluid .cds--text-input-wrapper {
    position: relative;
    background: var(--cds-field);
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--form--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inset-block-start: 0.8125rem;
    inset-inline-start: 1rem;
}

.cds--form--fluid .cds--form__helper-text {
    display: none;
}

.cds--form--fluid .cds--text-input {
    padding: 2rem 1rem 0.8125rem;
    min-block-size: 4rem;
}

.cds--text-input__divider,
.cds--form--fluid .cds--text-input__divider {
    display: none;
}

.cds--form--fluid .cds--text-input--invalid,
.cds--form--fluid .cds--text-input--warning {
    border-block-end: none;
}

.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,
.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider {
    display: block;
    border-style: solid;
    border-color: var(--cds-border-subtle);
    margin: 0 1rem;
    border-block-end: none;
}

.cds--form--fluid .cds--text-input__invalid-icon {
    inset-block-start: 5rem;
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid,
.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning {
    outline: none;
}

.cds--form--fluid .cds--text-input__field-wrapper--warning {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
        outline-style: dotted;
    }
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
    .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
        outline-style: dotted;
    }
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus,
.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus {
    outline: none;
}

.cds--text-input-wrapper.cds--text-input-wrapper--inline {
    flex-flow: row nowrap;
    align-items: center;
}

.cds--text-input-wrapper .cds--label--inline {
    flex: 0 1 auto;
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.cds--text-input__label-helper-wrapper {
    flex: 0 1 auto;
    flex-direction: column;
    max-inline-size: 8.875rem;
    overflow-wrap: break-word;
}

.cds--text-input__label-helper-wrapper:first-of-type {
    margin-inline-end: 0.5rem;
}

.cds--text-input__label-helper-wrapper:last-of-type {
    margin-inline-start: 0.5rem;
}

.cds--text-input-wrapper .cds--form__helper-text--inline {
    margin-block-start: 0.125rem;
}

.cds--text-input-wrapper--inline .cds--form__helper-text--inline,
.cds--text-input-wrapper--inline .cds--form-requirement {
    margin: 0;
}

.cds--text-input__field-outer-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    inline-size: 100%;
}

.cds--text-input__field-outer-wrapper--inline {
    flex: 8 1;
    flex-direction: column;
}

.cds--text-input-wrapper--inline .cds--form-requirement {
    display: block;
    overflow: visible;
    font-weight: 400;
    max-block-size: 12.5rem;
}

.cds--text-input-wrapper--inline--invalid .cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--form--fluid .cds--text-input-wrapper--readonly,
.cds--text-input-wrapper--readonly .cds--text-input {
    background: transparent;
    border-block-end-color: var(--cds-border-subtle);
}

.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input__field-wrapper .cds--ai-label,
.cds--text-input__field-wrapper .cds--slug {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    transform: translateY(-50%);
}

.cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-input__field-wrapper--decorator .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~ .cds--ai-label),
.cds--text-input__field-wrapper--slug .cds--text-input:not(.cds--text-input--invalid):not(.cds--text-input--warning):has(~ .cds--slug) {
    padding-inline-end: 2.5rem;
}

.cds--text-input--invalid:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input--warning:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input--invalid:has(~ .cds--ai-label),
.cds--text-input--warning:has(~ .cds--ai-label),
.cds--text-input--invalid:has(~ .cds--slug),
.cds--text-input--warning:has(~ .cds--slug) {
    padding-inline-end: 4rem;
}

.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--text-input__invalid-icon,
.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--text-input__invalid-icon,
.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--text-input__invalid-icon,
.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--text-input__invalid-icon {
    inset-inline-end: 2.5rem;
}

.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--ai-label,
.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--ai-label,
.cds--text-input__field-wrapper--decorator .cds--text-input--invalid~.cds--slug,
.cds--text-input__field-wrapper--decorator .cds--text-input--warning~.cds--slug,
.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--ai-label,
.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--ai-label,
.cds--text-input__field-wrapper--slug .cds--text-input--invalid~.cds--slug,
.cds--text-input__field-wrapper--slug .cds--text-input--warning~.cds--slug {
    inset-inline-end: 1rem;
}

.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>* {
    block-size: 1rem;
}

.cds--text-input__label-wrapper {
    display: flex;
    justify-content: space-between;
    inline-size: 100%;
}

.cds--tag {
    --cds-layout-size-height-xs: 1.125rem;
}

.cds--tag.cds--layout--size-xs,
.cds--layout--size-xs :where(.cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-xs);
}

.cds--tag {
    --cds-layout-size-height-sm: 1.125rem;
}

.cds--tag.cds--layout--size-sm,
.cds--layout--size-sm :where(.cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-sm);
}

.cds--tag {
    --cds-layout-size-height-md: 1.5rem;
}

.cds--tag.cds--layout--size-md,
.cds--layout--size-md :where(.cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
}

.cds--tag {
    --cds-layout-size-height-lg: 2rem;
}

.cds--tag.cds--layout--size-lg,
.cds--layout--size-lg :where(.cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-lg);
}

.cds--tag {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    background-color: var(--cds-tag-background-gray, #e0e0e0);
    color: var(--cds-tag-color-gray, #161616);
}

.cds--tag.cds--tag--operational {
    border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
}

@media (any-hover: hover) {
    .cds--tag.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-gray, #d1d1d1);
    }
}

@media (any-hover: hover) {
    .cds--tag .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-gray, #d1d1d1);
    }
}

.cds--tag .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-gray, #161616);
}

.cds--tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    cursor: default;
    max-inline-size: 13rem;
    min-block-size: var(--cds-layout-size-height-local);
    min-inline-size: 2rem;
    padding-inline: 0.5rem;
    vertical-align: middle;
    word-break: break-word;
}

.cds--tag.cds--tag--lg {
    padding-inline-start: 0.75rem;
}

.cds--tag:has(.cds--tag__custom-icon) {
    padding-inline-start: 0.25rem;
}

.cds--tag.cds--tag--lg:not(.cds--tag--filter) {
    padding-inline: 0.75rem;
}

.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
    padding-inline-start: 0.5rem;
}

.cds--tag:not(.cds--tag--selectable) {
    border: 0;
}

.cds--tag:not(:first-child) {
    margin-inline-start: 0;
}

.cds--tag--operational>span,
.cds--tag--selectable>span,
.cds--tag__label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--tag--interactive:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1px;
}

.cds--tag--filter {
    padding-block: 0;
    padding-inline-end: 0;
}

@media (any-hover: hover) {
    .cds--tag--filter:hover {
        outline: none;
    }
}

.cds--tag--selectable {
    border: 1px solid var(--cds-border-inverse, #161616);
    background-color: var(--cds-layer);
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
}

@media (any-hover: hover) {
    .cds--tag--selectable:hover {
        background-color: var(--cds-layer-hover);
        outline: none;
    }
}

.cds--tag--selectable:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1px;
}

.cds--tag--selectable-selected {
    background-color: var(--cds-layer-selected-inverse, #161616);
    color: var(--cds-text-inverse, #ffffff);
}

@media (any-hover: hover) {
    .cds--tag--selectable-selected:hover {
        background-color: var(--cds-layer-selected-inverse, #161616);
    }
}

.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
    background-color: var(--cds-tag-background-gray, #e0e0e0);
    color: var(--cds-tag-color-gray, #161616);
    cursor: pointer;
}

@media (any-hover: hover) {
    .cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-gray, #d1d1d1);
        outline: none;
    }
}

.cds--tag--operational:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1px;
}

.cds--tag--red {
    background-color: var(--cds-tag-background-red, #ffd7d9);
    color: var(--cds-tag-color-red, #a2191f);
}

.cds--tag--red.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-red, #ff8389);
}

@media (any-hover: hover) {
    .cds--tag--red.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-red, #ffc2c5);
    }
}

@media (any-hover: hover) {
    .cds--tag--red .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-red, #ffc2c5);
    }
}

.cds--tag--red .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-red, #a2191f);
}

.cds--tag--magenta {
    background-color: var(--cds-tag-background-magenta, #ffd6e8);
    color: var(--cds-tag-color-magenta, #9f1853);
}

.cds--tag--magenta.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
}

@media (any-hover: hover) {
    .cds--tag--magenta.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-magenta, #ffbdda);
    }
}

@media (any-hover: hover) {
    .cds--tag--magenta .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-magenta, #ffbdda);
    }
}

.cds--tag--magenta .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-magenta, #9f1853);
}

.cds--tag--purple {
    background-color: var(--cds-tag-background-purple, #e8daff);
    color: var(--cds-tag-color-purple, #6929c4);
}

.cds--tag--purple.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-purple, #be95ff);
}

@media (any-hover: hover) {
    .cds--tag--purple.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-purple, #dcc7ff);
    }
}

@media (any-hover: hover) {
    .cds--tag--purple .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-purple, #dcc7ff);
    }
}

.cds--tag--purple .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-purple, #6929c4);
}

.cds--tag--blue {
    background-color: var(--cds-tag-background-blue, #d0e2ff);
    color: var(--cds-tag-color-blue, #0043ce);
}

.cds--tag--blue.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-blue, #78a9ff);
}

@media (any-hover: hover) {
    .cds--tag--blue.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-blue, #b8d3ff);
    }
}

@media (any-hover: hover) {
    .cds--tag--blue .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-blue, #b8d3ff);
    }
}

.cds--tag--blue .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-blue, #0043ce);
}

.cds--tag--cyan {
    background-color: var(--cds-tag-background-cyan, #bae6ff);
    color: var(--cds-tag-color-cyan, #00539a);
}

.cds--tag--cyan.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
}

@media (any-hover: hover) {
    .cds--tag--cyan.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-cyan, #99daff);
    }
}

@media (any-hover: hover) {
    .cds--tag--cyan .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-cyan, #99daff);
    }
}

.cds--tag--cyan .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-cyan, #00539a);
}

.cds--tag--teal {
    background-color: var(--cds-tag-background-teal, #9ef0f0);
    color: var(--cds-tag-color-teal, #005d5d);
}

.cds--tag--teal.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-teal, #08bdba);
}

@media (any-hover: hover) {
    .cds--tag--teal.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-teal, #57e5e5);
    }
}

@media (any-hover: hover) {
    .cds--tag--teal .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-teal, #57e5e5);
    }
}

.cds--tag--teal .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-teal, #005d5d);
}

.cds--tag--green {
    background-color: var(--cds-tag-background-green, #a7f0ba);
    color: var(--cds-tag-color-green, #0e6027);
}

.cds--tag--green.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-green, #42be65);
}

@media (any-hover: hover) {
    .cds--tag--green.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-green, #74e792);
    }
}

@media (any-hover: hover) {
    .cds--tag--green .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-green, #74e792);
    }
}

.cds--tag--green .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-green, #0e6027);
}

.cds--tag--gray {
    background-color: var(--cds-tag-background-gray, #e0e0e0);
    color: var(--cds-tag-color-gray, #161616);
}

.cds--tag--gray.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
}

@media (any-hover: hover) {
    .cds--tag--gray.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-gray, #d1d1d1);
    }
}

@media (any-hover: hover) {
    .cds--tag--gray .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-gray, #d1d1d1);
    }
}

.cds--tag--gray .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-gray, #161616);
}

.cds--tag--cool-gray {
    background-color: var(--cds-tag-background-cool-gray, #dde1e6);
    color: var(--cds-tag-color-cool-gray, #121619);
}

.cds--tag--cool-gray.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
}

@media (any-hover: hover) {
    .cds--tag--cool-gray.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
    }
}

@media (any-hover: hover) {
    .cds--tag--cool-gray .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
    }
}

.cds--tag--cool-gray .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-cool-gray, #121619);
}

.cds--tag--warm-gray {
    background-color: var(--cds-tag-background-warm-gray, #e5e0df);
    color: var(--cds-tag-color-warm-gray, #171414);
}

.cds--tag--warm-gray.cds--tag--operational {
    border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
}

@media (any-hover: hover) {
    .cds--tag--warm-gray.cds--tag--operational:hover {
        background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
    }
}

@media (any-hover: hover) {
    .cds--tag--warm-gray .cds--tag__close-icon:hover {
        background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
    }
}

.cds--tag--warm-gray .cds--definition-term .cds--tag__label {
    color: var(--cds-tag-color-warm-gray, #171414);
}

.cds--tag--high-contrast:not(.cds--tag--operational) {
    background-color: var(--cds-background-inverse, #393939);
    color: var(--cds-text-inverse, #ffffff);
}

.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
    border: 1px solid var(--cds-background-inverse, #393939);
}

@media (any-hover: hover) {
    .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
        background-color: var(--cds-background-inverse-hover, #474747);
    }
}

@media (any-hover: hover) {
    .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
        background-color: var(--cds-background-inverse-hover, #474747);
    }
}

.cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label {
    color: var(--cds-text-inverse, #ffffff);
}

@media (any-hover: hover) {
    .cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
        background-color: transparent;
    }
}

.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
    background-color: var(--cds-background, #ffffff);
    color: var(--cds-text-primary, #161616);
}

.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
    border: 1px solid var(--cds-background, #ffffff);
}

@media (any-hover: hover) {
    .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
        background-color: var(--cds-layer-hover);
    }
}

@media (any-hover: hover) {
    .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
    color: var(--cds-text-primary, #161616);
}

.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
    outline: 1px solid var(--cds-background-inverse, #393939);
    outline-offset: -1px;
}

.cds--tag--disabled:not(.cds--tag--operational),
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
.cds--tag--filter.cds--tag--disabled.cds--tag--operational,
.cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
    border: 1px solid var(--cds-layer);
}

@media (any-hover: hover) {

    .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
    .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
    .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
        background-color: var(--cds-layer);
    }
}

@media (any-hover: hover) {

    .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
    .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
    .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
        background-color: var(--cds-layer);
    }
}

.cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,
.cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,
.cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--disabled:not(.cds--tag--operational),
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
    box-shadow: none;
    outline: none;
}

@media (any-hover: hover) {

    .cds--tag--disabled:not(.cds--tag--operational):hover,
    .cds--tag--filter.cds--tag--disabled:hover,
    .cds--tag--interactive.cds--tag--disabled:hover {
        cursor: not-allowed;
    }
}

.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,
.cds--tag--filter.cds--tag--disabled .cds--tag__label,
.cds--tag--interactive.cds--tag--disabled .cds--tag__label {
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--selectable.cds--tag--disabled,
.cds--tag--operational.cds--tag--disabled {
    border: 1px solid var(--cds-border-disabled, #c6c6c6);
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {

    .cds--tag--selectable.cds--tag--disabled:hover,
    .cds--tag--operational.cds--tag--disabled:hover {
        background-color: var(--cds-layer);
        cursor: not-allowed;
    }
}

.cds--tag--interactive {
    transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--tag__close-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    margin: 0 0 0 0.125rem;
    background-color: transparent;
    block-size: var(--cds-layout-size-height-local);
    color: currentColor;
    cursor: pointer;
    inline-size: var(--cds-layout-size-height-local);
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tag__close-icon svg {
    fill: currentColor;
}

.cds--tag__custom-icon {
    flex-shrink: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    block-size: 1rem;
    color: currentColor;
    inline-size: 1rem;
    margin-inline-end: 0.25rem;
    outline: none;
}

.cds--tag__custom-icon svg {
    fill: currentColor;
}

.cds--tag--disabled .cds--tag__close-icon {
    cursor: not-allowed;
}

.cds--tag__close-icon:focus {
    z-index: 99999;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--tag--high-contrast .cds--tag__close-icon:focus {
    box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);
}

@media (any-hover: hover) {
    .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
        background-color: transparent;
    }
}

.cds--tag--filter.cds--tag--disabled svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--sm.cds--tag--filter {
    padding-inline-end: 0;
}

.cds--tag--sm .cds--tag__close-icon {
    margin-inline-start: 0.3125rem;
}

.cds--tag.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--tag.cds--skeleton:hover,
.cds--tag.cds--skeleton:focus,
.cds--tag.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--tag.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--tag.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--tag.cds--skeleton {
        background: CanvasText;
    }

    .cds--tag.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--tag.cds--skeleton {
    background-color: var(--cds-skeleton-background, #e8e8e8);
    color: var(--cds-text-primary, #161616);
}

.cds--tag.cds--skeleton.cds--tag--operational {
    border: 1px solid var(--cds-skeleton-background, #e8e8e8);
}

@media (any-hover: hover) {
    .cds--tag.cds--skeleton.cds--tag--operational:hover {
        background-color: var(--cds-skeleton-background, #e8e8e8);
    }
}

@media (any-hover: hover) {
    .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
        background-color: var(--cds-skeleton-background, #e8e8e8);
    }
}

.cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
    color: var(--cds-text-primary, #161616);
}

.cds--tag.cds--skeleton {
    overflow: hidden;
    inline-size: 3.75rem;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .cds--tag.cds--skeleton {
        transform: translateZ(0);
    }
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline,
.cds--tag .cds--slug .cds--slug__button--inline {
    color: currentColor;
    margin-inline-start: 0.0625rem;
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text::before,
.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {
    background-color: currentColor;
}

@media (any-hover: hover) {

    .cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,
    .cds--tag .cds--slug .cds--slug__button--inline:hover {
        border-color: currentColor;
    }
}

.cds--tag--filter .cds--tag__decorator>*,
.cds--tag--filter .cds--ai-label,
.cds--tag--filter .cds--slug {
    min-inline-size: 2.00875rem;
}

.cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)) {
    block-size: 1rem;
    text-align: center;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--tag {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--tag__close-icon:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--tag-label-tooltip {
    max-inline-size: -webkit-fill-available;
}

.cds--tag__custom-icon+.cds--tag-label-tooltip {
    max-inline-size: 11rem;
}

.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip {
    max-inline-size: 9.875rem;
}

.cds--interactive--tag-children {
    display: inline-flex;
    max-inline-size: 12.5rem;
    place-items: center;
}

.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children {
    max-inline-size: 11.5rem;
}

.cds--tag .cds--definition-term {
    border-block-end: none;
    cursor: default;
    max-inline-size: 12rem;
}

.cds--tag .cds--tag__custom-icon+span>.cds--definition-term {
    max-inline-size: 11rem;
}

.cds--tag>.cds--popover-container {
    display: flex;
}

.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
    pointer-events: none;
}

.cds--list-box__wrapper {
    display: block;
}

.cds--list-box__wrapper--inline {
    display: inline-grid;
    align-items: center;
    grid-gap: 0.25rem;
    grid-template: auto auto/auto auto;
}

.cds--list-box__wrapper--inline .cds--label {
    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);
}

.cds--list-box__wrapper--inline .cds--label,
.cds--list-box__wrapper--inline .cds--form__helper-text,
.cds--list-box__wrapper--inline .cds--form-requirement {
    margin: 0;
}

.cds--list-box__wrapper--inline .cds--form__helper-text {
    max-inline-size: none;
}

.cds--list-box__wrapper--inline .cds--form-requirement {
    grid-column: 3;
}

.cds--list-box html {
    font-size: 100%;
}

.cds--list-box body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--list-box code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--list-box strong {
    font-weight: 600;
}

.cds--list-box {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    position: relative;
    border: none;
    background-color: var(--cds-field);
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    inline-size: 100%;
    max-block-size: var(--cds-layout-size-height-local);
    transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box:hover {
    background-color: var(--cds-field-hover);
}

.cds--multi-select.cds--multi-select--readonly.cds--list-box {
    cursor: default;
}

.cds--list-box--expanded {
    border-block-end-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--expanded {
    border-block-end-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--expanded {
    border-block-end-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box--expanded:hover {
    background-color: var(--cds-field);
}

.cds--list-box--expanded:hover.cds--list-box--light:hover {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box .cds--text-input {
    block-size: 100%;
    min-inline-size: 0;
}

.cds--list-box__invalid-icon {
    position: absolute;
    fill: var(--cds-support-error, #da1e28);
    inset-block-start: 50%;
    inset-inline-end: 2.5rem;
    transform: translateY(-50%);
}

.cds--list-box__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--list-box__invalid-icon--warning path[fill] {
    fill: #000000;
    opacity: 1;
}

.cds--list-box[data-invalid] .cds--list-box__field,
.cds--list-box.cds--list-box--warning .cds--list-box__field {
    border-block-end: 0;
    padding-inline-end: 4rem;
}

.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field,
.cds--list-box.cds--list-box--warning.cds--list-box--inline .cds--list-box__field {
    padding-inline-end: 3.5rem;
}

.cds--list-box--light {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box--light:hover {
    background-color: var(--cds-field-hover);
}

.cds--list-box--light .cds--list-box__menu {
    background: var(--cds-layer);
}

.cds--list-box--light .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle);
}

.cds--list-box--light.cds--list-box--expanded {
    border-block-end-color: transparent;
}

.cds--list-box--disabled:hover {
    background-color: var(--cds-field);
}

.cds--list-box--light.cds--list-box--disabled {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box--disabled,
.cds--list-box--disabled .cds--list-box__field,
.cds--list-box--disabled .cds--list-box__field:focus {
    border-block-end-color: transparent;
    outline: none;
}

.cds--list-box--disabled .cds--list-box__label,
.cds--list-box--disabled.cds--list-box--inline .cds--list-box__label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled .cds--list-box__menu-icon>svg,
.cds--list-box--disabled .cds--list-box__selection>svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled,
.cds--list-box--disabled .cds--list-box__field,
.cds--list-box--disabled .cds--list-box__menu-icon {
    cursor: not-allowed;
}

.cds--list-box--disabled .cds--list-box__menu-item,
.cds--list-box--disabled .cds--list-box__menu-item:hover,
.cds--list-box--disabled .cds--list-box__menu-item--highlighted {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    text-decoration: none;
}

.cds--list-box--disabled .cds--list-box__selection:hover {
    cursor: not-allowed;
}

.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field {
    padding-inline-end: 3rem;
}

.cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field {
    padding-inline-end: 2rem;
}

.cds--list-box.cds--list-box--inline {
    border-width: 0;
    background-color: transparent;
}

.cds--list-box.cds--list-box--inline:hover {
    background-color: var(--cds-layer-hover);
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded {
    border-block-end-width: 0;
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded .cds--list-box__field[aria-expanded=true] {
    border-width: 0;
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover,
.cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover {
    background-color: transparent;
}

.cds--list-box.cds--list-box--inline .cds--list-box__field {
    padding: 0 2rem 0 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-icon {
    inset-inline-end: 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon {
    inset-inline-end: 2rem;
}

.cds--list-box--inline .cds--list-box__label {
    color: var(--cds-text-primary, #161616);
}

.cds--list-box--inline .cds--list-box__field {
    block-size: 100%;
}

.cds--dropdown--inline .cds--list-box__field {
    max-inline-size: 30rem;
}

.cds--dropdown--inline .cds--list-box__menu {
    max-inline-size: 30rem;
    min-inline-size: 18rem;
}

.cds--list-box__field {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--list-box__field *,
.cds--list-box__field *::before,
.cds--list-box__field *::after {
    box-sizing: inherit;
}

.cds--list-box__field::-moz-focus-inner {
    border: 0;
}

.cds--list-box__field {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    block-size: calc(100% + 1px);
    cursor: pointer;
    outline: none;
    padding-block: 0;
    padding-inline: 1rem 3rem;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

.cds--list-box__field:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__field:focus {
        outline-style: dotted;
    }
}

.cds--list-box__field[disabled] {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

.cds--list-box__field .cds--text-input {
    padding-inline-end: 4.375rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
.cds--list-box--warning .cds--list-box__field .cds--text-input {
    padding-inline-end: 6.5625rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input+.cds--list-box__invalid-icon,
.cds--list-box--warning .cds--list-box__field .cds--text-input+.cds--list-box__invalid-icon {
    inset-inline-end: 5.125rem;
}

.cds--list-box__field .cds--text-input--empty {
    padding-inline-end: 3rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,
.cds--list-box--warning .cds--list-box__field .cds--text-input--empty {
    padding-inline-end: 4rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty+.cds--list-box__invalid-icon,
.cds--list-box--warning .cds--list-box__field .cds--text-input--empty+.cds--list-box__invalid-icon {
    inset-inline-end: 2.5rem;
}

.cds--list-box__label {
    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);
    overflow: hidden;
    color: var(--cds-text-primary, #161616);
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.cds--list-box__menu-icon {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--list-box__menu-icon *,
.cds--list-box__menu-icon *::before,
.cds--list-box__menu-icon *::after {
    box-sizing: inherit;
}

.cds--list-box__menu-icon::-moz-focus-inner {
    border: 0;
}

.cds--list-box__menu-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 1.5rem;
    cursor: pointer;
    inline-size: 1.5rem;
    inset-inline-end: 0.75rem;
    outline: none;
    transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__menu-icon>svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--list-box__menu-icon--open {
    justify-content: center;
    inline-size: 1.5rem;
    transform: rotate(180deg);
}

.cds--list-box__selection {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--list-box__selection *,
.cds--list-box__selection *::before,
.cds--list-box__selection *::after {
    box-sizing: inherit;
}

.cds--list-box__selection::-moz-focus-inner {
    border: 0;
}

.cds--list-box__selection {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 1.5rem;
    cursor: pointer;
    inline-size: 1.5rem;
    inset-block-start: 50%;
    /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
    inset-inline-end: 2.8125rem;
    transform: translateY(-50%);
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cds--list-box__selection:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__selection:focus {
        outline-style: dotted;
    }
}

.cds--list-box__selection:focus:hover {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__selection:focus:hover {
        outline-style: dotted;
    }
}

.cds--list-box__selection>svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__selection:focus {
    outline: none;
}

.cds--list-box__selection--multi {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    border-radius: 0.75rem;
    background-color: var(--cds-background-inverse, #393939);
    block-size: 1.5rem;
    color: var(--cds-text-inverse, #ffffff);
    inline-size: auto;
    inset-block-start: auto;
    line-height: 0;
    margin-inline-end: 0.625rem;
    padding-inline-end: 0.125rem;
    transform: none;
}

.cds--list-box__selection--multi>svg {
    padding: 0.125rem;
    block-size: 1.25rem;
    fill: var(--cds-icon-inverse, #ffffff);
    inline-size: 1.25rem;
    margin-inline-start: 0.25rem;
}

.cds--list-box__selection--multi>svg:hover {
    border-radius: 50%;
    background-color: var(--cds-button-secondary-hover, #474747);
}

.cds--list-box--disabled .cds--list-box__selection--multi {
    background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    color: var(--cds-layer);
}

.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
    border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {
    .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
        background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    }
}

@media (any-hover: hover) {
    .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
        background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    }
}

.cds--list-box--disabled .cds--list-box__selection--multi .cds--definition-term .cds--tag__label {
    color: var(--cds-layer);
}

.cds--list-box--disabled .cds--list-box__selection--multi>svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled .cds--list-box__selection--multi>svg:hover {
    background-color: initial;
}

.cds--list-box__selection--multi:hover {
    outline: none;
}

.cds--list-box__menu {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    position: absolute;
    z-index: 9100;
    display: none;
    background-color: var(--cds-layer);
    inline-size: 100%;
    inset-inline: 0;
    overflow-y: auto;
    transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__menu:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--list-box__menu:focus {
        outline-style: dotted;
    }
}

.cds--autoalign .cds--list-box__menu {
    inset-inline: auto;
}

.cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
    display: none;
    max-block-size: 0;
    visibility: hidden;
}

.cds--list-box--expanded .cds--list-box__menu {
    display: block;
    max-block-size: calc(var(--cds-layout-size-height-local) * 5.5);
}

.cds--list-box__menu-item {
    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);
    position: relative;
    block-size: var(--cds-layout-size-height-local);
    color: var(--cds-text-secondary, #525252);
    cursor: pointer;
    transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cds--list-box__menu-item:hover {
    background-color: var(--cds-layer-hover);
}

.cds--list-box__menu-item:active {
    background-color: var(--cds-layer-selected);
}

.cds--list-box--light .cds--list-box__menu-item:hover {
    background-color: var(--cds-layer-hover);
}

.cds--list-box--disabled .cds--list-box__menu-item:hover {
    background-color: transparent;
}

.cds--list-box--light .cds--list-box__menu-item:active {
    background-color: var(--cds-layer-selected);
}

.cds--list-box--disabled .cds--list-box__menu-item__option:hover {
    border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
    border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
    border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option {
    border-block-start-color: transparent;
}

.cds--list-box__menu-item:hover .cds--list-box__menu-item__option {
    color: var(--cds-text-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--layer-two .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item__option {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--list-box__menu-item__option *,
.cds--list-box__menu-item__option *::before,
.cds--list-box__menu-item__option *::after {
    box-sizing: inherit;
}

.cds--list-box__menu-item__option {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: block;
    overflow: hidden;
    padding: calc((var(--cds-layout-size-height-local) - 1rem) / 2 - 1px) 0;
    margin: 0 1rem;
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid transparent;
    border-block-start: 1px solid transparent;
    border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
    color: var(--cds-text-secondary, #525252);
    font-weight: normal;
    line-height: 1rem;
    padding-inline-end: 1.5rem;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    white-space: nowrap;
}

.cds--list-box__menu-item__option:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__menu-item__option:focus {
        outline-style: dotted;
    }
}

.cds--list-box__menu-item__option:focus {
    padding: calc((var(--cds-layout-size-height-local) - 1rem) / 2) 1rem;
    border-color: transparent;
    margin: 0;
}

.cds--list-box__menu-item__option:hover {
    border-color: transparent;
    color: var(--cds-text-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,
.cds--list-box--disabled .cds--list-box__menu-item__option {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__menu-item[disabled],
.cds--list-box__menu-item[disabled] *,
.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item[disabled]:hover {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    outline: none;
}

.cds--list-box__menu-item[disabled]:hover {
    background-color: revert;
}

.cds--list-box__menu-item[disabled] .cds--checkbox-label::before {
    border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item[disabled]:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--layer-two .cds--list-box__menu-item[disabled]:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--layer-three .cds--list-box__menu-item[disabled]:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item--active+.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: transparent;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {
    margin: 0 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {
    margin: 0;
    padding-inline: 0.5rem 0.5rem;
}

.cds--list-box__menu-item--highlighted {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__menu-item--highlighted {
        outline-style: dotted;
    }
}

.cds--list-box__menu-item--highlighted {
    color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,
.cds--list-box__menu-item--highlighted+.cds--list-box__menu-item .cds--list-box__menu-item__option {
    border-block-start-color: transparent;
}

.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
    color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--active {
    background-color: var(--cds-layer-selected);
    border-block-end-color: var(--cds-layer-selected);
    color: var(--cds-text-primary, #161616);
}

.cds--list-box--light .cds--list-box__menu-item--active {
    background-color: var(--cds-layer-selected);
    border-block-end-color: var(--cds-layer-selected);
}

.cds--list-box__menu-item--active:hover {
    background-color: var(--cds-layer-selected-hover);
    border-block-end-color: var(--cds-layer-selected-hover);
}

.cds--list-box__menu-item--active .cds--list-box__menu-item__option {
    color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--active+.cds--list-box__menu-item>.cds--list-box__menu-item__option {
    border-block-start-color: transparent;
}

.cds--list-box__menu-item__selected-icon {
    position: absolute;
    display: none;
    fill: var(--cds-icon-primary, #161616);
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    transform: translateY(-50%);
}

.cds--list-box--inline .cds--list-box__menu-item__selected-icon {
    inset-inline-end: 0.5rem;
}

.cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon {
    display: block;
}

.cds--list-box__menu-item .cds--checkbox-label {
    inline-size: 100%;
}

.cds--list-box__menu-item .cds--checkbox-label-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--list-box--up .cds--list-box__menu {
    inset-block-end: var(--cds-layout-size-height-local);
}

.cds--list-box .cds--text-input {
    background-color: inherit;
    min-inline-size: 0;
    text-overflow: ellipsis;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*,
.cds--list-box__wrapper--slug .cds--ai-label,
.cds--list-box__wrapper--slug .cds--slug {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: calc(2.5rem + 9px);
    margin-block-start: 0.03125rem;
    transform: translateY(-50%);
}

.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator>*::before,
.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label::before,
.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*::after,
.cds--list-box__wrapper--slug .cds--ai-label::after,
.cds--list-box__wrapper--slug .cds--slug::after {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #c6c6c6);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*::before,
.cds--list-box__wrapper--slug .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--slug::before {
    display: none;
    inset-inline-start: -0.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*::before,
.cds--list-box__wrapper--slug .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--slug::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--slug--revert::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*::after,
.cds--list-box__wrapper--slug .cds--ai-label::after,
.cds--list-box__wrapper--slug .cds--slug::after {
    display: block;
    inset-block-start: 0.0625rem;
    inset-inline-end: -0.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--slug--revert::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
.cds--list-box__wrapper--slug .cds--ai-label--revert::after,
.cds--list-box__wrapper--slug .cds--slug--revert::after {
    inset-block-start: 0.5rem;
    inset-inline-end: -0.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--list-box__wrapper--slug .cds--list-box:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--list-box__wrapper--slug .cds--list-box:has(.cds--slug):not(:has(.cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--list-box__wrapper--decorator .cds--list-box input[role=combobox],
.cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
    border-block-end-color: transparent;
}

.cds--list-box__wrapper--decorator .cds--list-box__field,
.cds--list-box__wrapper--decorator .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--text-input--empty {
    padding-inline-end: 4rem;
}

.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
    padding-inline-end: 6.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__field,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input--empty,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
    padding-inline-end: 6rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
    padding-inline-end: 8.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty+.cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty+.cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
    inset-inline-end: 5.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid]>*::before,
.cds--list-box__wrapper--decorator .cds--list-box--warning>*::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
    display: block;
}

.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection)~.cds--list-box__inner-wrapper--decorator .cds--ai-label,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection)~.cds--list-box__inner-wrapper--decorator .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection)~.cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection)~.cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection)~.cds--slug,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection)~.cds--slug {
    inset-inline-end: calc(4rem + 18px);
}

.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection)~.cds--list-box__inner-wrapper--decorator>* {
    inset-inline-end: calc(4rem + 18px);
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
    inset-inline-end: 7.125rem;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--list-box__field,
    .cds--list-box__menu,
    .cds--multi-select .cds--tag--filter {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--list-box__field:focus,
    .cds--multi-select .cds--tag__close-icon:focus,
    .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #c6c6c6);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
    margin-inline-start: 2.0625rem;
}

.cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
.cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #c6c6c6);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
    margin-inline-end: 2.0625rem;
}

.cds--list-box__wrapper--decorator:has(.cds--multi-select) .cds--list-box__menu-icon,
.cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
    inset-inline-end: 0.75rem;
}

.cds--list-box__wrapper--decorator:has(.cds--dropdown) .cds--list-box__menu-icon,
.cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
    inset-inline-end: 0.75rem;
}

.cds--combo-box:hover {
    background-color: var(--cds-field);
}

.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
    position: absolute;
    border: 2px solid var(--cds-focus, #0f62fe);
    block-size: 100%;
    border-block-start: 1px solid var(--cds-focus, #0f62fe);
    content: "";
    inline-size: 100%;
}

.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.cds--combo-box.cds--list-box--light:hover {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--combo-box .cds--text-input::-ms-clear {
    display: none;
}

.cds--combo-box.cds--list-box--expanded .cds--text-input {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--combo-box--input--focus.cds--text-input {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--combo-box--input--focus.cds--text-input {
        outline-style: dotted;
    }
}

.cds--combo-box.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) .cds--combo-box--input--focus.cds--text-input {
    outline-offset: -0.0625rem;
    outline-width: 0.0625rem;
}

.cds--combo-box .cds--list-box__field,
.cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
.cds--combo-box.cds--list-box--warning .cds--list-box__field,
.cds--combo-box.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field,
.cds--combo-box.cds--list-box--disabled.cds--list-box--warning .cds--list-box__field {
    padding: 0;
}

.cds--combo-box--readonly,
.cds--combo-box--readonly:hover {
    background-color: transparent;
}

.cds--combo-box--readonly .cds--text-input {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--combo-box--readonly .cds--list-box__menu-icon,
.cds--combo-box--readonly .cds--list-box__selection {
    cursor: default;
}

.cds--combo-box--readonly .cds--list-box__menu-icon svg,
.cds--combo-box--readonly .cds--list-box__selection svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--menu {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--menu *,
.cds--menu *::before,
.cds--menu *::after {
    box-sizing: inherit;
}

.cds--menu {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    position: fixed;
    z-index: 9000;
    padding: 0.25rem 0;
    background-color: var(--cds-layer);
    max-inline-size: 18rem;
    min-inline-size: 10rem;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
}

.cds--menu--border {
    outline: 1px solid var(--cds-border-subtle);
}

.cds--menu--background-token__background {
    background-color: var(--cds-background, #ffffff);
}

.cds--menu--with-icons {
    min-inline-size: 12rem;
}

.cds--menu--open {
    visibility: visible;
}

.cds--menu--open:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--menu--open:focus {
        outline-style: dotted;
    }
}

.cds--menu:not(.cds--menu--open) .cds--menu--open {
    visibility: hidden;
}

.cds--menu--shown {
    overflow: visible;
    opacity: 1;
}

.cds--menu-item {
    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);
    display: grid;
    align-items: center;
    block-size: 2rem;
    color: var(--cds-text-secondary, #525252);
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    cursor: pointer;
    grid-template-columns: 1fr max-content;
    padding-inline: 1rem;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--menu-item:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--menu-item:focus {
        outline-style: dotted;
    }
}

.cds--menu-item:hover {
    background-color: var(--cds-layer-hover);
    color: var(--cds-text-primary, #161616);
}

.cds--menu--xs .cds--menu-item {
    block-size: 1.5rem;
}

.cds--menu--sm .cds--menu-item {
    block-size: 2rem;
}

.cds--menu--md .cds--menu-item {
    block-size: 2.5rem;
}

.cds--menu--lg .cds--menu-item {
    block-size: 3rem;
}

.cds--menu-item__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--menu-item__shortcut {
    display: flex;
}

.cds--menu-item-group>ul,
.cds--menu-item-radio-group>ul {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--menu-item-group>ul *,
.cds--menu-item-group>ul *::before,
.cds--menu-item-group>ul *::after,
.cds--menu-item-radio-group>ul *,
.cds--menu-item-radio-group>ul *::before,
.cds--menu-item-radio-group>ul *::after {
    box-sizing: inherit;
}

.cds--menu-item__icon,
.cds--menu-item__selection-icon {
    display: none;
}

.cds--menu--with-icons>.cds--menu-item,
.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,
.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,
.cds--menu--with-selectable-items>.cds--menu-item,
.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,
.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item {
    grid-template-columns: 1rem 1fr max-content;
}

.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,
.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,
.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,
.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon,
.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,
.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon {
    display: flex;
}

.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,
.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,
.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item {
    grid-template-columns: 1rem 1rem 1fr max-content;
}

.cds--menu-item--disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--menu-item--disabled:hover,
.cds--menu-item--disabled.cds--menu-item--danger:hover {
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--menu-item--danger:focus,
.cds--menu-item--danger:hover {
    background-color: var(--cds-button-danger-primary, #da1e28);
    color: var(--cds-text-on-color, #ffffff);
}

.cds--menu-item--danger:focus {
    box-shadow: inset 0 0 0 0.1875rem var(--cds-background, #ffffff);
}

.cds--menu-item-divider {
    display: block;
    background-color: var(--cds-border-subtle);
    block-size: 0.0625rem;
    inline-size: 100%;
    margin-block: 0.25rem;
}

.cds--combo-button__container {
    display: inline-flex;
    -moz-column-gap: 0.0625rem;
    column-gap: 0.0625rem;
}

.cds--combo-button__container--sm .cds--combo-button__primary-action {
    min-inline-size: 7.9375rem;
}

.cds--combo-button__container--md .cds--combo-button__primary-action {
    min-inline-size: 7.4375rem;
}

.cds--combo-button__container--lg .cds--combo-button__primary-action {
    min-inline-size: 6.9375rem;
}

.cds--combo-button__primary-action .cds--btn {
    inline-size: 100%;
    max-inline-size: 14.9375rem;
    min-inline-size: 6.9375rem;
}

.cds--combo-button__primary-action button {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--combo-button__trigger svg {
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--combo-button__container--open .cds--combo-button__trigger svg {
    transform: rotate(180deg);
}

.cds--combo-button__top {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
}

.cds--combo-button__top-start {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
}

.cds--combo-button__top-end {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
}

.cds--contained-list {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}

.cds--contained-list .cds--tag {
    --cds-layout-size-height-xs: 1.125rem;
}

.cds--contained-list .cds--tag.cds--layout--size-xs,
.cds--layout--size-xs :where(.cds--contained-list .cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-xs);
}

.cds--contained-list .cds--tag {
    --cds-layout-size-height-sm: 1.125rem;
}

.cds--contained-list .cds--tag.cds--layout--size-sm,
.cds--layout--size-sm :where(.cds--contained-list .cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-sm);
}

.cds--contained-list .cds--tag {
    --cds-layout-size-height-md: 1.5rem;
}

.cds--contained-list .cds--tag.cds--layout--size-md,
.cds--layout--size-md :where(.cds--contained-list .cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
}

.cds--contained-list .cds--tag {
    --cds-layout-size-height-lg: 1.5rem;
}

.cds--contained-list .cds--tag.cds--layout--size-lg,
.cds--layout--size-lg :where(.cds--contained-list .cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-lg);
}

.cds--contained-list .cds--tag {
    --cds-layout-size-height-xl: 1.5rem;
}

.cds--contained-list .cds--tag.cds--layout--size-xl,
.cds--layout--size-xl :where(.cds--contained-list .cds--tag) {
    --cds-layout-size-height: var(--cds-layout-size-height-xl);
}

.cds--contained-list .cds--tag {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}

.cds--contained-list>ul {
    padding: 0;
    margin: 0;
}

.cds--contained-list__header {
    position: sticky;
    z-index: 1;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    inset-block-start: 0;
    padding-inline: var(--cds-layout-density-padding-inline-local);
}

.cds--contained-list__label {
    inline-size: 100%;
}

.cds--contained-list .cds--search {
    position: sticky;
    z-index: 1;
    inset-block-start: var(--cds-layout-size-height-local);
}

.cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
    background-color: var(--cds-field);
}

.cds--contained-list .cds--search .cds--search-input {
    background-color: var(--cds-background, #ffffff);
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--contained-list .cds--search .cds--search-close::before {
    display: none;
}

.cds--contained-list .cds--search .cds--search-close {
    border-inline-end: 2px solid transparent;
    outline: none;
}

.cds--contained-list .cds--search .cds--search-close:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--contained-list .cds--search .cds--search-close:focus {
        outline-style: dotted;
    }
}

.cds--contained-list .cds--search .cds--search-input~.cds--search-close:hover {
    border-block-end: 1px solid transparent;
}

.cds--contained-list .cds--search .cds--search-input:focus~.cds--search-close:hover {
    border: 2px solid var(--cds-focus, #0f62fe);
    border-inline-start: 0;
    outline: none;
}

.cds--contained-list--on-page+.cds--contained-list--on-page {
    margin-block-start: 1rem;
}

.cds--contained-list--on-page .cds--contained-list__header {
    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);
    background-color: var(--cds-layer-background);
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid var(--cds-border-subtle);
    color: var(--cds-text-primary, #161616);
}

.cds--layer-two .cds--contained-list--on-page .cds--contained-list__header {
    background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--layer-three .cds--contained-list--on-page .cds--contained-list__header {
    background-color: var(--cds-layer-02, #ffffff);
}

.cds--contained-list--disclosed .cds--contained-list__header {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    background-color: var(--cds-layer);
    block-size: 2rem;
    color: var(--cds-text-secondary, #525252);
}

.cds--contained-list-item {
    position: relative;
    display: list-item;
    list-style: none;
}

.cds--contained-list-item:not(:first-of-type) {
    margin-block-start: -1px;
}

.cds--contained-list-item__content {
    box-sizing: border-box;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content *,
.cds--contained-list-item--clickable .cds--contained-list-item__content *::before,
.cds--contained-list-item--clickable .cds--contained-list-item__content *::after {
    box-sizing: inherit;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content::-moz-focus-inner {
    border: 0;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content {
    text-align: start;
    transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--contained-list-item__content,
.cds--contained-list-item--clickable .cds--contained-list-item__content {
    --temp-1lh: (var(--cds-body-01-line-height, 1.42857) * 1em);
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    padding: calc((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2) var(--cds-layout-density-padding-inline-local);
    color: var(--cds-text-primary, #161616);
    min-block-size: var(--cds-layout-size-height-local);
}

.cds--contained-list-item:not(:last-of-type)::before {
    position: absolute;
    background-color: var(--cds-border-subtle);
    block-size: 1px;
    content: "";
    inset-block-end: 0;
    inset-inline: 0;
}

.cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
    inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
    background-color: var(--cds-layer-hover);
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):active {
    background-color: var(--cds-layer-active);
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:focus {
    outline: none;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
        outline-style: dotted;
    }
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
    position: absolute;
    content: "";
    inset: 0;
}

.cds--contained-list-item--with-action .cds--contained-list-item__content {
    padding-inline-end: 4rem;
}

.cds--contained-list__action,
.cds--contained-list-item__action {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    inset-block-start: 0;
    inset-inline: 0;
    pointer-events: none;
}

.cds--contained-list__action>*,
.cds--contained-list-item__action>* {
    pointer-events: all;
}

.cds--contained-list-item--with-icon .cds--contained-list-item__content {
    display: grid;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    grid-template-columns: 1rem 1fr;
}

.cds--contained-list-item__icon {
    display: inline-flex;
    padding-block-start: 0.125rem;
}

.cds--content-switcher {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    display: flex;
    justify-content: space-evenly;
    border-radius: 0.25rem;
    block-size: var(--cds-layout-size-height-local);
    inline-size: 100%;
    outline: 0.0625rem solid var(--cds-border-inverse, #161616);
    outline-offset: -0.0625rem;
}

.cds--content-switcher:has(.cds--content-switcher-btn:disabled) {
    outline-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher-btn html {
    font-size: 100%;
}

.cds--content-switcher-btn body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--content-switcher-btn code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--content-switcher-btn strong {
    font-weight: 600;
}

.cds--content-switcher-btn {
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    outline: 2px solid transparent;
    outline-offset: -2px;
    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);
    position: relative;
    display: inline-flex;
    overflow: hidden;
    border: none;
    margin: 0;
    background-color: transparent;
    border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
    border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
    color: var(--cds-text-secondary, #525252);
    text-align: start;
    text-decoration: none;
    white-space: nowrap;
}

.cds--content-switcher-btn::after {
    position: absolute;
    display: block;
    border-radius: 0.25rem;
    background-color: var(--cds-layer-selected-inverse, #161616);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    transform: scaleY(0);
    transform-origin: bottom;
}

.cds--content-switcher-btn:disabled::after {
    display: none;
}

.cds--content-switcher-btn:focus {
    border: 0;
}

.cds--content-switcher-btn:focus::after {
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
}

.cds--content-switcher-btn:active {
    z-index: 3;
    background-color: var(--cds-layer-hover);
    color: var(--cds-text-primary, #161616);
}

@media (any-hover: hover) {
    .cds--content-switcher-btn:hover {
        z-index: 3;
        background-color: var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
        cursor: pointer;
    }
}

.cds--content-switcher-btn:disabled {
    border-color: var(--cds-border-disabled, #c6c6c6);
    background-color: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {
    .cds--content-switcher-btn:disabled:hover {
        cursor: not-allowed;
    }
}

.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
    display: block;
    border-radius: 0.25rem;
    block-size: 100%;
    box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
    content: "";
    inline-size: 100%;
}

.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
    background-color: var(--cds-focus-inset, #ffffff);
    transform: scaleY(1);
}

@media (any-hover: hover) {
    .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
        border-radius: 0;
        background-color: var(--cds-layer-hover);
        border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
        border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
        box-shadow: none;
    }
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
    align-items: center;
    padding: 0.5rem var(--cds-layout-density-padding-inline-local);
    inline-size: 100%;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
    border-end-start-radius: 0.25rem;
    border-start-start-radius: 0.25rem;
    box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child:disabled {
    box-shadow: none;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
    border-end-end-radius: 0.25rem;
    border-start-end-radius: 0.25rem;
    box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child:disabled {
    box-shadow: none;
}

.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child {
    border: 0;
}

.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child:disabled::before,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child:disabled::before {
    display: none;
}

.cds--content-switcher-btn::before {
    position: absolute;
    z-index: 2;
    display: block;
    background-color: var(--cds-border-subtle);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
    inset-inline-start: 0;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-of-type::before {
    background-color: transparent;
}

.cds--content-switcher-btn:focus::before,
.cds--content-switcher-btn:focus+.cds--content-switcher-btn::before,
.cds--content-switcher--selected::before,
.cds--content-switcher--selected+.cds--content-switcher-btn::before {
    background-color: transparent;
}

@media (any-hover: hover) {

    .cds--content-switcher-btn:hover::before,
    .cds--content-switcher-btn:hover+.cds--content-switcher-btn::before {
        background-color: transparent;
    }
}

.cds--content-switcher-btn:disabled::before {
    background-color: var(--cds-border-disabled, #c6c6c6);
}

@media (any-hover: hover) {
    .cds--content-switcher-btn:disabled:hover+.cds--content-switcher-btn:disabled::before {
        background-color: var(--cds-border-disabled, #c6c6c6);
    }
}

.cds--content-switcher-btn.cds--content-switcher--selected:disabled+.cds--content-switcher-btn::before {
    background-color: transparent;
}

@media (any-hover: hover) {
    .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover+.cds--content-switcher-btn::before {
        background-color: transparent;
    }
}

.cds--content-switcher__icon {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--content-switcher__icon+span {
    margin-inline-start: 0.5rem;
}

.cds--content-switcher__label {
    z-index: 1;
    overflow: hidden;
    max-inline-size: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--content-switcher-btn:focus .cds--content-switcher__icon {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    .cds--content-switcher-btn:hover .cds--content-switcher__icon {
        fill: var(--cds-icon-primary, #161616);
    }
}

@media (any-hover: hover) {

    .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
    .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover+.cds--content-switcher-btn:focus::before,
    .cds--content-switcher-btn:hover+.cds--content-switcher-btn.cds--content-switcher--selected::before,
    .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
        z-index: 0;
        border-radius: 0;
        block-size: 100%;
        border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
        border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
        box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
        content: "";
        inline-size: 100%;
    }

    .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
    .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover+.cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher-btn:hover+.cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
        background-color: var(--cds-focus-inset, #ffffff);
        transform: scaleY(1);
    }
}

.cds--content-switcher-btn.cds--content-switcher--selected {
    z-index: 3;
    color: var(--cds-text-inverse, #ffffff);
}

@media (any-hover: hover) {
    .cds--content-switcher-btn.cds--content-switcher--selected:hover {
        background-color: transparent;
    }
}

.cds--content-switcher-btn.cds--content-switcher--selected:disabled {
    border-radius: 0.25rem;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher-btn.cds--content-switcher--selected::after {
    transform: scaleY(1);
}

.cds--content-switcher-btn.cds--content-switcher--selected .cds--content-switcher__icon {
    fill: var(--cds-icon-inverse, #ffffff);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--content-switcher-btn:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--content-switcher--icon-only {
    justify-content: flex-start;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn {
    align-items: center;
    padding: 0;
    transition: none;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn:focus {
    box-shadow: none;
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:first-of-type::before {
    background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {
    border-end-start-radius: 0.25rem;
    border-start-start-radius: 0.25rem;
    box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {
    border-end-end-radius: 0.25rem;
    border-start-end-radius: 0.25rem;
    box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn[disabled],
.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn[disabled] {
    box-shadow: none;
}

.cds--content-switcher--lg .cds--content-switcher-btn {
    padding-inline: 0.875rem 0.875rem;
}

.cds--content-switcher--lg .cds--content-switcher-btn svg {
    block-size: 20px;
    inline-size: 20px;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
    z-index: 1;
    fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
    z-index: 1;
    fill: var(--cds-icon-inverse, #ffffff);
}

.cds--content-switcher--icon-only.cds--content-switcher--sm .cds--btn--sm {
    block-size: 2rem;
}

.cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:focus-within+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
.cds--content-switcher--selected::before,
.cds--content-switcher-popover--selected+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
    background-color: transparent;
}

@media (any-hover: hover) {
    .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):not(:focus)::before {
        background-color: transparent;
    }
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {

    .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:not(.cds--content-switcher--selected):hover,
    .cds--content-switcher--icon-only .cds--content-switcher-popover--selected+.cds--content-switcher-popover--disabled .cds--content-switcher-btn[disabled]:hover::before {
        background-color: transparent;
    }

    .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:hover::before {
        background-color: var(--cds-border-subtle);
    }

    .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
    .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
    .cds--content-switcher-popover__wrapper:hover+.cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
    .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
        z-index: 0;
        border-radius: 0;
        block-size: 100%;
        border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
        border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
        box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
        content: "";
        inline-size: 100%;
    }

    .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher-popover__wrapper:hover+.cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
        background-color: var(--cds-focus-inset, #ffffff);
        transform: scaleY(1);
    }
}

.cds--content-switcher--low-contrast {
    background-color: var(--cds-content-switcher-background, #e0e0e0);
    outline-color: var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn {
    border-color: var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:active {
    background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:hover {
        background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
    }
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn::before {
    background-color: var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn::after {
    background-color: var(--cds-content-switcher-selected, #ffffff);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled {
    border-color: var(--cds-border-disabled, #c6c6c6);
    background-color: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover {
        cursor: not-allowed;
    }
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
    background: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
    background-color: var(--cds-content-switcher-background, #e0e0e0);
    box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
        border-color: var(--cds-border-strong);
        background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
        box-shadow: none;
    }
}

.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
    box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
    box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
}

@media (any-hover: hover) {

    .cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover+.cds--content-switcher-btn:focus::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:hover+.cds--content-switcher-btn.cds--content-switcher--selected::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
        border-color: var(--cds-border-strong);
        box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
    }

    .cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover+.cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:hover+.cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
        background-color: var(--cds-content-switcher-background, #e0e0e0);
    }
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected {
    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);
    color: var(--cds-text-primary, #161616);
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:hover {
        background-color: transparent;
    }
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected::after {
    border-radius: 0.25rem;
    background-color: var(--cds-content-switcher-selected, #ffffff);
    box-shadow: inset 0 0 0 0.0625rem var(--cds-border-inverse, #161616);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:focus::after {
    box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
    border: 0.0625rem solid var(--cds-border-disabled, #c6c6c6);
    border-radius: 0.25rem;
    background-color: var(--cds-content-switcher-selected, #ffffff);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before {
    background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus+.cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected+.cds--content-switcher-btn::before {
    background-color: transparent;
}

@media (any-hover: hover) {

    .cds--content-switcher--low-contrast .cds--content-switcher-btn:hover::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:hover+.cds--content-switcher-btn::before {
        background-color: transparent;
    }
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled::before {
    background-color: var(--cds-border-disabled, #c6c6c6);
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover+.cds--content-switcher-btn:disabled::before {
        background-color: var(--cds-border-disabled, #c6c6c6);
    }
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled+.cds--content-switcher-btn::before {
    background-color: transparent;
}

@media (any-hover: hover) {

    .cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover+.cds--content-switcher-btn::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover+.cds--content-switcher-btn.cds--content-switcher--selected::before {
        background-color: transparent;
    }
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:not([disabled]) {
    box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn:not([disabled]) {
    box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
    fill: var(--cds-icon-secondary, #525252);
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn:hover svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected[disabled] svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
    border-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered):focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:focus-within+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected:not(.cds--content-switcher__selected-hovered)::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
    background-color: transparent;
}

@media (any-hover: hover) {
    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered)::before {
        background-color: transparent;
    }
}

@media (any-hover: hover) {

    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover+.cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
    .cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
        border-color: var(--cds-border-strong);
        box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
    }

    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover+.cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover+.cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
    .cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
        background-color: var(--cds-content-switcher-background, #e0e0e0);
    }
}

.cds--radio-button-group {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--radio-button-group *,
.cds--radio-button-group *::before,
.cds--radio-button-group *::after {
    box-sizing: inherit;
}

.cds--radio-button-group {
    position: relative;
    display: flex;
    align-items: center;
}

.cds--label+.cds--form-item .cds--radio-button-group {
    margin-block-start: 0;
}

.cds--radio-button-group--vertical {
    flex-direction: column;
    align-items: flex-start;
}

.cds--radio-button-group--vertical.cds--radio-button-group--label-left {
    align-items: flex-end;
}

.cds--radio-button-group--vertical .cds--radio-button__label {
    margin-inline-end: 0;
}

.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type) {
    margin-block-end: 0.5rem;
}

.cds--radio-button {
    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;
    margin-block-start: 0.9rem;
    margin-inline-start: 0.63rem;
    visibility: inherit;
}

.cds--radio-button__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-inline-end: 1rem;
}

.cds--radio-button__label-text {
    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);
    flex: 1 1;
}

.cds--radio-button__appearance {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--radio-button__appearance *,
.cds--radio-button__appearance *::before,
.cds--radio-button__appearance *::after {
    box-sizing: inherit;
}

.cds--radio-button__appearance {
    flex-shrink: 0;
    border: 1px solid var(--cds-icon-primary, #161616);
    border-radius: 50%;
    background-color: transparent;
    block-size: 1.125rem;
    inline-size: 1.125rem;
    margin-block: 0.0625rem 0.125rem;
    margin-inline: 0.125rem 0.625rem;
}

.cds--radio-button-group--vertical .cds--radio-button__appearance {
    margin-block: 0;
}

.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--cds-icon-primary, #161616);
}

.cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--cds-icon-primary, #161616);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    transform: scale(0.5);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before {
        background-color: ButtonText;
    }
}

@media print {
    .cds--radio-button:checked+.cds--radio-button__label .cds--radio-button__appearance::before {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.cds--radio-button:disabled+.cds--radio-button__label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance,
.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance {
    border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button:disabled+.cds--radio-button__label .cds--radio-button__appearance::before,
.cds--radio-button:disabled:checked+.cds--radio-button__label .cds--radio-button__appearance::before {
    background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button-group--readonly .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance {
    border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button-group--readonly .cds--radio-button__label {
    cursor: default;
}

.cds--radio-button-group--readonly .cds--radio-button__label-text {
    cursor: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

.cds--radio-button-group--invalid .cds--radio-button+.cds--radio-button__label .cds--radio-button__appearance {
    border-color: var(--cds-support-error, #da1e28);
}

.cds--radio-button__validation-msg {
    display: none;
    align-items: flex-end;
    margin-block-start: 0.375rem;
}

.cds--radio-button__invalid-icon {
    fill: var(--cds-support-error, #da1e28);
    margin-inline: 0.1875rem 0.0625rem;
}

.cds--radio-button__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--radio-button__invalid-icon--warning path:first-of-type {
    fill: #000000;
}

.cds--radio-button-group--invalid+.cds--radio-button__validation-msg,
.cds--radio-button-group--warning+.cds--radio-button__validation-msg {
    display: flex;
}

.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement,
.cds--radio-button-group--warning+.cds--radio-button__validation-msg .cds--form-requirement {
    display: block;
    overflow: visible;
    margin-block-start: 0;
    margin-inline-start: 0.5rem;
    max-block-size: 100%;
}

.cds--radio-button-group--invalid+.cds--radio-button__validation-msg .cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--radio-button-group~.cds--form__helper-text {
    margin-block-start: 0.375rem;
}

.cds--radio-button:focus+.cds--radio-button__label .cds--radio-button__appearance {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1.5px;
}

.cds--radio-button__label.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--radio-button__label.cds--skeleton:hover,
.cds--radio-button__label.cds--skeleton:focus,
.cds--radio-button__label.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--radio-button__label.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--radio-button__label.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--radio-button__label.cds--skeleton {
        background: CanvasText;
    }

    .cds--radio-button__label.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--radio-button__label.cds--skeleton {
    block-size: 1.125rem;
    inline-size: 6.25rem;
}

.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {
    display: none;
}

.cds--radio-button-wrapper .cds--radio-button__label {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0;
}

.cds--radio-button-wrapper:not(:last-of-type) {
    margin-inline-end: 1rem;
}

.cds--radio-button-group--vertical .cds--radio-button-wrapper {
    margin-block-end: 0.375rem;
    margin-inline-end: 0;
}

.cds--radio-button-group--vertical .cds--radio-button-wrapper .cds--radio-button__label {
    padding-block-start: 0.125rem;
}

.cds--radio-button-group--label-right .cds--radio-button__label,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label {
    flex-direction: row;
}

.cds--radio-button-group--label-left .cds--radio-button__label,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label {
    flex-direction: row-reverse;
}

.cds--radio-button-group--label-left .cds--radio-button__appearance,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
    margin-inline: 0.5rem 0;
}

.cds--radio-button-group--decorator legend.cds--label,
.cds--radio-button-wrapper--decorator .cds--radio-button__label-text,
.cds--radio-button-group--slug legend.cds--label,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text {
    display: flex;
}

.cds--radio-button-group--decorator legend.cds--label .cds--radio-button-group-inner--decorator>*,
.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--radio-button-wrapper-inner--decorator>*,
.cds--radio-button-group--slug legend.cds--label .cds--ai-label,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label,
.cds--radio-button-group--slug legend.cds--label .cds--slug,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {
    margin-inline-start: 0.5rem;
}

.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--ai-label__button--inline,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label__button--inline,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {
    line-height: inherit;
    margin-block-start: -0.0625rem;
}

.cds--data-table-container {
    position: relative;
    padding-block-start: 0.125rem;
}

.cds--data-table-content {
    display: block;
    overflow-x: auto;
}

.cds--data-table-content:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--data-table-content:focus {
        outline-style: dotted;
    }
}

.cds--data-table-container--ai-enabled {
    position: relative;
    padding: 1px;
    border: none;
}

.cds--data-table-container--ai-enabled::after {
    position: absolute;
    z-index: -1;
    background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset: 0;
    pointer-events: none;
}

.cds--data-table-container--ai-enabled tbody {
    position: relative;
}

.cds--data-table-container--ai-enabled tbody::before {
    position: absolute;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.cds--data-table-header {
    background-color: var(--cds-layer);
    padding-block: 1rem 1.5rem;
    padding-inline: 1rem;
}

.cds--data-table-header.cds--data-table-header__with-decorator {
    display: flex;
    justify-content: space-between;
}

.cds--data-table-header.cds--data-table-header__with-decorator.cds--data-table-header__with-decorator--standalone {
    justify-content: flex-end;
}

.cds--data-table-header__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);
    color: var(--cds-text-primary, #161616);
}

.cds--data-table-header__description {
    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);
    color: var(--cds-text-secondary, #525252);
}

@media (min-width: 42rem) {
    .cds--data-table-header__description {
        max-inline-size: 50ch;
    }
}

@media (min-width: 66rem) {
    .cds--data-table-header__description {
        max-inline-size: 80ch;
    }
}

.cds--data-table {
    border-collapse: collapse;
    border-spacing: 0;
    inline-size: 100%;
}

.cds--data-table thead {
    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);
    background-color: var(--cds-layer-accent);
}

.cds--data-table tbody {
    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);
    background-color: var(--cds-layer);
    inline-size: 100%;
}

.cds--data-table tr {
    border: none;
    block-size: 3rem;
    inline-size: 100%;
}

.cds--data-table tbody tr,
.cds--data-table tbody tr td,
.cds--data-table tbody tr th {
    transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

@media (any-hover: hover) {

    .cds--data-table tbody tr:not([data-child-row]):hover,
    .cds--data-table tbody tr[data-child-row]:hover>td {
        background-color: var(--cds-layer-hover);
    }

    .cds--data-table tbody tr:hover td,
    .cds--data-table tbody tr:hover th {
        border-block-end: 1px solid var(--cds-layer-hover);
        border-block-start: 1px solid var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
    }

    .cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
        color: var(--cds-link-secondary, #0043ce);
    }

    .cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
        color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    }
}

.cds--data-table th,
.cds--data-table td {
    text-align: start;
    vertical-align: middle;
}

.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
    padding-block: 1rem 1rem;
}

.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
    padding-block-start: 0.5rem;
}

.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
    padding-block-start: 0.8125rem;
}

.cds--data-table.cds--data-table--top-aligned-body td {
    vertical-align: top;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
    padding-block: 1rem 1rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
    padding-block-start: 0.5rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
    padding-block-start: 0.8125rem;
}

.cds--data-table.cds--data-table--top-aligned-header th {
    vertical-align: top;
}

.cds--data-table th[align=right],
.cds--data-table td[align=right] {
    text-align: end;
}

.cds--data-table th[align=center],
.cds--data-table td[align=center] {
    text-align: center;
}

.cds--data-table th {
    background-color: var(--cds-layer-accent);
    color: var(--cds-text-primary, #161616);
    padding-inline: 1rem 1rem;
}

.cds--data-table th:last-of-type {
    position: static;
    inline-size: auto;
}

.cds--data-table .cds--table-header-label {
    text-align: start;
}

.cds--data-table td,
.cds--data-table tbody th {
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    border-block-start: 1px solid var(--cds-layer);
    color: var(--cds-text-secondary, #525252);
    padding-inline: 1rem 1rem;
}

.cds--data-table td+td:first-of-type,
.cds--data-table tbody th+td:first-of-type {
    padding-inline-start: 0.75rem;
}

.cds--layer-two .cds--data-table td,
.cds--layer-two .cds--data-table tbody th {
    border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--data-table td,
.cds--layer-three .cds--data-table tbody th {
    border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
}

@supports (-moz-appearance: none) {
    .cds--data-table td {
        background-clip: padding-box;
    }
}

.cds--data-table .cds--list-box input[role=combobox],
.cds--data-table .cds--list-box input[type=text],
.cds--data-table .cds--dropdown,
.cds--data-table .cds--list-box,
.cds--data-table .cds--number input[type=number],
.cds--data-table .cds--number input[type=text],
.cds--data-table .cds--number__control-btn::before,
.cds--data-table .cds--number__control-btn::after,
.cds--data-table .cds--text-input,
.cds--data-table .cds--select-input {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {
        outline-style: dotted;
    }
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=true]:focus {
    outline: none;
}

@media screen and (hover: hover),
(-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .cds--data-table td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
        opacity: 0;
    }
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__icon {
    opacity: 1;
}

.cds--data-table.cds--data-table--visible-overflow-menu td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon,
.cds--data-table td.cds--table-column-menu .cds--overflow-menu:hover .cds--overflow-menu__icon,
.cds--data-table td.cds--table-column-menu .cds--overflow-menu:focus .cds--overflow-menu__icon {
    opacity: 1;
}

@media (any-hover: hover) {
    .cds--data-table tr:hover td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
        opacity: 1;
    }
}

.cds--table-row--menu-option .cds--overflow-menu-options__btn .cds--overflow-menu-options__option-content svg {
    position: relative;
    inset-block-start: 0.1875rem;
    margin-inline-end: 0.5rem;
}

.cds--data-table .cds--overflow-menu:hover,
.cds--data-table .cds--overflow-menu__trigger:hover {
    background-color: var(--cds-layer-selected-hover);
}

.cds--data-table--selected .cds--overflow-menu:hover,
.cds--data-table--selected .cds--overflow-menu__trigger:hover {
    background-color: var(--cds-layer-hover);
}

.cds--data-table--selected .cds--link:not(.cds--link--disabled) {
    color: var(--cds-link-secondary, #0043ce);
}

.cds--data-table--xs td.cds--table-column-menu,
.cds--data-table--sm td.cds--table-column-menu {
    block-size: 1.5rem;
    padding-block: 0;
}

.cds--data-table--sm td.cds--table-column-menu {
    block-size: 2rem;
}

.cds--data-table--md td.cds--table-column-menu {
    block-size: 2.5rem;
}

.cds--data-table--xl .cds--table-column-menu {
    padding-block-start: 0.5rem;
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {
    border-block-end: 1px solid var(--cds-layer);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
    border-block-end: 1px solid var(--cds-layer-accent);
    border-block-start: 1px solid var(--cds-layer-accent);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {
    background-color: var(--cds-layer-accent);
}

@media (any-hover: hover) {
    .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
        border-block-end: 1px solid var(--cds-layer-hover);
        border-block-start: 1px solid var(--cds-layer-hover);
    }

    .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
        background-color: var(--cds-layer-hover);
    }
}

.cds--table-column-checkbox .cds--checkbox-label {
    min-block-size: 1.5rem;
    padding-inline-start: 0;
}

.cds--table-column-checkbox .cds--checkbox-label::before {
    margin-block-start: 0.125rem;
}

.cds--table-column-checkbox .cds--checkbox-label::after {
    inset-block-start: 0.46875rem;
}

.cds--data-table th.cds--table-column-checkbox {
    position: static;
    background-color: var(--cds-layer-accent);
    inline-size: 2rem;
    transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--data-table thead th.cds--table-column-checkbox,
.cds--data-table tbody td.cds--table-column-checkbox,
.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
    min-inline-size: 0;
}

.cds--data-table thead th.cds--table-column-checkbox,
.cds--data-table tbody td.cds--table-column-checkbox {
    min-inline-size: 2.5rem;
    padding-inline: 1rem 0.25rem;
}

.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
    block-size: 2rem;
    inline-size: 2rem;
}

.cds--data-table--xs thead th.cds--table-expand,
.cds--data-table--xs tbody td.cds--table-expand {
    padding: 0 0 0 0.5rem;
    block-size: 1.5rem;
    inline-size: 1.5rem;
}

.cds--data-table--sm thead th.cds--table-expand,
.cds--data-table--sm tbody td.cds--table-expand {
    padding: 0;
    block-size: 2rem;
    inline-size: 2rem;
    padding-inline-start: 0.5rem;
}

.cds--data-table--md thead th.cds--table-expand,
.cds--data-table--md tbody td.cds--table-expand {
    padding: 0.25rem 0 0.25rem 0.5rem;
    block-size: 2.5rem;
    inline-size: 2.5rem;
}

.cds--data-table--xl thead th.cds--table-expand,
.cds--data-table--xl tbody td.cds--table-expand {
    block-size: 4rem;
    padding-block: 0.625rem 1.375rem;
}

.cds--data-table--xl .cds--table-column-checkbox {
    padding-block-start: 0.8125rem;
}

.cds--data-table--xl .cds--table-column-radio {
    padding-block-start: 1rem;
}

.cds--table-column-radio {
    inline-size: 48px;
}

.cds--table-column-radio .cds--radio-button__appearance {
    margin-inline-end: -0.125rem;
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
tr.cds--data-table--selected td {
    border-block-end: 1px solid var(--cds-layer-active);
    border-block-start: 1px solid var(--cds-layer-selected);
    color: var(--cds-text-primary, #161616);
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,
tr.cds--data-table--selected {
    background-color: var(--cds-layer-selected);
}

.cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
tr.cds--data-table--selected:first-of-type td {
    border-block-start: 1px solid var(--cds-border-subtle-selected);
}

.cds--data-table--zebra tbody tr:last-of-type:nth-child(odd).cds--data-table--selected td,
.cds--data-table--zebra tbody tr:last-of-type:nth-child(even).cds--data-table--selected td,
tr.cds--data-table--selected:last-of-type td {
    border-block-end: 1px solid var(--cds-layer-selected);
    border-block-start: 1px solid var(--cds-layer-selected);
}

.cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected td {
    border-block-end: 1px solid var(--cds-layer-active);
}

@media (any-hover: hover) {
    .cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected:hover td {
        border-block-end: 1px solid var(--cds-layer-selected-hover);
    }

    .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
    .cds--data-table tbody .cds--data-table--selected:hover td {
        border-block-end: 1px solid var(--cds-layer-selected-hover);
        border-block-start: 1px solid var(--cds-layer-selected-hover);
        color: var(--cds-text-primary, #161616);
    }

    .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
    .cds--data-table tbody .cds--data-table--selected:hover {
        background-color: var(--cds-layer-selected-hover);
    }
}

.cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
    opacity: 1;
}

.cds--data-table--xs thead tr,
.cds--data-table--xs tbody tr,
.cds--data-table--xs tbody tr th {
    block-size: 1.5rem;
}

.cds--data-table--xs .cds--table-header-label {
    padding-block: 0.125rem 0.125rem;
}

.cds--data-table--xs td,
.cds--data-table--xs tbody tr th {
    padding-block: 0.125rem 0.125rem;
}

.cds--data-table--xs .cds--overflow-menu {
    block-size: calc(100% + 1px);
    inline-size: 2rem;
}

.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
    padding-block: 0;
}

.cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
    block-size: 1.4375rem;
    min-block-size: 1.4375rem;
}

.cds--data-table--sm thead tr,
.cds--data-table--sm tbody tr,
.cds--data-table--sm tbody tr th {
    block-size: 2rem;
}

.cds--data-table--sm .cds--table-header-label {
    padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table--sm td,
.cds--data-table--sm tbody tr th,
.cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
    padding-block: 0.4375rem 0.375rem;
}

.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
    padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--sm .cds--overflow-menu {
    block-size: calc(100% + 1px);
}

.cds--data-table--md thead tr,
.cds--data-table--md tbody tr,
.cds--data-table--md tbody tr th {
    block-size: 2.5rem;
}

.cds--data-table--md .cds--table-header-label,
.cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
    padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table--md td,
.cds--data-table--md tbody tr th {
    padding-block: 0.4375rem 0.375rem;
}

.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
    padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--md .cds--table-column-menu {
    padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--xl thead tr,
.cds--data-table--xl tbody tr,
.cds--data-table--xl tbody tr th {
    block-size: 4rem;
}

.cds--data-table--xl .cds--table-header-label {
    padding-block: 1rem 1rem;
}

.cds--data-table--xl td,
.cds--data-table--xl tbody tr th {
    padding-block: 1rem 1rem;
}

.cds--data-table--xl th,
.cds--data-table--xl td {
    vertical-align: top;
}

.cds--data-table--xl .cds--data-table--cell-secondary-text {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--data-table--static {
    inline-size: auto;
}

.cds--data-table-container--static {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
}

.cds--data-table_inner-container {
    background-color: var(--cds-layer-accent);
    transform: translateZ(0);
}

.cds--data-table--sticky-header {
    display: block;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    min-inline-size: 100%;
    overflow-y: scroll;
}

.cds--data-table--sticky-header thead,
.cds--data-table--sticky-header tbody,
.cds--data-table--sticky-header tr,
.cds--data-table--sticky-header th,
.cds--data-table--sticky-header td {
    display: flex;
}

.cds--data-table--sticky-header thead {
    position: sticky;
    z-index: 1;
    inline-size: 100%;
    inset-block-start: 0;
    -ms-overflow-style: none;
    will-change: transform;
}

.cds--data-table--sticky-header thead tr th {
    border-block-end: 1px solid var(--cds-layer-active);
}

.cds--data-table--sticky-header tbody {
    flex-direction: column;
    -ms-overflow-style: none;
    will-change: transform;
}

.cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {
    block-size: auto;
    min-block-size: 3rem;
}

.cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row) {
    block-size: auto;
}

.cds--data-table--sticky-header .cds--table-expand {
    max-inline-size: 3rem;
}

.cds--data-table--sticky-header thead .cds--table-expand {
    align-items: center;
}

.cds--data-table--sticky-header .cds--parent-row {
    min-block-size: 3rem;
}

.cds--data-table--sticky-header:not(.cds--data-table--xs):not(.cds--data-table--xl):not(.cds--data-table--sm) td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {
    padding-block-start: 0.875rem;
}

@media (any-hover: hover) {
    .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row:hover+tr[data-child-row] td {
        border-block-start: 1px solid var(--cds-layer-hover);
    }
}

.cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {
    overflow: hidden;
}

.cds--data-table--sticky-header tr.cds--data-table--selected:first-of-type td {
    border-block-start: none;
}

.cds--data-table--sticky-header thead th.cds--table-column-checkbox,
.cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox {
    align-items: center;
    inline-size: 2.25rem;
    min-inline-size: 2.25rem;
}

.cds--data-table--sticky-header.cds--data-table--xl thead th.cds--table-column-checkbox,
.cds--data-table--sticky-header.cds--data-table--xl td.cds--table-column-checkbox {
    align-items: flex-start;
}

.cds--data-table--sticky-header {
    /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */
}

.cds--data-table--sticky-header th.cds--table-column-checkbox~th:last-of-type:empty {
    max-inline-size: 4rem;
}

.cds--data-table--sticky-header th:empty:not(.cds--table-expand) {
    max-inline-size: 2.25rem;
}

.cds--data-table--sticky-header td.cds--table-column-menu {
    align-items: center;
    block-size: auto;
    padding-block-start: 0;
}

.cds--data-table--sticky-header thead::-webkit-scrollbar,
.cds--data-table--sticky-header tbody::-webkit-scrollbar {
    display: none;
}

.cds--data-table--sticky-header {
    /* This is for targeting styles specific to firefox */
    /* To hide the firefox scrollbar */
    /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
    /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}

@-moz-document url-prefix() {

    .cds--data-table--sticky-header thead,
    .cds--data-table--sticky-header tbody {
        scrollbar-width: none;
    }
}

.cds--data-table--sticky-header tbody tr:last-of-type {
    border-block-end: 0;
}

.cds--data-table--sticky-header th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon),
.cds--data-table--sticky-header td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon) {
    inline-size: 100%;
    min-inline-size: 0;
}

.cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row),
.cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row),
.cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
    block-size: auto;
}

.cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row) {
    min-block-size: 1.5rem;
}

.cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row) {
    min-block-size: 2rem;
}

.cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
    min-block-size: 4rem;
}

.cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {
    padding-block-start: 0.25rem;
}

.cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {
    padding-block-start: 0.5rem;
}

.cds--data-table--sticky-header .cds--table-header-label {
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-inline-size: calc(100% - 10px);
    overflow-y: hidden;
    padding-block: 0.9375rem 1rem;
}

.cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
    padding-block: 0.1875rem 0;
}

.cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
    padding-block: 0.5rem 0;
}

.cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
    padding-block-start: 1rem;
}

.cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {
    display: flex;
    align-items: flex-start;
}

.cds--data-table--sticky-header.cds--data-table--xs tr.cds--parent-row .cds--table-column-checkbox,
.cds--data-table--sticky-header.cds--data-table--sm tr.cds--parent-row .cds--table-column-checkbox {
    align-items: flex-start;
}

.cds--data-table--max-width {
    max-inline-size: 100%;
}

.cds--data-table--sticky-header {
    max-block-size: 18.75rem;
}

.cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {
    margin: 0;
}

.cds--data-table--xs .cds--form-item.cds--checkbox-wrapper:last-of-type,
.cds--data-table--sm .cds--form-item.cds--checkbox-wrapper:last-of-type {
    margin: -0.1875rem 0;
}

.cds--data-table .cds--table-column-slug,
.cds--data-table .cds--table-column-decorator {
    inline-size: 1rem;
    padding-inline-end: 0;
}

tr.cds--data-table--slug-row,
tr.cds--data-table--slug-row+.cds--expandable-row,
tr.cds--data-table--ai-label-row,
tr.cds--data-table--ai-label-row+.cds--expandable-row {
    background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
    background-attachment: fixed;
}

.cds--data-table--slug-row,
.cds--data-table--ai-label-row {
    box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
}

tr.cds--data-table--ai-label-row.cds--expandable-row--hover>td,
tr.cds--data-table--selected.cds--data-table--ai-label-row.cds--expandable-row+tr.cds--expandable-row[data-child-row]>td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover>td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover>td:first-of-type {
    background-color: transparent;
}

@media (any-hover: hover) {

    .cds--data-table tbody tr.cds--data-table--ai-label-row:hover td,
    tr.cds--data-table--ai-label-row.cds--expandable-row:hover+.cds--expandable-row[data-child-row] td,
    tr.cds--data-table--ai-label-row.cds--expandable-row--hover+.cds--expandable-row[data-child-row]:hover>td,
    tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
    tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
    tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover>td,
    tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover+tr[data-child-row]>td {
        background-color: transparent;
    }
}

tr.cds--expandable-row--hover.cds--data-table--ai-label-row,
tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--ai-label-row {
    background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
    background-attachment: fixed;
}

@media (any-hover: hover) {

    .cds--data-table tbody tr.cds--data-table--ai-label-row:hover,
    tr.cds--data-table--ai-label-row:hover+.cds--expandable-row[data-child-row],
    tr.cds--data-table--ai-label-row.cds--expandable-row--hover+.cds--expandable-row[data-child-row]:hover {
        background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
        background-attachment: fixed;
    }
}

tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
.cds--data-table--selected.cds--data-table--slug-row,
tr.cds--data-table--selected.cds--data-table--slug-row+.cds--expandable-row,
tr.cds--parent-row.cds--data-table--selected.cds--data-table--ai-label-row,
.cds--data-table--selected.cds--data-table--ai-label-row,
tr.cds--data-table--selected.cds--data-table--ai-label-row+.cds--expandable-row {
    background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
    background-attachment: fixed;
}

tr.cds--data-table--ai-label-row.cds--data-table--selected td {
    border-block-end-color: var(--cds-border-subtle);
}

@media (any-hover: hover) {

    tr.cds--data-table--ai-label-row.cds--data-table--selected:hover td,
    tbody tr.cds--data-table--ai-label-row:hover td,
    tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
        border-block-end-color: var(--cds-border-subtle);
    }
}

tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row]>td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug),
tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row]>td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
    border-block-end: 1px solid var(--cds-layer-selected);
}

@media (any-hover: hover) {

    tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type,
    tr.cds--parent-row.cds--data-table--ai-label-row.cds--expandable-row:hover td:first-of-type,
    tr.cds--parent-row.cds--data-table--decoratorß-row.cds--expandable-row:hover td:first-of-type {
        border-block-end: 1px solid transparent;
    }
}

.cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
.cds--data-table thead th:has(> .cds--table-header-label--slug),
.cds--data-table thead th.cds--table-sort__header--ai-label .cds--table-sort,
.cds--data-table thead th:has(> .cds--table-header-label--ai-label) {
    background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.cds--table-column-slug .cds--ai-label,
.cds--table-column-slug .cds--slug,
.cds--table-column-decorator .cds--decorator {
    position: absolute;
    z-index: 2;
    transform: translateY(-50%);
}

.cds--data-table--xl .cds--table-column-slug .cds--ai-label,
.cds--data-table--xl .cds--table-column-slug .cds--slug,
.cds--data-table--xl .cds--table-column-decorator .cds--decorator {
    transform: translateY(1px);
}

th .cds--table-header-label.cds--table-header-label--slug,
th .cds--table-header-label.cds--table-header-label--ai-label,
th .cds--table-header-label.cds--table-header-label--decorator {
    display: flex;
    align-items: center;
}

th .cds--table-header-label.cds--table-header-label--ai-label .cds--ai-label,
th .cds--table-header-label.cds--table-header-label--ai-label .cds--slug,
th .cds--table-header-label.cds--table-header-label--decorator .cds--table-header-label--decorator-inner,
th .cds--table-header-label.cds--table-header-label--ai-label .cds--table-header-label--decorator-inner {
    margin-inline-start: auto;
}

th.cds--table-sort__header--slug,
th:has(.cds--table-header-label--slug),
th.cds--table-sort__header--ai-label,
th:has(.cds--table-header-label--ai-label) {
    box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
}

td.cds--table-cell--column-slug {
    background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
    border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
    .cds--data-table-content {
        outline: 1px solid transparent;
    }
}

.cds--search {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    position: relative;
    display: flex;
    align-items: center;
    inline-size: 100%;
}

.cds--search .cds--search-close,
.cds--search~.cds--search-button {
    block-size: var(--cds-layout-size-height-local);
    inline-size: var(--cds-layout-size-height-local);
}

.cds--search.cds--search--expandable,
.cds--search.cds--search--expandable .cds--search-magnifier {
    block-size: var(--cds-layout-size-height-local);
    inline-size: var(--cds-layout-size-height-local);
}

.cds--search .cds--label {
    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;
}

.cds--search-input {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--search-input *,
.cds--search-input *::before,
.cds--search-input *::after {
    box-sizing: inherit;
}

.cds--search-input {
    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);
    outline: 2px solid transparent;
    outline-offset: -2px;
    order: 1;
    padding: 0 var(--cds-layout-size-height-local);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--cds-field);
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    inline-size: 100%;
    text-overflow: ellipsis;
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search-input:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--search-input:focus {
        outline-style: dotted;
    }
}

.cds--search-input::-moz-placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--search-input::placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--search-input::-ms-clear {
    display: none;
}

.cds--search-input::-webkit-search-decoration,
.cds--search-input::-webkit-search-cancel-button,
.cds--search-input::-webkit-search-results-button,
.cds--search-input::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

.cds--search-input[disabled] {
    background-color: var(--cds-field);
    border-block-end: 1px solid transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--search-input[disabled]::-moz-placeholder {
    color: var(--cds-field);
}

.cds--search-input[disabled]::placeholder {
    color: var(--cds-field);
}

.cds--search--light .cds--search-input {
    background: var(--cds-field-02, #ffffff);
}

.cds--search--light .cds--search-close::before {
    background: var(--cds-field-02, #ffffff);
}

.cds--search-magnifier-icon {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--search-magnifier-icon *,
.cds--search-magnifier-icon *::before,
.cds--search-magnifier-icon *::after {
    box-sizing: inherit;
}

.cds--search-magnifier-icon {
    position: absolute;
    z-index: 2;
    block-size: 1rem;
    fill: var(--cds-icon-secondary, #525252);
    inline-size: 1rem;
    inset-block-start: 50%;
    inset-inline-start: calc((var(--cds-layout-size-height-local) - 1rem) / 2);
    pointer-events: none;
    transform: translateY(-50%);
}

.cds--search-close {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--search-close *,
.cds--search-close *::before,
.cds--search-close *::after {
    box-sizing: inherit;
}

.cds--search-close::-moz-focus-inner {
    border: 0;
}

.cds--search-close {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
}

.cds--search-close:hover {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--search-button {
    flex-shrink: 0;
    background-color: var(--cds-field);
    margin-inline-start: 0.125rem;
}

.cds--search-button svg {
    fill: currentColor;
    vertical-align: middle;
}

.cds--search-close svg {
    position: relative;
    z-index: 1;
    fill: inherit;
}

.cds--search-close,
.cds--search-button {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: transparent;
    block-size: var(--cds-layout-size-height-local);
    cursor: pointer;
    fill: var(--cds-icon-primary, #161616);
    inline-size: var(--cds-layout-size-height-local);
    opacity: 1;
    visibility: inherit;
}

.cds--search-close:hover,
.cds--search-button:hover {
    background-color: var(--cds-field-hover);
}

.cds--search-close:focus,
.cds--search-button:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--search-close:focus,
    .cds--search-button:focus {
        outline-style: dotted;
    }
}

.cds--search-close:active,
.cds--search-button:active {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--search-close:active,
    .cds--search-button:active {
        outline-style: dotted;
    }
}

.cds--search-close:active,
.cds--search-button:active {
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}

.cds--search-input:focus~.cds--search-close:hover {
    background-color: transparent;
    border-block-end-color: transparent;
    outline: none;
}

.cds--search-input:focus~.cds--search-close:hover::after {
    position: absolute;
    background-color: var(--cds-field-hover);
    content: "";
    inset-block: 0.125rem;
    inset-inline: 0 0.125rem;
    pointer-events: none;
}

.cds--search--disabled .cds--search-close,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier {
    cursor: not-allowed;
    outline: none;
}

.cds--search--disabled .cds--search-close:hover,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover {
    background-color: transparent;
    border-block-end-color: transparent;
}

.cds--search--disabled .cds--search-close:hover::before,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before {
    background-color: transparent;
}

.cds--search--disabled svg {
    fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--search-close--hidden {
    opacity: 0;
    visibility: hidden;
}

.cds--skeleton .cds--search-input {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--skeleton .cds--search-input:hover,
.cds--skeleton .cds--search-input:focus,
.cds--skeleton .cds--search-input:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--skeleton .cds--search-input::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--skeleton .cds--search-input::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--skeleton .cds--search-input {
        background: CanvasText;
    }

    .cds--skeleton .cds--search-input::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--skeleton .cds--search-input {
    inline-size: 100%;
}

.cds--skeleton .cds--search-input::-moz-placeholder {
    color: transparent;
}

.cds--skeleton .cds--search-input::placeholder {
    color: transparent;
}

.cds--search--expandable {
    transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded {
    inline-size: 100%;
}

.cds--search--expandable .cds--search-input {
    padding: 0;
    inline-size: 0;
    transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable .cds--search-input::-moz-placeholder {
    position: relative;
    opacity: 0;
    transition-duration: 70ms;
    -moz-transition-property: padding, opacity;
    transition-property: padding, opacity;
    transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable .cds--search-input::placeholder {
    position: relative;
    opacity: 0;
    transition-duration: 70ms;
    transition-property: padding, opacity;
    transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded .cds--search-input {
    padding: 0 var(--cds-layout-size-height-local);
    inline-size: 100%;
    transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder {
    position: relative;
    padding: 0;
    opacity: 1;
}

.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder {
    position: relative;
    padding: 0;
    opacity: 1;
}

.cds--search--expandable .cds--search-magnifier {
    position: absolute;
    cursor: pointer;
}

.cds--search--expandable .cds--search-magnifier:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
}

.cds--search--expandable .cds--search-magnifier:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--search--expandable.cds--search--expanded .cds--search-magnifier {
    pointer-events: none;
}

.cds--search--expandable .cds--search-magnifier-icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--search--expandable.cds--search--disabled svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--search-magnifier-tooltip {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cds--search-magnifier-tooltip .cds--search-magnifier {
    position: relative;
}

.cds--table-toolbar {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-size-height-md: 3rem;
}

.cds--table-toolbar.cds--layout--size-md,
.cds--layout--size-md :where(.cds--table-toolbar) {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
}

.cds--table-toolbar {
    --cds-layout-size-height-xl: 3rem;
}

.cds--table-toolbar.cds--layout--size-xl,
.cds--layout--size-xl :where(.cds--table-toolbar) {
    --cds-layout-size-height: var(--cds-layout-size-height-xl);
}

.cds--table-toolbar {
    position: relative;
    z-index: 1;
    display: flex;
    background-color: var(--cds-layer);
    block-size: var(--cds-layout-size-height-local);
    inline-size: 100%;
    min-block-size: var(--cds-layout-size-height-local);
}

.cds--toolbar-content {
    display: flex;
    justify-content: flex-end;
    block-size: var(--cds-layout-size-height-local);
    inline-size: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--batch-actions~.cds--toolbar-search-container {
    display: flex;
    align-items: center;
    opacity: 1;
    transition: opacity 110ms;
}

.cds--toolbar-search-container-expandable {
    transition: width 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--toolbar-search-container-expandable:hover {
    background-color: var(--cds-field-hover);
}

.cds--search.cds--toolbar-search-container-expandable {
    inline-size: var(--cds-layout-size-height-local);
}

.cds--toolbar-search-container-expandable .cds--search-input {
    block-size: 100%;
    cursor: pointer;
    opacity: 0;
}

.cds--toolbar-search-container-expandable:not(.cds--toolbar-search-container-active) .cds--search-input {
    padding: 0;
}

.cds--toolbar-search-container-disabled .cds--search-input {
    cursor: not-allowed;
}

.cds--toolbar-search-container-expandable.cds--search .cds--label {
    visibility: hidden;
}

.cds--toolbar-search-container-expandable.cds--search--disabled .cds--search-magnifier-icon {
    background-color: var(--cds-layer);
    cursor: not-allowed;
    transition: background-color none;
}

.cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,
.cds--toolbar-search-container-active .cds--search-magnifier-icon:active,
.cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {
    border: none;
    background-color: transparent;
    outline: none;
}

.cds--toolbar-search-container-active.cds--search {
    inline-size: 100%;
}

.cds--toolbar-search-container-active .cds--search-input {
    opacity: 1;
}

.cds--toolbar-search-container-active .cds--label,
.cds--toolbar-search-container-active .cds--search-input {
    padding: 0 var(--cds-layout-size-height-local);
    cursor: text;
}

.cds--toolbar-search-container-active .cds--search-input:focus+.cds--search-close {
    border: none;
    box-shadow: none;
    outline: none;
}

.cds--toolbar-search-container-active .cds--search-input:not(:-moz-placeholder-shown) {
    border: none;
    background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {
    border: none;
    background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-close,
.cds--toolbar-search-container-persistent .cds--search-close:hover,
.cds--toolbar-search-container-active .cds--search-close,
.cds--toolbar-search-container-active .cds--search-close:hover {
    border: none;
    background-color: transparent;
}

.cds--toolbar-search-container-persistent .cds--search-close::before {
    display: none;
}

.cds--overflow-menu.cds--toolbar-action {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--overflow-menu.cds--toolbar-action *,
.cds--overflow-menu.cds--toolbar-action *::before,
.cds--overflow-menu.cds--toolbar-action *::after {
    box-sizing: inherit;
}

.cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
    border: 0;
}

.cds--overflow-menu.cds--toolbar-action {
    display: flex;
    padding: calc(var(--cds-layout-size-height-local) / 2);
    block-size: var(--cds-layout-size-height-local);
    cursor: pointer;
    inline-size: var(--cds-layout-size-height-local);
    transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--toolbar-action {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--toolbar-action *,
.cds--toolbar-action *::before,
.cds--toolbar-action *::after {
    box-sizing: inherit;
}

.cds--toolbar-action::-moz-focus-inner {
    border: 0;
}

.cds--toolbar-action {
    display: flex;
    block-size: var(--cds-layout-size-height-local);
    cursor: pointer;
    inline-size: var(--cds-layout-size-height-local);
    transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--toolbar-action:hover:not([disabled]) {
    background-color: var(--cds-field-hover);
}

.cds--toolbar-action[aria-expanded=true],
.cds--toolbar-action:hover[aria-expanded=true] {
    background-color: var(--cds-layer-02, #ffffff);
}

.cds--toolbar-action[disabled] {
    cursor: not-allowed;
}

.cds--toolbar-action[disabled] .cds--toolbar-action__icon {
    cursor: not-allowed;
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toolbar-action:focus:not([disabled]),
.cds--toolbar-action:active:not([disabled]) {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--toolbar-action:focus:not([disabled]),
    .cds--toolbar-action:active:not([disabled]) {
        outline-style: dotted;
    }
}

.cds--toolbar-action:focus:not([disabled]).cds--toolbar-search-container-expandable,
.cds--toolbar-action:active:not([disabled]).cds--toolbar-search-container-expandable {
    outline: none;
}

.cds--toolbar-action~.cds--btn {
    margin: 0;
    max-inline-size: none;
    white-space: nowrap;
}

.cds--overflow-menu--data-table {
    block-size: 3rem;
}

.cds--toolbar-action__icon {
    block-size: 1rem;
    fill: var(--cds-icon-primary, #161616);
    inline-size: auto;
    max-inline-size: 1rem;
}

.cds--toolbar-action__menu,
.cds--toolbar-action__menu.cds--overflow-menu-options::after {
    background-color: var(--cds-layer-02, #ffffff);
}

.cds--toolbar-search-container-persistent {
    position: relative;
    inline-size: 100%;
    opacity: 1;
}

.cds--toolbar-search-container-persistent+.cds--toolbar-content {
    position: relative;
    inline-size: auto;
}

.cds--toolbar-search-container-persistent .cds--search {
    position: initial;
}

.cds--toolbar-search-container-persistent .cds--search-input {
    border: none;
}

.cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {
        outline-style: dotted;
    }
}

.cds--toolbar-search-container-persistent .cds--search-input:hover:not([disabled]) {
    background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-input:not(:-moz-placeholder-shown) {
    background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-input:active:not([disabled]),
.cds--toolbar-search-container-persistent .cds--search-input:not(:placeholder-shown) {
    background-color: var(--cds-field-hover);
}

.cds--batch-actions--active~.cds--toolbar-search-container,
.cds--batch-actions--active~.cds--toolbar-content {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transform: translate3d(0, var(--cds-layout-size-height-local), 0);
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--batch-actions {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cds-background-brand, #0f62fe);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    inset-block-end: 0;
    inset-inline: 0;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, var(--cds-layout-size-height-local), 0);
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    will-change: transform;
}

.cds--batch-actions:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--batch-actions:focus {
        outline-style: dotted;
    }
}

.cds--batch-actions--active {
    z-index: 1;
    clip-path: polygon(0 0, 300% 0, 300% 300%, 0 300%);
    opacity: 1;
    pointer-events: all;
    transform: translate3d(0, 0, 0);
}

.cds--action-list {
    display: flex;
    align-items: center;
}

.cds--action-list .cds--btn,
.cds--batch-summary .cds--btn {
    color: var(--cds-text-on-color, #ffffff);
    padding-inline: 1rem 1rem;
    white-space: nowrap;
}

.cds--action-list .cds--btn:disabled {
    border-color: transparent;
    background-color: transparent;
    color: var(--cds-text-on-color, #ffffff);
    opacity: 0.5;
}

.cds--action-list .cds--btn .cds--btn__icon {
    position: static;
    fill: var(--cds-icon-on-color, #ffffff);
    margin-inline-start: 0.5rem;
}

.cds--action-list .cds--btn .cds--btn__icon .st0 {
    fill: none;
}

.cds--batch-download {
    padding: 0.0625rem;
}

.cds--action-list .cds--btn--primary:focus::before,
.cds--action-list .cds--btn--primary::before,
.cds--action-list .cds--btn--primary:focus::after,
.cds--action-list .cds--btn--primary::after {
    display: none;
}

.cds--action-list .cds--btn--primary:focus,
.cds--batch-summary .cds--btn--primary:focus {
    outline: 2px solid var(--cds-layer);
    outline-offset: -0.125rem;
}

.cds--action-list .cds--btn--primary:nth-child(3):hover+.cds--btn--primary.cds--batch-summary__cancel::before,
.cds--action-list .cds--btn--primary:nth-child(3):focus+.cds--btn--primary.cds--batch-summary__cancel::before {
    opacity: 0;
}

.cds--btn--primary.cds--batch-summary__cancel::before {
    position: absolute;
    display: block;
    border: none;
    background-color: var(--cds-text-on-color, #ffffff);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
    inset-block-start: 0.9375rem;
    inset-inline-start: 0;
    opacity: 1;
    transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--btn--primary.cds--batch-summary__cancel:hover::before {
    opacity: 0;
    transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.cds--batch-summary {
    position: sticky;
    z-index: 100000;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    background-color: var(--cds-background-brand, #0f62fe);
    color: var(--cds-text-on-color, #ffffff);
    inset-inline-start: 0;
    min-block-size: 3rem;
}

.cds--batch-summary__scroll {
    box-shadow: 0.5px 0 0.2px var(--cds-link-primary-hover, #0043ce);
}

.cds--batch-summary__para {
    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);
}

.cds--batch-summary__divider {
    padding-inline-start: 0.5rem;
}

.cds--table-toolbar .cds--batch-actions {
    block-size: var(--cds-layout-size-height-local);
}

.cds--table-toolbar .cds--batch-actions .cds--action-list {
    block-size: var(--cds-layout-size-height-local);
}

.cds--table-toolbar .cds--toolbar-action {
    padding: 0.5rem 0;
    block-size: var(--cds-layout-size-height-local);
    inline-size: var(--cds-layout-size-height-local);
}

.cds--table-toolbar .cds--btn--primary {
    block-size: var(--cds-layout-size-height-local);
    min-block-size: auto;
}

.cds--table-toolbar .cds--btn--primary.cds--batch-summary__cancel::before {
    inset-block-start: calc((var(--cds-layout-size-height-local) - 1rem) / 2);
}

.cds--table-toolbar .cds--toolbar-action~.cds--btn {
    overflow: hidden;
    block-size: var(--cds-layout-size-height-local);
}

.cds--table-toolbar .cds--batch-summary {
    min-block-size: var(--cds-layout-size-height-local);
}

.cds--data-table tr.cds--parent-row:first-of-type td {
    border-block-start: 1px solid var(--cds-border-subtle);
}

.cds--expandable-row--hidden td {
    padding: 1rem;
    border-block-start: 0;
    inline-size: auto;
}

tr.cds--parent-row:not(.cds--expandable-row)+tr[data-child-row] {
    block-size: 0;
    transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.cds--parent-row:not(.cds--expandable-row)+tr[data-child-row] td {
    border: 0;
    background-color: var(--cds-layer-hover);
    padding-block: 0;
    transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.cds--parent-row:not(.cds--expandable-row)+tr[data-child-row] td .cds--child-row-inner-container {
    overflow: hidden;
    max-block-size: 0;
}

tr.cds--parent-row.cds--expandable-row+tr[data-child-row] {
    transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.cds--parent-row.cds--expandable-row+tr[data-child-row] td {
    border-block-end: 1px solid var(--cds-border-subtle);
    padding-inline-start: 3.5rem;
    transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tbody:has(> tr.cds--data-table--slug-row)>tr.cds--expandable-row[data-child-row] td,
tbody:has(> tr.cds--data-table--ai-label-row)>tr.cds--expandable-row[data-child-row] td,
tbody:has(td.cds--table-column-checkbox)>tr.cds--expandable-row[data-child-row] td {
    padding-inline-start: 5.5rem;
}

tbody:has(> tr.cds--data-table--ai-label-row):has(td.cds--table-column-checkbox)>tr.cds--expandable-row[data-child-row] td {
    padding-inline-start: 7.5rem;
}

tr.cds--parent-row.cds--expandable-row+tr[data-child-row] td .cds--child-row-inner-container {
    max-block-size: 100%;
    padding-block: 1rem;
    padding-block-end: 1.5rem;
}

.cds--parent-row.cds--expandable-row>td,
.cds--parent-row.cds--expandable-row+tr[data-child-row]>td {
    border-block-end: 1px solid var(--cds-border-subtle);
    box-shadow: 0 1px var(--cds-border-subtle);
}

.cds--parent-row:not(.cds--expandable-row)+tr[data-child-row]>td {
    box-shadow: none;
}

.cds--parent-row.cds--expandable-row>td:first-of-type {
    box-shadow: none;
}

tr.cds--parent-row:not(.cds--expandable-row) td,
tr.cds--parent-row.cds--expandable-row td,
tr.cds--parent-row.cds--expandable-row {
    transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (any-hover: hover) {
    tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {
        border-block-end: 1px solid var(--cds-border-subtle);
        border-block-start: 1px solid var(--cds-border-subtle);
    }

    tr.cds--parent-row.cds--expandable-row:hover td {
        background-color: var(--cds-layer-hover);
        border-block-end: 1px solid var(--cds-border-subtle);
        border-block-start: 1px solid var(--cds-border-subtle);
        color: var(--cds-text-primary, #161616);
    }

    tr.cds--parent-row.cds--expandable-row:hover td:first-of-type {
        border-block-end: 1px solid var(--cds-layer-hover);
    }

    tr.cds--parent-row.cds--expandable-row:hover+tr[data-child-row] td {
        background-color: var(--cds-layer-hover);
        border-block-end: 1px solid var(--cds-border-subtle);
        color: var(--cds-text-primary, #161616);
    }
}

tr.cds--expandable-row--hover+tr[data-child-row] td {
    border-block-end: 1px solid var(--cds-border-subtle);
}

tr.cds--expandable-row--hover {
    background-color: var(--cds-layer-hover);
}

tr.cds--expandable-row--hover td {
    background-color: var(--cds-layer-hover);
    border-block-end: 1px solid var(--cds-border-subtle);
    border-block-start: 1px solid var(--cds-border-subtle);
    color: var(--cds-text-primary, #161616);
}

tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-type {
    border-block-end: 1px solid transparent;
}

.cds--data-table td.cds--table-expand {
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--data-table td.cds--table-expand {
    border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--data-table td.cds--table-expand {
    border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
}

.cds--data-table th.cds--table-expand+.cds--table-column-checkbox,
.cds--data-table td.cds--table-expand+.cds--table-column-checkbox {
    padding-inline: 0.375rem 0.375rem;
}

.cds--data-table td.cds--table-expand[data-previous-value=collapsed]+.cds--table-column-checkbox {
    border-block-end: 1px solid transparent;
    box-shadow: none;
}

.cds--data-table th.cds--table-expand+.cds--table-column-checkbox+th,
.cds--data-table td.cds--table-expand+.cds--table-column-checkbox+td {
    padding-inline-start: 0.5rem;
}

.cds--data-table td.cds--table-expand,
.cds--data-table th.cds--table-expand {
    padding: 0.5rem;
    padding-inline-end: 0;
}

.cds--data-table td.cds--table-expand[data-previous-value=collapsed] {
    border-block-end: 1px solid transparent;
}

.cds--table-expand[data-previous-value=collapsed] .cds--table-expand__svg {
    transform: rotate(270deg);
    transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--table-expand__button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--table-expand__button *,
.cds--table-expand__button *::before,
.cds--table-expand__button *::after {
    box-sizing: inherit;
}

.cds--table-expand__button::-moz-focus-inner {
    border: 0;
}

.cds--table-expand__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.5rem;
    block-size: calc(100% + 1px);
    inline-size: 100%;
    vertical-align: inherit;
}

.cds--data-table--top-aligned-body td .cds--table-expand__button,
.cds--data-table--top-aligned-header th .cds--table-expand__button {
    align-items: start;
    block-size: 2rem;
    padding-block-start: 0.5rem;
}

.cds--data-table--top-aligned-body.cds--data-table--xs td .cds--table-expand__button,
.cds--data-table--top-aligned-header.cds--data-table--xs th .cds--table-expand__button {
    block-size: 1.5rem;
    padding-block-start: 0.25rem;
}

.cds--data-table--top-aligned-body.cds--data-table--md td .cds--table-expand__button,
.cds--data-table--top-aligned-header.cds--data-table--md th .cds--table-expand__button {
    margin-block-start: -0.25rem;
    padding-block-start: 0.5rem;
}

.cds--table-expand__button:focus {
    box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--table-expand__svg {
    fill: var(--cds-layer-selected-inverse, #161616);
    transform: rotate(90deg);
    transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--data-table--xl .cds--table-expand__button {
    inline-size: 2rem;
}

.cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td,
.cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+4) td {
    background-color: var(--cds-layer-accent);
    border-block-end: 1px solid var(--cds-layer-accent);
    border-block-start: 1px solid var(--cds-layer-accent);
}

.cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td,
.cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+2) td {
    border-block-end: 1px solid var(--cds-layer);
}

.cds--data-table--zebra tr.cds--parent-row td,
.cds--data-table--zebra tr.cds--parent-row.cds--expandable-row+tr[data-child-row] td {
    transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (any-hover: hover) {

    .cds--data-table--zebra tbody tr[data-parent-row]:hover td,
    .cds--data-table--zebra tbody tr[data-parent-row]:hover+tr[data-child-row] td,
    .cds--data-table--zebra tbody tr[data-child-row]:hover td {
        background-color: var(--cds-layer-hover);
        border-block-end: 1px solid var(--cds-layer-hover);
        border-block-start: 1px solid var(--cds-layer-hover);
    }
}

.cds--data-table--zebra tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td {
    background-color: var(--cds-layer-hover);
    border-block-end: 1px solid var(--cds-layer-hover);
    border-block-start: 1px solid var(--cds-layer-hover);
}

tr.cds--parent-row.cds--data-table--selected {
    background-color: var(--cds-layer-selected);
}

tr.cds--parent-row.cds--data-table--selected:first-of-type td {
    border-block-start: 1px solid var(--cds-layer-active);
    box-shadow: 0 1px var(--cds-layer-active);
}

tr.cds--parent-row.cds--data-table--selected td {
    border-block-end: 1px solid var(--cds-layer-active);
    box-shadow: 0 1px var(--cds-layer-active);
    color: var(--cds-text-primary, #161616);
}

tr.cds--parent-row.cds--data-table--selected:last-of-type td {
    border-block-end: 1px solid transparent;
    box-shadow: 0 1px var(--cds-border-subtle);
}

@media (any-hover: hover) {
    tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {
        background-color: var(--cds-layer-selected-hover);
        border-block-end: 1px solid var(--cds-border-subtle);
        border-block-start: 1px solid var(--cds-layer-selected-hover);
        box-shadow: 0 1px var(--cds-layer-selected-hover);
    }
}

tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td,
tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td:first-of-type {
    border-block-end: 1px solid transparent;
    box-shadow: 0 1px var(--cds-layer-selected);
}

tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,
tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first-of-type {
    background-color: var(--cds-layer-selected-hover);
    border-block-end: 1px solid transparent;
    border-block-start: 1px solid var(--cds-layer-selected-hover);
    box-shadow: 0 1px var(--cds-layer-selected-hover);
}

@media (any-hover: hover) {

    tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
    tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type {
        background-color: var(--cds-layer-selected-hover);
        border-block-end: 1px solid transparent;
        border-block-start: 1px solid var(--cds-layer-selected-hover);
        box-shadow: 0 1px var(--cds-layer-selected-hover);
    }
}

tr.cds--parent-row.cds--data-table--selected.cds--expandable-row+tr[data-child-row] td {
    background-color: var(--cds-layer-hover);
    border-block-end: 1px solid var(--cds-border-subtle);
    border-block-start: 1px solid var(--cds-layer-active);
    box-shadow: 0 1px var(--cds-layer-active);
    color: var(--cds-text-primary, #161616);
}

tr.cds--parent-row.cds--data-table--selected.cds--expandable-row+tr[data-child-row]:last-of-type td {
    box-shadow: inset 0 -1px var(--cds-layer-active);
    padding-block-end: 1.5rem;
}

tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover+tr[data-child-row] td {
    background-color: var(--cds-layer-selected);
}

@media (any-hover: hover) {
    tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover+tr[data-child-row] td {
        background-color: var(--cds-layer-selected);
    }
}

.cds--parent-row .cds--table-column-slug,
.cds--parent-row .cds--table-column-slug+td.cds--table-expand[data-previous-value=collapsed],
.cds--parent-row .cds--table-column-decorator,
.cds--parent-row .cds--table-column-decorator+td.cds--table-expand[data-previous-value=collapsed] {
    box-shadow: none;
}

.cds--parent-row.cds--expandable-row .cds--table-column-slug,
.cds--parent-row.cds--expandable-row .cds--table-column-slug+td.cds--table-expand[data-previous-value=collapsed],
.cds--parent-row.cds--expandable-row .cds--table-column-decorator,
.cds--parent-row.cds--expandable-row .cds--table-column-decorator+td.cds--table-expand[data-previous-value=collapsed] {
    border-block-end: 1px solid transparent;
}

.cds--data-table--slug-row td,
.cds--data-table--ai-label-row td {
    border-block-start: 1px solid transparent;
}

@media (any-hover: hover) {

    .cds--data-table tr.cds--data-table--slug-row:hover td,
    .cds--data-table tr.cds--data-table--ai-label-row:hover td {
        border-block-start: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--table-expand__button:focus .cds--table-expand__svg {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--data-table.cds--skeleton th {
    padding-inline-start: 1rem;
    vertical-align: middle;
}

.cds--data-table.cds--skeleton th span,
.cds--data-table.cds--skeleton td span {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--data-table.cds--skeleton th span:hover,
.cds--data-table.cds--skeleton th span:focus,
.cds--data-table.cds--skeleton th span:active,
.cds--data-table.cds--skeleton td span:hover,
.cds--data-table.cds--skeleton td span:focus,
.cds--data-table.cds--skeleton td span:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--data-table.cds--skeleton th span::before,
.cds--data-table.cds--skeleton td span::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {

    .cds--data-table.cds--skeleton th span::before,
    .cds--data-table.cds--skeleton td span::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--data-table.cds--skeleton th span,
    .cds--data-table.cds--skeleton td span {
        background: CanvasText;
    }

    .cds--data-table.cds--skeleton th span::before,
    .cds--data-table.cds--skeleton td span::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--data-table.cds--skeleton th span,
.cds--data-table.cds--skeleton td span {
    display: block;
    block-size: 1rem;
    inline-size: 4rem;
}

@media (any-hover: hover) {
    .cds--data-table.cds--skeleton tr:hover td {
        border-color: var(--cds-border-subtle);
        background: transparent;
    }

    .cds--data-table.cds--skeleton tr:hover td:first-of-type,
    .cds--data-table.cds--skeleton tr:hover td:last-of-type {
        border-color: var(--cds-border-subtle);
    }
}

.cds--data-table.cds--skeleton .cds--table-sort {
    pointer-events: none;
}

.cds--data-table.cds--skeleton th span {
    background: var(--cds-skeleton-element, #c6c6c6);
}

.cds--data-table.cds--skeleton th span::before {
    background: var(--cds-skeleton-background, #e8e8e8);
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__title:hover,
.cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus,
.cds--data-table-container.cds--skeleton .cds--data-table-header__title:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--data-table-container.cds--skeleton .cds--data-table-header__title {
        background: CanvasText;
    }

    .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
    block-size: 1.5rem;
    inline-size: 7.5rem;
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__description:hover,
.cds--data-table-container.cds--skeleton .cds--data-table-header__description:focus,
.cds--data-table-container.cds--skeleton .cds--data-table-header__description:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--data-table-container.cds--skeleton .cds--data-table-header__description {
        background: CanvasText;
    }

    .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
    block-size: 1rem;
    inline-size: 10rem;
    margin-block-start: 0.5rem;
}

.cds--data-table--sort th,
.cds--data-table th[aria-sort] {
    padding: 0;
    block-size: 3rem;
    border-block-end: none;
    border-block-start: none;
}

.cds--table-sort__description {
    display: none;
}

.cds--table-sort {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--table-sort *,
.cds--table-sort *::before,
.cds--table-sort *::after {
    box-sizing: inherit;
}

.cds--table-sort::-moz-focus-inner {
    border: 0;
}

.cds--table-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cds-layer-accent);
    color: var(--cds-text-primary, #161616);
    font: inherit;
    inline-size: 100%;
    line-height: 1;
    min-block-size: 100%;
    padding-inline-start: 1rem;
    text-align: start;
    transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--table-sort:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--table-sort:focus {
        outline-style: dotted;
    }
}

.cds--table-sort:hover {
    background: var(--cds-layer-selected-hover);
}

.cds--table-sort:focus svg,
.cds--table-sort:hover svg {
    opacity: 1;
}

.cds--data-table.cds--data-table--sort th>.cds--table-header-label {
    line-height: 1;
    padding-inline: 1rem 1rem;
}

th .cds--table-sort__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    block-size: 100%;
    inline-size: 100%;
    min-block-size: 3rem;
}

.cds--data-table--top-aligned-header th .cds--table-sort__flex {
    align-items: start;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {
    padding-block-start: 1rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
    padding-block: 0;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
    padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
    padding-block: 0.125rem 0.125rem;
}

.cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
    /* IE11 workaround for align-items: center and min-height
      https://github.com/philipwalton/flexbugs/issues/231 */
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
        block-size: 2.99rem;
    }
}

.cds--data-table--xs.cds--data-table--sort th .cds--table-sort__flex {
    min-block-size: 1.5rem;
}

.cds--data-table--sm.cds--data-table--sort th .cds--table-sort__flex {
    min-block-size: 2rem;
}

.cds--data-table--md.cds--data-table--sort th .cds--table-sort__flex {
    min-block-size: 2.5rem;
}

.cds--data-table--xl.cds--data-table--sort th .cds--table-sort__flex {
    align-items: flex-start;
    min-block-size: 4rem;
}

.cds--table-sort .cds--table-sort__icon-inactive {
    display: block;
}

.cds--table-sort .cds--table-sort__icon {
    display: none;
}

.cds--table-sort__icon-unsorted {
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1.25rem;
    margin-inline: 0.5rem 0.5rem;
    min-inline-size: 1rem;
    opacity: 0;
}

.cds--table-sort.cds--table-sort--active {
    background: var(--cds-layer-selected-hover);
}

.cds--table-sort.cds--table-sort--active .cds--table-sort__icon-unsorted {
    display: none;
}

.cds--table-sort.cds--table-sort--active .cds--table-sort__icon {
    display: block;
    opacity: 1;
}

.cds--table-sort--descending .cds--table-sort__icon {
    transform: rotate(180deg);
}

.cds--table-sort__icon {
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1.25rem;
    margin-inline: 0.5rem 0.5rem;
    min-inline-size: 1rem;
    opacity: 1;
    transform: rotate(0);
    transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.cds--data-table--xs.cds--data-table--sort th {
    block-size: 1.5rem;
}

.cds--data-table--sm.cds--data-table--sort th {
    block-size: 2rem;
}

.cds--data-table--md.cds--data-table--sort th {
    block-size: 2.5rem;
}

.cds--data-table--xl.cds--data-table--sort th {
    block-size: 4rem;
}

.cds--data-table--xl.cds--data-table--sort th .cds--table-sort {
    display: inline-block;
    block-size: 4rem;
}

.cds--data-table--xl .cds--table-sort__icon-unsorted,
.cds--data-table--xl .cds--table-sort__icon {
    margin-block-start: 0.8125rem;
}

.cds--table-sort__header .cds--ai-label,
.cds--table-sort__header .cds--slug,
.cds--table-sort__header .cds--table-header-label--decorator-inner {
    display: none;
}

.cds--table-sort__header--slug .cds--table-sort__icon,
.cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
.cds--table-sort__header--ai-label .cds--table-sort__icon,
.cds--table-sort__header--ai-label .cds--table-sort__icon-unsorted,
.cds--table-sort__header--decorator .cds--table-sort__icon,
.cds--table-sort__header--decorator .cds--table-sort__icon-unsorted {
    margin-inline: auto 0.5rem;
}

.cds--table-sort__header--ai-label .cds--ai-label,
.cds--table-sort__header--ai-label .cds--slug,
.cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
.cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
    display: block;
    margin-inline-end: 0.5rem;
}

@keyframes fp-fade-in-down {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fp-slide-left {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fp-slide-left-new {
    from {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fp-slide-right {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fp-slide-right-new {
    from {
        transform: translate3d(-100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fp-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fp-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@position-try --bottom-left {
    inset-area: block-end span-inline-start;
    margin-block-start: 0.25rem;
}

@position-try --top-left {
    inset-area: block-start span-inline-start;
    margin-block-end: 0.25rem;
}

@position-try --bottom-right {
    inset-area: block-end span-inline-end;
    margin-block-start: 0.25rem;
}

@position-try --top-right {
    inset-area: block-start span-inline-end;
    margin-block-end: 0.25rem;
}

.flatpickr-calendar {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    border-radius: 0;
    animation: none;
    direction: ltr;
    inline-size: 19.6875rem;
    max-block-size: 0;
    opacity: 0;
    text-align: center;
    touch-action: manipulation;
    visibility: hidden;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .flatpickr-calendar {
        outline: 1px solid transparent;
    }
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    overflow: visible;
    max-block-size: 40rem;
    opacity: 1;
    visibility: inherit;
}

.flatpickr-calendar.open {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    z-index: 99999;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.25rem 0.5rem 0.25rem;
    border: none;
    background-color: var(--cds-layer-01, #f4f4f4);
    block-size: 21rem;
    inline-size: 18rem;
    margin-block-start: -0.125rem;
}

.flatpickr-calendar.open:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .flatpickr-calendar.open:focus {
        outline-style: dotted;
    }
}

.flatpickr-calendar.animate.open {
    animation: fp-fade-in-down 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .flatpickr-calendar.animate.open {
        animation: none;
    }
}

.flatpickr-calendar.inline {
    position: absolute;
    display: block;
    inset-block-start: auto;
}

.flatpickr-calendar.static {
    position: absolute;
    inset-block-start: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}

.flatpickr-calendar.hasWeeks {
    inline-size: auto;
}

.dayContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0;
    block-size: 15.375rem;
    outline: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-block-end: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-inline-start: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    block-size: 2.5rem;
    border-block-start: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    block-size: auto;
}

.flatpickr-calendar:focus {
    outline: 0;
}

.flatpickr-months {
    display: flex;
    justify-content: space-between;
    inline-size: 100%;
}

.flatpickr-month {
    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);
    display: flex;
    align-items: center;
    background-color: transparent;
    block-size: 2.5rem;
    color: var(--cds-text-primary, #161616);
    line-height: 1;
    text-align: center;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    block-size: 2.5rem;
    cursor: pointer;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 2.5rem;
    line-height: 16px;
    text-decoration: none;
    transform: scale(1, 1)
        /*rtl: scale(-1,1)*/
    ;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (prefers-reduced-motion: reduce) {

    .flatpickr-prev-month,
    .flatpickr-next-month {
        transition: none;
    }
}

@media (any-hover: hover) {

    .flatpickr-prev-month:hover,
    .flatpickr-next-month:hover {
        background-color: var(--cds-layer-hover);
    }
}

.flatpickr-next-month.disabled svg,
.flatpickr-prev-month.disabled svg {
    cursor: not-allowed;
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {

    .flatpickr-next-month.disabled:hover svg,
    .flatpickr-prev-month.disabled:hover svg {
        fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    }
}

.flatpickr-current-month {
    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);
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 1.75rem;
    text-align: center;
}

.flatpickr-current-month .cur-month {
    margin-inline: 0.25rem 0.25rem;
}

@media (any-hover: hover) {
    .flatpickr-current-month .cur-month:hover {
        background-color: var(--cds-layer-hover);
    }
}

.numInputWrapper {
    position: relative;
    inline-size: 3.75rem;
}

@media (any-hover: hover) {
    .numInputWrapper:hover {
        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    }
}

.numInputWrapper .numInput {
    display: inline-block;
    padding: 0.25rem;
    border: none;
    margin: 0;
    -moz-appearance: textfield;
    /* Firefox */
    background-color: var(--cds-field-01, #f4f4f4);
    color: var(--cds-text-primary, #161616);
    cursor: default;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    inline-size: 100%;
}

.numInputWrapper .numInput::-webkit-outer-spin-button,
.numInputWrapper .numInput::-webkit-inner-spin-button {
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
    -webkit-appearance: none;
}

.numInputWrapper .numInput:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .numInputWrapper .numInput:focus {
        outline-style: dotted;
    }
}

.numInputWrapper .numInput[disabled],
.numInputWrapper .numInput[disabled]:hover {
    background-color: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    pointer-events: none;
}

.numInputWrapper .arrowUp {
    border-block-end: 0;
    inset-block-start: 0.25rem;
}

.numInputWrapper .arrowUp::after {
    border-block-end: 0.25rem solid var(--cds-icon-primary, #161616);
}

.numInputWrapper .arrowDown {
    inset-block-start: 0.6875rem;
}

.numInputWrapper .arrowDown::after {
    border-block-start: 0.25rem solid var(--cds-icon-primary, #161616);
}

.numInputWrapper .arrowUp,
.numInputWrapper .arrowDown {
    position: absolute;
    padding: 0 0.25rem 0 0.125rem;
    border: none;
    block-size: 50%;
    cursor: pointer;
    inline-size: 0.75rem;
    inset-inline-start: 2.6rem;
    line-height: 50%;
    opacity: 0;
}

.numInputWrapper .arrowUp::after,
.numInputWrapper .arrowDown::after {
    position: absolute;
    display: block;
    border-inline-end: 0.25rem solid transparent;
    border-inline-start: 0.25rem solid transparent;
    content: "";
    inset-block-start: 33%;
}

@media (any-hover: hover) {

    .numInputWrapper .arrowUp:hover::after,
    .numInputWrapper .arrowDown:hover::after {
        border-block-end-color: var(--cds-button-primary, #0f62fe);
        border-block-start-color: var(--cds-button-primary, #0f62fe);
    }
}

.numInputWrapper .arrowUp:active::after,
.numInputWrapper .arrowDown:active::after {
    border-block-end-color: var(--cds-border-interactive, #0f62fe);
    border-block-start-color: var(--cds-border-interactive, #0f62fe);
}

.numInput[disabled]~.arrowUp::after {
    border-block-end-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInput[disabled]~.arrowDown::after {
    border-block-start-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {

    .numInputWrapper:hover .arrowUp,
    .numInputWrapper:hover .arrowDown {
        opacity: 1;
    }

    .numInputWrapper:hover .numInput[disabled]~.arrowUp,
    .numInputWrapper:hover .numInput[disabled]~.arrowDown {
        opacity: 0;
    }
}

.flatpickr-weekdays {
    display: flex;
    align-items: center;
    block-size: 2.5rem;
}

.flatpickr-weekdaycontainer {
    display: flex;
    inline-size: 100%;
}

.flatpickr-weekday {
    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);
    flex: 1 1;
    color: var(--cds-text-primary, #161616);
    cursor: default;
}

.flatpickr-days:focus {
    outline: 0;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
    animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    transform: translate3d(-100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
    animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
    animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
    animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right-new 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
    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);
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 2.5rem;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    inline-size: 2.5rem;
    transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (any-hover: hover) {
    .flatpickr-day:hover {
        background: var(--cds-layer-hover);
    }
}

.flatpickr-day:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .flatpickr-day:focus {
        outline-style: dotted;
    }
}

.flatpickr-day:focus {
    outline-color: var(--cds-button-primary, #0f62fe);
}

.nextMonthDay,
.prevMonthDay {
    color: var(--cds-text-helper, #6f6f6f);
}

.flatpickr-day.today {
    position: relative;
    color: var(--cds-link-primary, #0f62fe);
    font-weight: 600;
}

.flatpickr-day.today::after {
    position: absolute;
    display: block;
    background-color: var(--cds-link-primary, #0f62fe);
    block-size: 0.25rem;
    content: "";
    inline-size: 0.25rem;
    inset-block-end: 0.4375rem;
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

.flatpickr-day.today.no-border {
    border: none;
}

.flatpickr-day.today.selected {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .flatpickr-day.today.selected {
        outline-style: dotted;
    }
}

.flatpickr-day.today.selected::after {
    display: none;
}

.flatpickr-day.inRange {
    background-color: var(--cds-highlight, #d0e2ff);
    color: var(--cds-text-primary, #161616);
}

.flatpickr-day.selected {
    background-color: var(--cds-button-primary, #0f62fe);
    color: var(--cds-text-on-color, #ffffff);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .flatpickr-day.selected {
        color: Highlight;
        outline: 1px solid Highlight;
        outline-style: dotted;
    }
}

.flatpickr-day.selected:focus {
    outline: 0.0625rem solid var(--cds-layer-02, #ffffff);
    outline-offset: -0.1875rem;
}

.flatpickr-day.startRange.selected {
    z-index: 2;
    box-shadow: none;
}

.flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .flatpickr-day.startRange.inRange:not(.selected),
    .flatpickr-day.endRange.inRange {
        outline-style: dotted;
    }
}

.flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
    z-index: 3;
    background: var(--cds-layer-01, #f4f4f4);
}

@media (any-hover: hover) {
    .flatpickr-day.endRange:hover {
        outline: 2px solid var(--cds-focus, #0f62fe);
        outline-offset: -2px;
        background: var(--cds-layer-01, #f4f4f4);
        color: var(--cds-text-primary, #161616);
    }
}

@media screen and (any-hover: hover) and (prefers-contrast) {
    .flatpickr-day.endRange:hover {
        outline-style: dotted;
    }
}

.flatpickr-day.endRange.inRange.selected {
    background: var(--cds-button-primary, #0f62fe);
    color: var(--cds-text-on-color, #ffffff);
}

.flatpickr-day.flatpickr-disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

@media (any-hover: hover) {
    .flatpickr-day.flatpickr-disabled:hover {
        background-color: transparent;
    }
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .flatpickr-day.today,
    .flatpickr-day.inRange {
        color: Highlight;
    }
}

.cds--date-picker {
    display: flex;
}

.cds--date-picker--light .cds--date-picker__input {
    background: var(--cds-field-02, #ffffff);
}

.cds--date-picker~.cds--label {
    order: 1;
}

.cds--date-picker-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cds--date-picker-container .cds--label {
    display: flex;
}

.cds--date-picker-input__wrapper {
    display: flex;
    align-items: center;
}

.cds--date-picker-input__wrapper>span {
    position: relative;
}

.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--label {
    inline-size: 7.5rem;
}

.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement {
    inline-size: 9.5rem;
}

.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input {
    inline-size: 5.7rem;
}

.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
    inline-size: 18rem;
}

.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement {
    color: var(--cds-text-primary, #161616);
}

.cds--date-picker__input {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--date-picker__input *,
.cds--date-picker__input *::before,
.cds--date-picker__input *::after {
    box-sizing: inherit;
}

.cds--date-picker__input {
    font-family: var(--cds-code-02-font-family, 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
    font-size: var(--cds-code-02-font-size, 0.875rem);
    font-weight: var(--cds-code-02-font-weight, 400);
    line-height: var(--cds-code-02-line-height, 1.42857);
    letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    display: block;
    padding: 0 1rem;
    border: none;
    background-color: var(--cds-field);
    block-size: 2.5rem;
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
}

.cds--date-picker__input:focus,
.cds--date-picker__input.cds--focused {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--date-picker__input:focus,
    .cds--date-picker__input.cds--focused {
        outline-style: dotted;
    }
}

.cds--date-picker__input:disabled {
    background-color: var(--cds-field);
    border-block-end: 1px solid transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--date-picker__input:disabled::-moz-placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker__input:disabled::placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {
    .cds--date-picker__input:disabled:hover {
        border-block-end: 1px solid transparent;
    }
}

.cds--date-picker__input::-moz-placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--date-picker__input::placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--date-picker__input--lg {
    block-size: 3rem;
}

.cds--date-picker__input--sm {
    block-size: 2rem;
}

.cds--date-picker__icon {
    position: absolute;
    z-index: 1;
    fill: var(--cds-icon-primary, #161616);
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    pointer-events: none;
    transform: translateY(-50%);
}

.cds--date-picker__icon--invalid,
.cds--date-picker__icon--warn {
    cursor: auto;
}

.cds--date-picker__icon--warn {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--date-picker__icon--warn path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--date-picker__icon--invalid {
    fill: var(--cds-support-error, #da1e28);
}

.cds--date-picker__icon~.cds--date-picker__input {
    padding-inline-end: 3rem;
}

.cds--date-picker__input:disabled~.cds--date-picker__icon {
    cursor: not-allowed;
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker--range>.cds--date-picker-container:first-child {
    margin-inline-end: 0.0625rem;
}

.cds--date-picker--range .cds--date-picker-container,
.cds--date-picker--range .cds--date-picker__input {
    inline-size: 8.96875rem;
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,
.cds--date-picker-input__wrapper--slug .cds--ai-label,
.cds--date-picker-input__wrapper--slug .cds--slug {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 2.5rem;
    transform: translateY(-50%);
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>* {
    block-size: 1rem;
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
    padding-inline-end: 4rem;
}

.cds--date-picker__input[readonly] {
    background: transparent;
    border-block-end-color: var(--cds-border-subtle);
    cursor: text;
}

.cds--date-picker__input[readonly]+.cds--date-picker__icon {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker.cds--skeleton input,
.cds--date-picker__input.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--date-picker.cds--skeleton input:hover,
.cds--date-picker.cds--skeleton input:focus,
.cds--date-picker.cds--skeleton input:active,
.cds--date-picker__input.cds--skeleton:hover,
.cds--date-picker__input.cds--skeleton:focus,
.cds--date-picker__input.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--date-picker.cds--skeleton input::before,
.cds--date-picker__input.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {

    .cds--date-picker.cds--skeleton input::before,
    .cds--date-picker__input.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--date-picker.cds--skeleton input,
    .cds--date-picker__input.cds--skeleton {
        background: CanvasText;
    }

    .cds--date-picker.cds--skeleton input::before,
    .cds--date-picker__input.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--date-picker.cds--skeleton input,
.cds--date-picker__input.cds--skeleton {
    inline-size: 100%;
}

.cds--date-picker.cds--skeleton input::-moz-placeholder,
.cds--date-picker__input.cds--skeleton::-moz-placeholder {
    color: transparent;
}

.cds--date-picker.cds--skeleton input::placeholder,
.cds--date-picker__input.cds--skeleton::placeholder {
    color: transparent;
}

.cds--date-picker.cds--skeleton .cds--label {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--date-picker.cds--skeleton .cds--label:hover,
.cds--date-picker.cds--skeleton .cds--label:focus,
.cds--date-picker.cds--skeleton .cds--label:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--date-picker.cds--skeleton .cds--label::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--date-picker.cds--skeleton .cds--label::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--date-picker.cds--skeleton .cds--label {
        background: CanvasText;
    }

    .cds--date-picker.cds--skeleton .cds--label::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--date-picker.cds--skeleton .cds--label {
    block-size: 0.875rem;
    inline-size: 4.6875rem;
}

.cds--date-picker--next {
    position: relative;
}

.cds--date-picker--next .cds--date-picker-input__wrapper {
    position: relative;
    anchor-name: --date-picker-input;
}

.cds--date-picker--next .cds--date-picker__icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--cds-icon-primary, #161616);
    cursor: pointer;
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    pointer-events: auto;
    transform: translateY(-50%);
}

.cds--date-picker--next .cds--date-picker__icon:focus {
    border: none;
    background: transparent;
    outline: none;
}

.cds--date-picker--next .cds--date-picker__icon:hover,
.cds--date-picker--next .cds--date-picker__icon:active {
    border: none;
    background: transparent;
}

.cds--date-picker--next .cds--date-picker__calendar-popover {
    position: absolute;
    z-index: 9000;
    padding: 0;
    border: none;
    margin: 0;
    background: transparent;
}

.cds--date-picker--next .cds--date-picker__calendar-popover:focus {
    outline: none;
}

.cds--date-picker--next .cds--date-picker__calendar-popover {
    inset-area: block-end span-inline-start;
    margin-block-start: 0.25rem;
    position-anchor: --date-picker-input;
}

@supports not (inset-area: block-end) {
    .cds--date-picker--next .cds--date-picker__calendar-popover {
        position: absolute;
        inset-block-start: anchor(bottom);
        inset-inline-start: anchor(left);
        margin-block-start: 0.25rem;
    }
}

.cds--date-picker--next .cds--date-picker__calendar-popover {
    position-try-options: --bottom-left, --top-left, --bottom-right, --top-right;
}

.cds--date-picker--next .cds--date-picker__calendar.open {
    margin-block-start: 0;
}

.cds--date-picker--next .cds--date-picker__calendar-container {
    position: absolute;
    z-index: 9000;
    display: block;
    inset-block-start: 100%;
    inset-inline-start: 0;
    margin-block-start: 0;
}

.cds--date-picker--next .cds--date-picker-container {
    outline: none;
}

.cds--date-picker--next .cds--date-picker-container .cds--form-requirement[hidden] {
    display: none;
}

.cds--date-picker--next .cds--date-picker-container--warn:not(.cds--date-picker-container--invalid) .cds--form-requirement {
    color: var(--cds-text-primary, #161616);
}

.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input {
    inline-size: 7.5rem;
}

.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input--invalid,
.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input--warn {
    inline-size: 9.5rem;
}

.cds--date-picker--next .cds--date-picker-container--short.cds--date-picker-container--simple .cds--date-picker__input {
    inline-size: 5.625rem;
}

.cds--date-picker--next .cds--date-picker-container--single {
    max-inline-size: 18rem;
}

.cds--date-picker--next .cds--date-picker-container--single .cds--date-picker__input {
    inline-size: 18rem;
}

.cds--date-picker--next .cds--date-picker-container--from {
    margin-inline-end: 0.0625rem;
}

.cds--date-picker--next .cds--date-picker-container--from,
.cds--date-picker--next .cds--date-picker-container--to {
    inline-size: 8.96875rem;
}

.cds--date-picker--next .cds--date-picker-container--from .cds--date-picker__input,
.cds--date-picker--next .cds--date-picker-container--to .cds--date-picker__input {
    inline-size: 8.96875rem;
}

.cds--date-picker--next .cds--date-picker-container--ai-label .cds--date-picker__input--decorator {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--date-picker--next .cds--date-picker-input-skeleton {
    display: inline-block;
}

.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:hover,
.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:focus,
.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--date-picker--next .cds--date-picker-input-skeleton .cds--label::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--date-picker--next .cds--date-picker-input-skeleton .cds--label {
        background: CanvasText;
    }

    .cds--date-picker--next .cds--date-picker-input-skeleton .cds--label::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label {
    block-size: 0.875rem;
    inline-size: 4.6875rem;
}

.cds--date-picker--next .cds--date-picker-input-skeleton .cds--date-picker-input-skeleton-container {
    display: inline-block;
}

.cds--date-picker--next .cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container {
    inline-size: 8.96875rem;
}

.cds--date-picker--next .cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container .cds--date-picker__input {
    inline-size: 8.96875rem;
}

.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:hover,
.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:focus,
.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton {
        background: CanvasText;
    }

    .cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton {
    position: relative;
    overflow: hidden;
    border: none;
    block-size: 2.5rem;
    cursor: default;
    inline-size: 100%;
    pointer-events: none;
}

.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__icon.cds--skeleton {
    display: none;
}

.cds--date-picker--next .cds--date-picker__calendar {
    display: block;
    padding: 0.5rem;
    border: none;
    background-color: var(--cds-layer);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    inline-size: 18rem;
    max-inline-size: 18rem;
    outline: none;
}

.cds--date-picker--next .cds--date-picker__calendar:focus {
    outline: none;
}

.cds--date-picker--next .cds--date-picker__month {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 0.5rem;
}

.cds--date-picker--next .cds--date-picker__month-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    block-size: 2.5rem;
    cursor: pointer;
    inline-size: 2.5rem;
}

.cds--date-picker--next .cds--date-picker__month-nav:hover {
    background-color: var(--cds-layer-hover);
}

.cds--date-picker--next .cds--date-picker__month-nav:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.cds--date-picker--next .cds--date-picker__month-nav svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--date-picker--next .cds--date-picker__current-month {
    flex: 1 1;
    color: var(--cds-text-primary, #161616);
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
}

.cds--date-picker--next .cds--date-picker__weekdays {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(7, 1fr);
    margin-block-end: 0.25rem;
}

.cds--date-picker--next .cds--date-picker__weekday {
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 2.5rem;
    color: var(--cds-text-primary, #161616);
    font-size: 0.75rem;
    font-weight: 600;
}

.cds--date-picker--next .cds--date-picker__days {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(7, 1fr);
}

.cds--date-picker--next .cds--date-picker__day {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    block-size: 2.5rem;
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-size: 0.875rem;
}

.cds--date-picker--next .cds--date-picker__day:hover:not(:disabled, .selected) {
    background-color: var(--cds-layer-hover);
}

.cds--date-picker--next .cds--date-picker__day:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.cds--date-picker--next .cds--date-picker__day.selected {
    background-color: var(--cds-interactive, #0f62fe);
    color: var(--cds-text-inverse, #ffffff);
}

.cds--date-picker--next .cds--date-picker__day.today:not(.selected) {
    position: relative;
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
}

.cds--date-picker--next .cds--date-picker__day.today:not(.selected)::after {
    position: absolute;
    border-radius: 50%;
    background-color: var(--cds-interactive, #0f62fe);
    block-size: 4px;
    content: "";
    inline-size: 4px;
    inset-block-end: 4px;
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

.cds--date-picker--next .cds--date-picker__day.inRange:not(.selected) {
    background-color: var(--cds-highlight, #d0e2ff);
}

.cds--date-picker--next .cds--date-picker__day.prevMonthDay:not(.selected),
.cds--date-picker--next .cds--date-picker__day.nextMonthDay:not(.selected) {
    color: var(--cds-text-secondary, #525252);
}

.cds--date-picker--next .cds--date-picker__day.disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    opacity: 0.5;
}

.cds--date-picker--next .cds--date-picker__day.focused:not(.selected) {
    background-color: var(--cds-layer-hover);
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.cds--dialog {
    position: fixed;
    padding: 0;
    border: none;
    margin: auto;
    background-color: var(--cds-layer);
    color: var(--cds-text-primary, #161616);
    inline-size: 48rem;
    inset: 0;
    max-block-size: 100%;
}

@media (min-width: 42rem) {
    .cds--dialog {
        max-inline-size: 84%;
    }
}

@media (min-width: 66rem) {
    .cds--dialog {
        max-inline-size: 60%;
    }
}

@media (min-width: 82rem) {
    .cds--dialog {
        max-inline-size: 48%;
    }
}

.cds--dialog {
    opacity: 0;
    transform: translateY(calc(-1 * 1.5rem));
    /** opening and closing is used in as allow-discrete is not currently supported wide enough
   * https://caniuse.com/mdn-css_properties_display_is_transitionable
   */
    transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), transform 240ms cubic-bezier(0.4, 0.14, 1, 1), overlay 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete, display 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete;
}

@media (prefers-reduced-motion) {
    .cds--dialog {
        transition: none;
    }
}

.cds--dialog[open] {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), transform 240ms cubic-bezier(0, 0, 0.3, 1), overlay 240ms cubic-bezier(0, 0, 0.3, 1) allow-discrete, display 240ms cubic-bezier(0, 0, 0.3, 1) allow-discrete;
}

@media (prefers-reduced-motion) {
    .cds--dialog[open] {
        transition: none;
    }
}

.cds--dialog {
    /** starting style also not supported widely
  * https://caniuse.com/mdn-css_at-rules_starting-style
  */
    /*   Before-open state  */
    /* Needs to be after the previous dialog[open] rule to take effect,
  as the specificity is the same */
}

@starting-style {
    .cds--dialog[open] {
        opacity: 0;
        transform: translateY(calc(-1 * 1.5rem));
    }
}

.cds--dialog__header {
    position: relative;
    grid-area: header;
    inline-size: 100%;
    margin-block-end: 0.5rem;
    min-block-size: 3rem;
    padding-block-start: 1rem;
    padding-inline: 1rem 3rem;
}

.cds--dialog::backdrop {
    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
    opacity: 0;
}

/* Transition the :backdrop when the dialog modal is promoted to the top layer */
.cds--dialog::backdrop {
    /* opening and closing is used in as allow-discrete is not currently supported wide enough
   * https://caniuse.com/mdn-css_properties_display_is_transitionable
   */
    transition: background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
}

@media (prefers-reduced-motion) {
    .cds--dialog::backdrop {
        transition: none;
    }
}

.cds--dialog[open]::backdrop {
    opacity: 1;
    transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
}

@media (prefers-reduced-motion) {
    .cds--dialog[open]::backdrop {
        transition: none;
    }
}

/** starting style also not supported widely
* https://caniuse.com/mdn-css_at-rules_starting-style
*/
/* This starting-style rule cannot be nested inside the above selector
because the nesting selector cannot represent pseudo-elements. */
@starting-style {
    .cds--dialog[open]::backdrop {
        opacity: 0;
    }
}

.cds--dialog__header-controls {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
}

.cds--dialog-header__label {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--dialog-header__label *,
.cds--dialog-header__label *::before,
.cds--dialog-header__label *::after {
    box-sizing: inherit;
}

.cds--dialog-header__label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    color: var(--cds-text-secondary, #525252);
    margin-block-end: 0.25rem;
}

.cds--dialog-header__heading {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--dialog-header__heading *,
.cds--dialog-header__heading *::before,
.cds--dialog-header__heading *::after {
    box-sizing: inherit;
}

.cds--dialog-header__heading {
    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: 0;
    color: var(--cds-text-primary, #161616);
    padding-inline-end: calc(20% - 3rem);
}

.cds--dialog-container {
    display: grid;
    box-sizing: border-box;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background-color: var(--cds-layer);
    grid-template-areas: "header" "content" "footer";
    grid-template-columns: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    inline-size: 100%;
}

@media (min-width: 42rem) {
    .cds--dialog-container {
        max-block-size: 90vh;
    }
}

@media (min-width: 66rem) {
    .cds--dialog-container {
        max-block-size: 84vh;
    }
}

.cds--dialog.cds--modal-container {
    border: none;
}

.cds--dialog-content {
    position: relative;
    grid-area: content;
    overflow-y: auto;
    padding-block: 0.5rem 3rem;
    padding-inline: 1rem 1rem;
}

.cds--dialog-content:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--dialog-content:focus {
        outline-style: dotted;
    }
}

.cds--dialog-scroll-content {
    border-block-end: 0.125rem solid transparent;
    -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 5rem), transparent calc(100% - 3rem), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 1rem, transparent 1rem), linear-gradient(to right, var(--cds-layer) 0, 0.125rem, transparent 0.125rem), linear-gradient(to top, var(--cds-layer) 0, 0.125rem, transparent 0.125rem);
    mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 5rem), transparent calc(100% - 3rem), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 1rem, transparent 1rem), linear-gradient(to right, var(--cds-layer) 0, 0.125rem, transparent 0.125rem), linear-gradient(to top, var(--cds-layer) 0, 0.125rem, transparent 0.125rem);
}

.cds--dialog-scroll-content>*:last-child {
    margin-block-end: 1.5rem;
}

.cds--dialog-scroll-content:has(.cds--autoalign) {
    -webkit-mask-image: none;
    mask-image: none;
}

.cds--dialog-scroll-content.cds--dialog-scroll-content--no-fade,
.cds--dialog-scroll-content--no-fade {
    -webkit-mask-image: none;
    mask-image: none;
}

.cds--dialog-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    block-size: 4rem;
    grid-area: footer;
}

.cds--dialog-footer .cds--btn {
    flex: 0 1 50%;
    align-items: baseline;
    margin: 0;
    block-size: 4rem;
    max-inline-size: none;
}

.cds--dialog-footer--three-button .cds--btn {
    flex: 0 1 25%;
    align-items: flex-start;
}

.cds--dialog--danger {
    background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

.cds--dialog--danger .cds--dialog-container {
    background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
    border: 1px solid transparent;
    background-color: var(--cds-layer);
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--dialog--danger .cds--dialog-container:has(.cds--dialog-footer) {
    background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 4rem), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 4rem), 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
    box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--dialog--danger .cds--dialog-content.cds--dialog-scroll-content {
    -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 5rem), transparent calc(100% - 3rem), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 1rem, transparent 1rem), linear-gradient(to right, var(--cds-layer) 0, 0.125rem, transparent 0.125rem), linear-gradient(to top, var(--cds-layer) 0, 0.125rem, transparent 0.125rem);
    mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 5rem), transparent calc(100% - 3rem), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 1rem, transparent 1rem), linear-gradient(to right, var(--cds-layer) 0, 0.125rem, transparent 0.125rem), linear-gradient(to top, var(--cds-layer) 0, 0.125rem, transparent 0.125rem);
}

.cds--dialog__close {
    padding: 0.75rem;
    border: 2px solid transparent;
    background-color: transparent;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--dialog__close:hover {
    background-color: var(--cds-layer-hover);
}

.cds--dialog__close:focus {
    border-color: var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--dropdown__wrapper--inline {
    display: inline-grid;
    align-items: center;
    grid-gap: 0 0.5rem;
    grid-template: auto/auto min-content auto;
}

.cds--dropdown__wrapper--inline:has(.cds--label.cds--visually-hidden) {
    grid-template: auto/auto;
}

.cds--dropdown__wrapper--inline .cds--label {
    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);
}

.cds--dropdown__wrapper--inline .cds--label,
.cds--dropdown__wrapper--inline .cds--form__helper-text,
.cds--dropdown__wrapper--inline .cds--form-requirement {
    margin: 0;
}

.cds--dropdown__wrapper--inline .cds--form-requirement {
    grid-column: 3;
}

.cds--dropdown html {
    font-size: 100%;
}

.cds--dropdown body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--dropdown code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--dropdown strong {
    font-weight: 600;
}

.cds--dropdown {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    display: block;
    border: none;
    background-color: var(--cds-field);
    block-size: 2.5rem;
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    inline-size: 100%;
    list-style: none;
    outline: 2px solid transparent;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--dropdown:hover {
    background-color: var(--cds-field-hover);
}

.cds--dropdown .cds--list-box__field {
    text-align: start;
}

.cds--dropdown--lg {
    block-size: 3rem;
    max-block-size: 3rem;
}

.cds--dropdown--lg .cds--dropdown__arrow {
    inset-block-start: 1rem;
}

.cds--dropdown--sm {
    block-size: 2rem;
    max-block-size: 2rem;
}

.cds--dropdown--sm .cds--dropdown__arrow {
    inset-block-start: 0.5rem;
}

.cds--dropdown--open {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--dropdown--open .cds--list-box__field {
    outline: none;
}

.cds--dropdown--focus .cds--list-box__field {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--dropdown--focus .cds--list-box__field {
        outline-style: dotted;
    }
}

.cds--dropdown--invalid {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--dropdown--invalid {
        outline-style: dotted;
    }
}

.cds--dropdown--invalid .cds--dropdown-text {
    padding-inline-end: 3.5rem;
}

.cds--dropdown--invalid+.cds--form-requirement {
    display: inline-block;
    color: var(--cds-text-error, #da1e28);
    max-block-size: 12.5rem;
}

.cds--dropdown__invalid-icon {
    position: absolute;
    fill: var(--cds-support-error, #da1e28);
    inset-block-start: 50%;
    inset-inline-end: 2.5rem;
    transform: translateY(-50%);
}

.cds--dropdown--open:hover {
    background-color: var(--cds-field);
}

.cds--dropdown--open:focus {
    outline: 1px solid transparent;
}

.cds--dropdown--open .cds--dropdown-list {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    max-block-size: 13.75rem;
    transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--dropdown--light {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--dropdown--light:hover {
    background-color: var(--cds-field-hover);
}

.cds--dropdown--up .cds--dropdown-list {
    inset-block-end: 2rem;
}

.cds--dropdown__arrow {
    position: absolute;
    fill: var(--cds-icon-primary, #161616);
    inset-block-start: 0.8125rem;
    inset-inline-end: 1rem;
    pointer-events: none;
    transform-origin: 50% 45%;
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

button.cds--dropdown-text {
    border: none;
    background: none;
    color: var(--cds-text-primary, #161616);
    inline-size: 100%;
    text-align: start;
}

button.cds--dropdown-text:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    button.cds--dropdown-text:focus {
        outline-style: dotted;
    }
}

.cds--dropdown-text {
    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);
    display: block;
    overflow: hidden;
    block-size: calc(100% + 1px);
    padding-inline: 1rem 2.625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--dropdown-list html {
    font-size: 100%;
}

.cds--dropdown-list body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--dropdown-list code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--dropdown-list strong {
    font-weight: 600;
}

.cds--dropdown-list {
    outline: 2px solid transparent;
    outline-offset: -2px;
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
    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);
    position: absolute;
    z-index: 9100;
    display: flex;
    overflow: hidden auto;
    flex-direction: column;
    background-color: var(--cds-layer);
    inline-size: 100%;
    list-style: none;
    max-block-size: 0;
    transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--dropdown--light .cds--dropdown-list {
    background-color: var(--cds-layer);
}

.cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item {
    visibility: hidden;
}

.cds--dropdown-item {
    position: relative;
    opacity: 0;
    transition: visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    visibility: inherit;
}

.cds--dropdown-item:hover {
    background-color: var(--cds-layer-hover);
}

.cds--dropdown-item:hover+.cds--dropdown-item .cds--dropdown-link {
    border-color: transparent;
}

.cds--dropdown-item:active {
    background-color: var(--cds-layer-selected);
}

.cds--dropdown-item:first-of-type .cds--dropdown-link {
    border-block-start-color: transparent;
}

.cds--dropdown-item:last-of-type .cds--dropdown-link {
    border-block-end: none;
}

.cds--dropdown-link {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: block;
    overflow: hidden;
    padding: 0.6875rem 0;
    border: 1px solid transparent;
    margin: 0 1rem;
    block-size: 2.5rem;
    border-block-start-color: var(--cds-border-subtle);
    color: var(--cds-text-secondary, #525252);
    font-weight: normal;
    line-height: 1rem;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--dropdown-link:hover {
    border-color: transparent;
    color: var(--cds-text-primary, #161616);
}

.cds--dropdown--light .cds--dropdown-link {
    border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--dropdown--sm .cds--dropdown-link {
    block-size: 2rem;
    padding-block: 0.4375rem 0.4375rem;
}

.cds--dropdown--focused,
.cds--dropdown-link:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--dropdown--focused,
    .cds--dropdown-link:focus {
        outline-style: dotted;
    }
}

.cds--dropdown--focused,
.cds--dropdown-link:focus {
    padding: 0.6875rem 1rem;
    margin: 0;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {
    padding: 0.6875rem 0;
    margin: 0 1rem;
    outline: none;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
        outline-style: dotted;
    }
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
    padding: 0.6875rem 1rem;
    margin: 0;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {
    background-color: inherit;
}

.cds--dropdown-item:hover .cds--dropdown-link {
    border-block-end-color: var(--cds-layer-hover);
}

.cds--dropdown--open .cds--dropdown__arrow {
    transform: rotate(-180deg);
}

.cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list {
    max-block-size: 11rem;
}

.cds--dropdown--open .cds--dropdown-item {
    opacity: 1;
}

.cds--dropdown--disabled {
    border-block-end-color: transparent;
}

.cds--dropdown--disabled:hover {
    background-color: var(--cds-field);
}

.cds--dropdown--disabled:focus {
    outline: none;
}

.cds--dropdown--disabled .cds--dropdown-text,
.cds--dropdown--disabled .cds--list-box__label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--dropdown--disabled .cds--dropdown__arrow,
.cds--dropdown--disabled .cds--list-box__menu-icon svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--dropdown--disabled.cds--dropdown--light:hover {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--dropdown--disabled .cds--list-box__field,
.cds--dropdown--disabled .cds--list-box__menu-icon {
    cursor: not-allowed;
}

.cds--dropdown--auto-width {
    inline-size: auto;
    max-inline-size: 25rem;
}

.cds--dropdown--inline {
    display: inline-block;
    background-color: transparent;
    border-block-end-color: transparent;
    inline-size: auto;
    justify-self: start;
    transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--dropdown--inline:hover {
    background-color: var(--cds-layer-hover);
}

.cds--dropdown--inline.cds--dropdown--disabled {
    background-color: transparent;
}

.cds--dropdown--inline .cds--dropdown__arrow {
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
}

.cds--dropdown--inline.cds--dropdown--open {
    background-color: transparent;
}

.cds--dropdown--inline .cds--dropdown-text {
    display: inline-block;
    overflow: visible;
    padding: 0.4375rem 2rem 0.4375rem 0.75rem;
    block-size: 2rem;
    color: var(--cds-text-primary, #161616);
}

.cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text {
    outline: 0;
}

.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon {
    inset-inline-end: 2rem;
}

.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text {
    padding-inline-end: 3.5rem;
}

.cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list {
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.cds--dropdown--inline .cds--dropdown-link {
    font-weight: normal;
}

.cds--dropdown--show-selected .cds--dropdown--selected {
    display: block;
    background-color: var(--cds-layer-selected);
    color: var(--cds-text-primary, #161616);
}

.cds--dropdown--show-selected .cds--dropdown--selected:hover {
    background-color: var(--cds-layer-selected-hover);
}

.cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link {
    border-block-start-color: transparent;
}

.cds--dropdown--show-selected .cds--dropdown--selected+.cds--dropdown-item .cds--dropdown-link {
    border-block-start-color: transparent;
}

.cds--dropdown--show-selected .cds--dropdown--selected .cds--list-box__menu-item__selected-icon {
    display: block;
}

.cds--dropdown-v2.cds--skeleton,
.cds--dropdown.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--dropdown-v2.cds--skeleton:hover,
.cds--dropdown-v2.cds--skeleton:focus,
.cds--dropdown-v2.cds--skeleton:active,
.cds--dropdown.cds--skeleton:hover,
.cds--dropdown.cds--skeleton:focus,
.cds--dropdown.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--dropdown-v2.cds--skeleton::before,
.cds--dropdown.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {

    .cds--dropdown-v2.cds--skeleton::before,
    .cds--dropdown.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--dropdown-v2.cds--skeleton,
    .cds--dropdown.cds--skeleton {
        background: CanvasText;
    }

    .cds--dropdown-v2.cds--skeleton::before,
    .cds--dropdown.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--dropdown .cds--list-box__field {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--list-box__menu-item__option {
        outline: none;
    }
}

.cds--dropdown--readonly,
.cds--dropdown--readonly:hover {
    background-color: transparent;
    border-block-end-color: var(--cds-border-subtle);
}

.cds--dropdown--inline.cds--dropdown--readonly {
    border-block-end-color: transparent;
}

.cds--dropdown--readonly .cds--list-box__field,
.cds--dropdown--readonly .cds--list-box__menu-icon {
    cursor: default;
}

.cds--dropdown--readonly .cds--list-box__menu-icon svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--loading {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--loading *,
.cds--loading *::before,
.cds--loading *::after {
    box-sizing: inherit;
}

.cds--loading {
    animation-duration: 690ms;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: cds--rotate;
    animation-timing-function: linear;
}

.cds--loading svg circle {
    animation-duration: 10ms;
    animation-name: cds--init-stroke;
    animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--loading svg circle {
        animation: none;
    }
}

.cds--loading {
    block-size: 5.5rem;
    inline-size: 5.5rem;
}

.cds--loading__svg {
    fill: transparent;
}

.cds--loading__svg circle {
    stroke-dasharray: 276.4608 276.4608;
    stroke-linecap: butt;
    stroke-width: 10;
}

.cds--loading__stroke {
    stroke: var(--cds-interactive, #0f62fe);
    stroke-dashoffset: 52.527552;
}

.cds--loading--small .cds--loading__stroke {
    stroke-dashoffset: 143.759616;
}

.cds--loading--stop {
    animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
}

.cds--loading--stop svg circle {
    animation-delay: 700ms;
    animation-duration: 700ms;
    animation-fill-mode: forwards;
    animation-name: cds--stroke-end;
    animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--loading--stop svg circle {
        animation: none;
    }
}

.cds--loading--small {
    block-size: 1rem;
    inline-size: 1rem;
    line-height: 1rem;
}

.cds--loading--small circle {
    stroke-width: 16;
}

.cds--loading--small .cds--loading__svg {
    stroke: var(--cds-interactive, #0f62fe);
}

.cds--loading__background {
    stroke: var(--cds-layer-accent);
    stroke-dashoffset: -22;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    circle.cds--loading__background {
        stroke-dasharray: 265;
        stroke-dashoffset: 0;
    }
}

.cds--loading-overlay {
    position: fixed;
    z-index: 6000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    transition: background-color 700ms cubic-bezier(0.4, 0.14, 0.3, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cds--loading-overlay--stop {
    display: none;
}

@keyframes cds--rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes cds--rotate-end-p1 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes cds--rotate-end-p2 {
    100% {
        transform: rotate(-360deg);
    }
}

/* Stroke animations */
@keyframes cds--init-stroke {
    0% {
        stroke-dashoffset: 276.4608;
    }

    100% {
        stroke-dashoffset: 52.527552;
    }
}

@keyframes cds--stroke-end {
    0% {
        stroke-dashoffset: 52.527552;
    }

    100% {
        stroke-dashoffset: 276.4608;
    }
}

.cds--file {
    inline-size: 100%;
}

.cds--file--invalid {
    fill: var(--cds-support-error, #da1e28);
    margin-inline-end: 0.5rem;
}

.cds--file--label html {
    font-size: 100%;
}

.cds--file--label body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--file--label code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--file--label strong {
    font-weight: 600;
}

.cds--file--label {
    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);
    color: var(--cds-text-primary, #161616);
    margin-block-end: 0.5rem;
}

.cds--file--label--disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--file-input {
    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;
}

.cds--file-btn {
    display: inline-flex;
    margin: 0;
    padding-inline-end: 4rem;
}

.cds--file-browse-btn {
    display: inline-block;
    color: var(--cds-link-primary, #0f62fe);
    cursor: pointer;
    inline-size: 100%;
    max-inline-size: 20rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
    transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (any-hover: hover) {
    .cds--file-browse-btn:hover {
        outline: 2px solid var(--cds-focus, #0f62fe);
        text-decoration: underline;
    }
}

.cds--file-browse-btn:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    text-decoration: underline;
}

.cds--file-browse-btn:active,
.cds--file-browse-btn:active:visited {
    text-decoration: underline;
}

.cds--file-browse-btn:active {
    color: var(--cds-text-primary, #161616);
}

.cds--file-browse-btn--disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: no-drop;
    text-decoration: none;
    transition: none;
}

@media (any-hover: hover) {
    .cds--file-browse-btn--disabled:hover {
        color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
        outline: none;
        text-decoration: none;
    }
}

.cds--file-browse-btn--disabled:focus {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
    text-decoration: none;
}

.cds--label-description html {
    font-size: 100%;
}

.cds--label-description body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--label-description code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--label-description strong {
    font-weight: 600;
}

.cds--label-description {
    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);
    color: var(--cds-text-secondary, #525252);
    margin-block-end: 1rem;
}

.cds--label-description--disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--file-container--drop {
    inline-size: 100%;
}

.cds--file-btn~.cds--file-container {
    margin-block-start: 1.5rem;
}

.cds--btn~.cds--file-container {
    margin-block-start: 1rem;
}

.cds--file .cds--file-container,
.cds--file~.cds--file-container {
    margin-block-start: 0.5rem;
}

.cds--file__selected-file {
    display: grid;
    align-items: center;
    background-color: var(--cds-layer);
    gap: 0.75rem 0;
    grid-auto-rows: auto;
    grid-template-columns: 1fr auto;
    margin-block-end: 0.5rem;
    max-inline-size: 20rem;
    min-block-size: 3rem;
    word-break: break-word;
}

.cds--file__selected-file:last-child {
    margin-block-end: 0;
}

.cds--file__selected-file .cds--form-requirement {
    display: block;
    margin: 0;
    grid-column: 1/-1;
    max-block-size: none;
}

.cds--file__selected-file .cds--inline-loading__animation .cds--loading {
    margin-inline-end: 0;
}

.cds--file__selected-file .cds--file-filename {
    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);
    overflow: hidden;
    margin-inline-start: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--file__selected-file .cds--file-filename-container-wrap {
    margin-block-start: 1px;
    max-inline-size: 17.5rem;
    padding-inline-start: 1rem;
}

@media (max-width: 410px) {
    .cds--file__selected-file .cds--file-filename-container-wrap {
        max-inline-size: 13.5rem;
    }
}

.cds--file__selected-file .cds--file-filename-container-wrap-invalid {
    max-inline-size: 15.5rem;
}

.cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
    inline-size: -webkit-fill-available;
    padding-inline-start: 1rem;
    /* This is for targeting styles specific to firefox */
    /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
    /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}

@-moz-document url-prefix() {
    .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
        inline-size: -moz-available;
    }
}

.cds--file__selected-file .cds--file-filename-tooltip {
    inline-size: -webkit-fill-available;
    /* This is for targeting styles specific to firefox */
    /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
    /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}

@-moz-document url-prefix() {
    .cds--file__selected-file .cds--file-filename-tooltip {
        inline-size: -moz-available;
    }
}

.cds--file__selected-file .cds--file-filename-button {
    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);
    overflow: hidden;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    inline-size: -webkit-fill-available;
    outline: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* This is for targeting styles specific to firefox */
    /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
    /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}

@-moz-document url-prefix() {
    .cds--file__selected-file .cds--file-filename-button {
        inline-size: -moz-available;
    }
}

.cds--file__selected-file .cds--file-filename-button:focus {
    outline: revert;
}

.cds--file__selected-file--md {
    gap: 0.5rem 0;
    min-block-size: 2.5rem;
}

.cds--file__selected-file--sm {
    gap: 0.25rem 0;
    min-block-size: 2rem;
}

.cds--file__selected-file--invalid__wrapper {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--file__selected-file--invalid__wrapper {
        outline-style: dotted;
    }
}

.cds--file__selected-file--invalid__wrapper {
    background-color: var(--cds-layer);
    margin-block-end: 0.5rem;
    max-inline-size: 20rem;
    outline-width: 1px;
}

.cds--file__selected-file--disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--file__selected-file--invalid {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--file__selected-file--invalid {
        outline-style: dotted;
    }
}

.cds--file__selected-file--invalid {
    padding: 0.75rem 0;
}

.cds--file__selected-file--invalid.cds--file__selected-file--sm {
    padding: 0.25rem 0;
}

.cds--file__selected-file--invalid.cds--file__selected-file--md {
    padding: 0.5rem 0;
}

.cds--file__selected-file--invalid .cds--form-requirement {
    border-block-start: 1px solid var(--cds-border-subtle);
    padding-block-start: 1rem;
}

.cds--file__selected-file--invalid.cds--file__selected-file--sm .cds--form-requirement {
    padding-block-start: 0.4375rem;
}

.cds--file__selected-file--invalid.cds--file__selected-file--md .cds--form-requirement {
    padding-block-start: 0.6875rem;
}

.cds--file__selected-file--invalid .cds--form-requirement__title,
.cds--file__selected-file--invalid .cds--form-requirement__supplement {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    padding: 0 1rem;
}

.cds--file__selected-file--invalid .cds--form-requirement__title {
    color: var(--cds-text-error, #da1e28);
}

.cds--file__selected-file--invalid .cds--form-requirement__supplement {
    color: var(--cds-text-primary, #161616);
}

.cds--file__selected-file--invalid+.cds--form-requirement {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    display: block;
    overflow: visible;
    padding: 0.5rem 1rem;
    color: var(--cds-text-error, #da1e28);
    font-weight: 400;
    max-block-size: 12.5rem;
}

.cds--file__selected-file--invalid+.cds--form-requirement .cds--form-requirement__supplement {
    color: var(--cds-text-primary, #161616);
    padding-block-end: 0.5rem;
}

.cds--file__state-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 1.5rem;
    padding-inline-end: 0.75rem;
}

.cds--file__state-container .cds--loading__svg {
    stroke: var(--cds-icon-primary, #161616);
}

.cds--file__state-container .cds--file-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: none;
    background-color: transparent;
    block-size: 1rem;
    inline-size: 1.5rem;
}

.cds--file__state-container .cds--file-complete {
    fill: var(--cds-interactive, #0f62fe);
    inline-size: 1.5rem;
}

.cds--file__state-container .cds--file-complete:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--file__state-container .cds--file-complete:focus {
        outline-style: dotted;
    }
}

.cds--file__state-container .cds--file-complete [data-icon-path=inner-path] {
    fill: var(--cds-icon-inverse, #ffffff);
    opacity: 1;
}

.cds--file__state-container .cds--file-invalid {
    block-size: 1rem;
    fill: var(--cds-support-error, #da1e28);
    inline-size: 1rem;
}

.cds--file__state-container .cds--file-close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background-color: transparent;
    block-size: 1.5rem;
    cursor: pointer;
    inline-size: 1.5rem;
}

.cds--file__state-container .cds--file-close svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--file__state-container .cds--file-close[disabled] {
    cursor: not-allowed;
}

.cds--file__state-container .cds--file-close[disabled] svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--file__state-container .cds--file-close:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--file__state-container .cds--file-close:focus {
        outline-style: dotted;
    }
}

.cds--file__state-container .cds--inline-loading__animation {
    margin-inline-end: -0.5rem;
}

.cds--file__drop-container {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--file__drop-container *,
.cds--file__drop-container *::before,
.cds--file__drop-container *::after {
    box-sizing: inherit;
}

.cds--file__drop-container::-moz-focus-inner {
    border: 0;
}

.cds--file__drop-container {
    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);
    display: flex;
    overflow: hidden;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border: 1px dashed var(--cds-border-strong);
    block-size: 6rem;
}

.cds--file-browse-btn--disabled.cds--file__drop-container,
.cds--file-browse-btn--disabled .cds--file__drop-container {
    border: 1px dashed var(--cds-button-disabled, #c6c6c6);
    cursor: no-drop;
}

.cds--file__drop-container--drag-over {
    background: none;
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--file__selected-file {
        outline: 1px solid transparent;
    }
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper {
    position: relative;
    background: var(--cds-field);
    block-size: 100%;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__wrapper--fluid .cds--list-box {
    padding: 0;
    min-block-size: 4rem;
}

.cds--list-box__wrapper--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inline-size: calc(100% - 2rem);
    inset-block-start: 0.8125rem;
    inset-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid .cds--label::-webkit-scrollbar,
.cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--list-box__wrapper--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--list-box__wrapper--fluid .cds--list-box__field {
    padding-block: 2.0625rem 0.8125rem;
    padding-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid .cds--list-box__menu-icon {
    block-size: 1rem;
    inline-size: 1rem;
}

.cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item {
    block-size: 4rem;
}

.cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item__selected-icon {
    inset-block-start: 1.25rem;
}

.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button {
    cursor: not-allowed;
    pointer-events: none;
}

.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
        outline-style: dotted;
    }
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
    z-index: 2;
    outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded.cds--multi-select--selected) {
    outline-width: 0.0625rem;
}

.cds--list-box__wrapper--fluid--focus .cds--list-box__field:focus {
    outline: none;
    outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
        outline-style: dotted;
    }
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
    z-index: 2;
    outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box:not(.cds--list-box--invalid),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box .cds--text-input,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box .cds--text-input,
.cds--list-box__wrapper--fluid .cds--combo-box.cds--list-box--warning .cds--text-input {
    border-block-end: 1px solid transparent;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box__field:focus,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--combo-box[data-invalid] .cds--text-input {
    outline: none;
    outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:focus-within {
    outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,
.cds--list-box__wrapper--fluid .cds--list-box--warning {
    border-block-end: 1px solid transparent;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement,
.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--form-requirement {
    padding: 0.5rem 4rem 0.5rem 1rem;
    margin-block-start: 0;
}

.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--form-requirement {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement:empty,
.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--form-requirement:empty {
    block-size: 2rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--fluid .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon {
    inset-block-start: 5.0625rem;
    inset-inline-end: 1rem;
    pointer-events: none;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid]:not(.cds--combo-box) .cds--list-box__field {
    padding-inline-end: 3rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid].cds--combo-box .cds--text-input {
    padding-inline-end: 4rem;
}

.cds--list-box__wrapper--fluid .cds--list-box__divider {
    display: none;
    transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__wrapper--fluid .cds--list-box--invalid~.cds--list-box__divider,
.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--list-box__divider {
    display: block;
    border: none;
    margin: 0 1rem;
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--list-box__wrapper--fluid .cds--list-box--invalid:hover:not(.cds--combo-box)~.cds--list-box__divider,
.cds--list-box__wrapper--fluid .cds--list-box--warning:hover:not(.cds--combo-box)~.cds--list-box__divider {
    border-color: transparent;
}

.cds--list-box__wrapper--fluid.cds--list-box--up .cds--list-box__menu {
    inset-block-end: 4rem;
}

.cds--list-box__wrapper--fluid .cds--skeleton {
    background: var(--cds-skeleton-background, #e8e8e8);
    border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:hover,
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:focus,
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
        background: CanvasText;
    }

    .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
    position: absolute;
    padding: 0;
    block-size: 0.5rem;
    inline-size: 50%;
    inset-block-start: 2.25rem;
    inset-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:hover,
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:focus,
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
        background: CanvasText;
    }

    .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
    position: absolute;
    block-size: 0.5rem;
    inline-size: 25%;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {
    inset-block-start: 2.625rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner>*,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__wrapper--decorator-inner>*,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {
    inset-inline-end: 2.5rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning button.cds--list-box__field,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] button.cds--list-box__field,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {
    padding-inline-end: 4rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {
    padding-inline-end: 5.5rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--list-box__wrapper--decorator-inner>*,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--list-box__wrapper--decorator-inner>*,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--slug,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--slug {
    inset-inline-end: 4rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
    padding-inline-end: 6rem;
}

.cds--list-box__wrapper--fluid .cds--list-box__selection {
    inset-inline-end: 2.5625rem;
}

.cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
.cds--list-box__wrapper--fluid .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
    position: absolute;
    background-color: transparent;
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
    margin-inline-end: 2.0625rem;
}

.cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {
    inset-inline-end: 0.75rem;
}

.cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
    inset-inline-end: 1rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__wrapper--decorator-inner>*::before,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner>*::before,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
    display: none;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
    overflow: visible;
    padding: 0;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {
    overflow: hidden;
    padding-block: 2.0625rem 0.8125rem;
    padding-inline: 1rem 4rem;
    text-overflow: ellipsis;
    transition: none;
    white-space: nowrap;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {
    inset-block: auto 0.625rem;
    transform: none;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__menu-icon {
    inset-block-end: 0.875rem;
}

.cds--list-box__wrapper--fluid .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input+.cds--list-box__invalid-icon,
.cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field .cds--text-input+.cds--list-box__invalid-icon {
    inset-inline-end: 1rem;
}

.cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--combo-box .cds--list-box__menu {
    inset-block-start: calc(100% + 0.0625rem);
}

.cds--date-picker--fluid {
    display: inline-flex;
    background: var(--cds-field);
}

.cds--date-picker--fluid .cds--date-picker {
    position: relative;
    block-size: 100%;
    inline-size: 100%;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--date-picker--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inline-size: calc(100% - 2rem);
    inset-block-start: 0.8125rem;
    inset-inline-start: 1rem;
}

.cds--date-picker--fluid .cds--label::-webkit-scrollbar,
.cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--date-picker--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper>span {
    inline-size: 100%;
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input {
    padding: 2rem 1rem 0.8125rem;
    background: transparent;
    border-block-end: none;
    min-block-size: 4rem;
    min-inline-size: 9rem;
}

.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon {
    display: none;
}

.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),
.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid .cds--date-picker__icon {
    inset-block-start: 2.6875rem;
}

.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input {
    inline-size: 100%;
}

.cds--date-picker--fluid .cds--date-picker--single {
    border-block-end: none;
}

.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid),
.cds--date-picker--single .cds--date-picker--fluid--warn {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid) {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container {
    inline-size: 100%;
    min-block-size: 3.9375rem;
    min-inline-size: 9rem;
}

.cds--date-picker--fluid .cds--date-picker--range>.cds--date-picker-container:first-child {
    margin-inline-end: 0;
}

.cds--date-picker--fluid .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input {
    border-inline-start: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid,
.cds--date-picker-container.cds--date-picker--fluid--invalid {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--date-picker--fluid.cds--date-picker--fluid--invalid,
    .cds--date-picker-container.cds--date-picker--fluid--invalid {
        outline-style: dotted;
    }
}

.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid {
    outline: none;
}

.cds--date-picker--fluid .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,
.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid+.cds--date-picker-container .cds--date-picker__input {
    border-inline-start: none;
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--form-requirement,
.cds--date-picker-container.cds--date-picker--fluid--warn .cds--form-requirement {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,
.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,
.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range .cds--date-picker-container {
    border-block-end: 1px solid transparent;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker--fluid--warn+.cds--date-picker-container:last-child .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input {
    border-inline-start: 1px solid transparent;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range>.cds--date-picker-container:first-child::after,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range>.cds--date-picker-container:first-child::after,
.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child::after,
.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {
    position: absolute;
    display: block;
    background: var(--cds-border-strong);
    block-size: calc(100% - 1rem);
    content: "";
    inline-size: 1px;
    inset-block-start: 0.5rem;
    inset-inline-end: 0;
}

.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {
    inset-inline-start: 0;
}

.cds--date-picker--fluid .cds--date-picker__divider {
    border-style: solid;
    border-color: var(--cds-border-subtle);
    margin: 0 1rem;
    border-block-end: none;
    inline-size: calc(100% - 2rem);
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,
.cds--date-picker-container.cds--date-picker--fluid--warn .cds--date-picker__icon--warn {
    inset-block-start: 5rem;
}

.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,
.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn {
    display: block;
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus {
        outline-style: dotted;
    }
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range~.cds--form-requirement,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range~.cds--form-requirement {
    display: block;
    overflow: visible;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin-block-start: 0;
    max-block-size: 100%;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range~.cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid,
.cds--date-picker--fluid.cds--date-picker--fluid--warn {
    position: relative;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range+.cds--date-picker__icon,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range+.cds--date-picker__icon {
    inset-block-start: 5rem;
}

.cds--date-picker--fluid__skeleton {
    background: var(--cds-skeleton-background, #e8e8e8);
    block-size: 4rem;
    border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--date-picker--fluid__skeleton--container {
    position: relative;
    block-size: 100%;
    inline-size: 100%;
}

.cds--date-picker--fluid__skeleton .cds--skeleton {
    position: absolute;
    block-size: 0.5rem;
    inline-size: 25%;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
}

.cds--date-picker--fluid__skeleton .cds--label {
    margin-block-end: 0.25rem;
}

.cds--date-picker--fluid__skeleton .cds--text-input {
    position: absolute;
    padding: 0;
    block-size: 0.5rem;
    inline-size: 50%;
    inset-block-start: 2.25rem;
    inset-inline-start: 1rem;
}

.cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
    inset-block: auto 0.5rem;
}

.cds--date-picker--fluid__skeleton--range {
    display: flex;
    flex-direction: row;
}

.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container {
    display: flex;
    flex-direction: column;
    inline-size: 50%;
}

.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container:first-of-type {
    border-inline-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
    inset-block-end: 0.5rem;
}

.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker>.cds--date-picker-container,
.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker .cds--date-picker__input {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input {
    border-inline-start-color: var(--cds-border-subtle);
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--ai-label,
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {
    inset-block-start: 2.6875rem;
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
    padding-inline-end: 4rem;
}

.cds--multi-select {
    box-sizing: border-box;
}

.cds--multi-select .cds--list-box__field--wrapper {
    display: inline-flex;
    align-items: center;
    block-size: calc(100% + 1px);
    inline-size: 100%;
}

.cds--multi-select .cds--list-box__field {
    block-size: 100%;
}

.cds--multi-select .cds--list-box__field:focus {
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.cds--multi-select--filterable .cds--list-box__field {
    padding: 0;
}

.cds--multi-select .cds--tag {
    margin: 0 0.5rem 0 1rem;
    min-inline-size: auto;
}

.cds--multi-select .cds--list-box__menu {
    min-inline-size: auto;
}

.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
    padding: calc((var(--cds-layout-size-height-local) - 1lh) / 2 - 1px) 1rem;
    margin: 0;
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
    border-block-start: none;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
    display: flex;
    align-items: center;
    block-size: 100%;
    inline-size: 100%;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label {
    display: inline-block;
    overflow: hidden;
    inline-size: 100%;
    padding-inline-start: 1.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
    margin-block: 0;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate+.cds--checkbox-label::after {
    inset-block-start: 0.5625rem;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
    inset-block-start: 0.3125rem;
}

.cds--multi-select .cds--list-box__menu-item__option>.cds--form-item {
    flex-direction: row;
    margin: 0;
}

.cds--multi-select .cds--list-box__menu-item .cds--checkbox:checked~.cds--checkbox-label-text {
    color: var(--cds-text-primary, #161616);
}

.cds--multi-select--filterable {
    transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--multi-select--filterable.cds--combo-box .cds--text-input {
    border: 0.125rem solid transparent;
    background-clip: padding-box;
    outline: none;
}

.cds--multi-select--filterable--input-focused,
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--multi-select--filterable--input-focused,
    .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
    .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
        outline-style: dotted;
    }
}

.cds--multi-select.cds--list-box--expanded .cds--list-box__field--wrapper:has(button[aria-activedescendant]:not([aria-activedescendant=""])),
.cds--multi-select--filterable.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) {
    outline-offset: -0.0625rem;
    outline-width: 0.0625rem;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before,
.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
    position: absolute;
    border: 2px solid var(--cds-focus, #0f62fe);
    block-size: 100%;
    border-block-start: 1px solid var(--cds-focus, #0f62fe);
    content: "";
    inline-size: 100%;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted,
.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
.cds--multi-select.cds--multi-select--selected .cds--list-box__field {
    padding-inline-start: 0;
}

.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
    background-color: var(--cds-field);
}

.cds--multi-select--filterable .cds--list-box__selection--multi {
    margin: 0 0 0 1rem;
}

.cds--multi-select--filterable.cds--multi-select--inline,
.cds--multi-select--filterable.cds--multi-select--inline .cds--text-input {
    background-color: transparent;
    border-block-end: 0;
}

.cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {
    visibility: hidden;
}

.cds--multi-select.cds--multi-select--readonly,
.cds--multi-select.cds--multi-select--readonly:hover {
    background-color: transparent;
    border-block-end-color: var(--cds-border-subtle);
}

.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter,
.cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {
    background-color: transparent;
    color: var(--cds-text-primary, #161616);
    cursor: default;
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter {
    box-shadow: 0 0 0 1px var(--cds-border-subtle);
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--multi-select.cds--multi-select--readonly .cds--list-box__field,
.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {
    cursor: default;
}

.cds--multi-select__wrapper.cds--list-box__wrapper--fluid--focus:not(.cds--multi-select--filterable__wrapper) .cds--list-box__field--wrapper--input-focused {
    outline: none;
}

.cds--list-box__wrapper--fluid .cds--tag.cds--tag--filter {
    margin-block-start: 1.25rem;
}

.cds--list-box__wrapper--fluid .cds--multi-select--filterable .cds--list-box__field .cds--text-input {
    border-block-end: 1px solid transparent;
}

.cds--list-box__wrapper--fluid .cds--multi-select--filterable.cds--combo-box .cds--list-box__field {
    align-items: baseline;
}

.cds--list-box__wrapper--fluid.cds--multi-select--filterable__wrapper:not(.cds--list-box--up) .cds--list-box__menu {
    inset-block-start: calc(100% + 0.0625rem);
}

.cds--number__controls:hover .cds--number__control-btn::after {
    display: none;
}

.cds--number__input-wrapper--decorator .cds--number__rule-divider,
.cds--number__input-wrapper--slug .cds--number__rule-divider {
    display: none;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,
.cds--number__input-wrapper--slug .cds--number__control-btn:hover {
    box-shadow: 0 -1px 0 var(--cds-ai-border-strong, #4589ff) inset;
}

.cds--number__controls:focus-within .cds--number__control-btn::after {
    display: none;
}

.cds--number html {
    font-size: 100%;
}

.cds--number body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--number code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--number strong {
    font-weight: 600;
}

.cds--number {
    position: relative;
    display: flex;
    flex-direction: column;
    inline-size: 100%;
}

.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number .cds--number__input-wrapper--warning input[type=text] {
    padding-inline-end: 8rem;
}

.cds--number input[type=number],
.cds--number input[type=text] {
    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);
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: inline-flex;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    background-color: var(--cds-field);
    block-size: 2.5rem;
    border-block-end: 0.0625rem solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    font-weight: 400;
    inline-size: 100%;
    min-inline-size: 9.375rem;
    padding-inline: 1rem 6rem;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--number input[type=number]:focus,
.cds--number input[type=text]:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--number input[type=number]:focus,
    .cds--number input[type=text]:focus {
        outline-style: dotted;
    }
}

.cds--number input[type=number]:disabled~.cds--number__controls,
.cds--number input[type=text]:disabled~.cds--number__controls {
    cursor: not-allowed;
    pointer-events: none;
}

.cds--number input[type=number]:disabled~.cds--number__controls svg,
.cds--number input[type=text]:disabled~.cds--number__controls svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--number input[type=number]::-ms-clear,
.cds--number input[type=text]::-ms-clear {
    display: none;
}

.cds--number input[type=number]::-webkit-inner-spin-button,
.cds--number input[type=text]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.cds--number input[type=number][data-invalid],
.cds--number input[type=text][data-invalid] {
    padding-inline-end: 8rem;
}

.cds--number--lg.cds--number input[type=number],
.cds--number--lg.cds--number input[type=text] {
    padding-inline-end: 7rem;
}

.cds--number--lg.cds--number input[type=number][data-invalid],
.cds--number--lg.cds--number input[type=text][data-invalid] {
    padding-inline-end: 9rem;
}

.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text] {
    padding-inline-end: 9rem;
}

.cds--number--sm.cds--number input[type=number],
.cds--number--sm.cds--number input[type=text] {
    padding-inline-end: 5rem;
}

.cds--number--sm.cds--number input[type=number][data-invalid],
.cds--number--sm.cds--number input[type=text][data-invalid] {
    padding-inline-end: 7rem;
}

.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text] {
    padding-inline-end: 7rem;
}

.cds--number input[type=number]:disabled,
.cds--number input[type=text]:disabled {
    background-color: var(--cds-field);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--number__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.cds--number__controls html {
    font-size: 100%;
}

.cds--number__controls body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--number__controls code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--number__controls strong {
    font-weight: 600;
}

.cds--number__controls {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    block-size: 100%;
    inline-size: 5rem;
    inset-block-start: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%);
}

.cds--number__control-btn {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--number__control-btn *,
.cds--number__control-btn *::before,
.cds--number__control-btn *::after {
    box-sizing: inherit;
}

.cds--number__control-btn::-moz-focus-inner {
    border: 0;
}

.cds--number__control-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    block-size: 100%;
    color: var(--cds-icon-primary, #161616);
}

.cds--number__control-btn svg {
    fill: currentColor;
}

.cds--number__control-btn:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--number__control-btn:focus {
        outline-style: dotted;
    }
}

.cds--number__control-btn:focus {
    color: var(--cds-icon-primary, #161616);
    outline-offset: -2px;
    outline-width: 2px;
}

.cds--number__control-btn:hover {
    background-color: var(--cds-field-hover);
    box-shadow: 0 -1px 0 var(--cds-border-strong) inset;
    color: var(--cds-icon-primary, #161616);
    cursor: pointer;
}

.cds--number__control-btn:disabled {
    border-block-end-color: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--number__control-btn.down-icon {
    order: 1;
}

.cds--number__control-btn.up-icon {
    order: 2;
}

.cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,
.cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn {
    border-block-end-color: var(--cds-support-error, #da1e28);
}

.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn,
.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn {
    border-width: 2px 0;
    border-style: solid;
    border-color: var(--cds-focus, #0f62fe);
    box-shadow: none;
    outline-offset: -2px;
}

.cds--number input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type:hover {
    box-shadow: -4px 0 0 -2px var(--cds-focus, #0f62fe) inset;
}

.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover {
    box-shadow: -4px 0 0 -2px var(--cds-support-error, #da1e28) inset;
}

.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,
.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover {
    border-width: 2px 0;
    border-style: solid;
    border-color: var(--cds-support-error, #da1e28);
    box-shadow: none;
    outline-offset: -2px;
}

.cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,
.cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--number input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover,
    .cds--number input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:focus:hover {
        outline-style: dotted;
    }
}

.cds--number__rule-divider {
    position: absolute;
    z-index: 6000;
    background-color: var(--cds-border-subtle);
    block-size: 1rem;
    inline-size: 0.0625rem;
}

.cds--number__rule-divider:first-of-type {
    order: 0;
}

.cds--number__controls .cds--number__rule-divider:first-of-type {
    background-color: transparent;
    inset-inline-start: 0;
}

.cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type {
    background-color: var(--cds-border-subtle);
}

.cds--number--light .cds--number__rule-divider,
.cds--number--light .cds--number__invalid+.cds--number__controls .cds--number__rule-divider:first-of-type {
    background-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type,
.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider:first-of-type {
    background-color: transparent;
}

.cds--number input[type=number]:disabled+.cds--number__controls .cds--number__rule-divider,
.cds--number input[type=text]:disabled+.cds--number__controls .cds--number__rule-divider {
    background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--number__control-btn:focus~.cds--number__rule-divider {
    background-color: transparent;
}

.cds--number__invalid {
    position: absolute;
    fill: var(--cds-support-error, #da1e28);
    inset-inline-end: 6rem;
}

.cds--number--lg .cds--number__invalid {
    inset-inline-end: 7rem;
}

.cds--number--sm .cds--number__invalid {
    inset-inline-end: 5rem;
}

.cds--number__invalid+.cds--number__rule-divider {
    position: absolute;
    inset-inline-end: 5rem;
}

.cds--number--lg .cds--number__invalid+.cds--number__rule-divider {
    inset-inline-end: 6rem;
}

.cds--number--sm .cds--number__invalid+.cds--number__rule-divider {
    inset-inline-end: 4rem;
}

.cds--number__control-btn.down-icon:hover~.cds--number__rule-divider,
.cds--number__control-btn.up-icon:hover+.cds--number__rule-divider,
.cds--number__control-btn.down-icon:focus~.cds--number__rule-divider,
.cds--number__control-btn.up-icon:focus+.cds--number__rule-divider {
    background-color: transparent;
}

.cds--number__invalid--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--number__invalid--warning path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--number--lg input[type=number],
.cds--number--lg input[type=text] {
    block-size: 3rem;
}

.cds--number--lg .cds--number__controls {
    inline-size: 6rem;
}

.cds--number--lg .cds--number__control-btn {
    inline-size: 3rem;
}

.cds--number--sm input[type=number],
.cds--number--sm input[type=text] {
    block-size: 2rem;
}

.cds--number--sm .cds--number__controls {
    inline-size: 4rem;
}

.cds--number--sm .cds--number__control-btn {
    inline-size: 2rem;
}

.cds--number--nolabel .cds--label+.cds--form__helper-text {
    margin-block-start: 0;
}

.cds--number--nosteppers input[type=number],
.cds--number--nosteppers input[type=text] {
    padding-inline-end: 0;
}

.cds--number--nosteppers input[type=number][data-invalid],
.cds--number--nosteppers input[type=text][data-invalid],
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text] {
    padding-inline-end: 3rem;
}

.cds--number--nosteppers .cds--number__invalid {
    inset-inline-end: 1rem;
}

.cds--number--readonly input[type=number],
.cds--number--readonly input[type=text] {
    background: transparent;
    border-block-end-color: var(--cds-border-subtle);
}

.cds--number--readonly .cds--number__control-btn {
    color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    pointer-events: none;
}

.cds--number--readonly .cds--number__control-btn:hover {
    background-color: transparent;
    cursor: pointer;
}

.cds--number--readonly input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,
.cds--number--readonly input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover {
    outline: none;
}

.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {
    background-color: var(--cds-border-subtle);
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,
.cds--number__input-wrapper--slug .cds--ai-label,
.cds--number__input-wrapper--slug .cds--slug {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 6rem;
    transform: translateY(-50%);
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label))>* {
    block-size: 1rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*::before,
.cds--number__input-wrapper--decorator .cds--number__control-btn::before,
.cds--number__input-wrapper--decorator .cds--number__control-btn::after,
.cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number__input-wrapper--slug .cds--slug::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::after {
    position: absolute;
    background-color: var(--cds-border-subtle);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*::before,
.cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number__input-wrapper--slug .cds--slug::before {
    display: none;
    inset-inline-start: -1rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--number__input-wrapper--slug .cds--ai-label--revert::before,
.cds--number__input-wrapper--slug .cds--slug--revert::before {
    inset-block-start: 0.5rem;
    inset-inline-start: -0.5rem;
}

.cds--number__control-btn::after {
    display: block;
    inset-inline-end: 0;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::before {
    display: block;
    inset-inline-end: 2.5rem;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn:focus::before,
.cds--number__input-wrapper--slug .cds--number__control-btn:focus::before {
    display: none;
}

.cds--number__control-btn:hover::after,
.cds--number__control-btn:hover::before {
    display: none;
    inset-inline-end: 0;
}

.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--decorator::after,
.cds--number__input-wrapper:has(.cds--number__control-btn:hover)~.cds--number__input-wrapper--slug::after {
    display: none;
}

.cds--number__control-btn:has(.up-icon)::after,
.cds--number__control-btn:has(.up-icon)::before {
    display: none;
}

.cds--number__input-wrapper--decorator .cds--number__invalid,
.cds--number__input-wrapper--slug .cds--number__invalid {
    inset-inline-end: 9rem;
}

.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator>*::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug::before {
    display: block;
}

.cds--number .cds--number__input-wrapper--decorator input[data-invalid],
.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
.cds--number .cds--number__input-wrapper--slug input[data-invalid],
.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
    padding-inline-end: 9rem;
}

.cds--number__input-wrapper--decorator input[type=number]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=number]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=number]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--number__input-wrapper--slug input[type=number]:disabled,
.cds--number__input-wrapper--decorator input[type=text]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=text]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=text]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--number__input-wrapper--slug input[type=text]:disabled {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
    padding-inline-end: 9.0625rem;
}

.cds--number.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--number.cds--skeleton:hover,
.cds--number.cds--skeleton:focus,
.cds--number.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--number.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--number.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--number.cds--skeleton {
        background: CanvasText;
    }

    .cds--number.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--number.cds--skeleton {
    inline-size: 100%;
}

.cds--number.cds--skeleton input[type=number],
.cds--number.cds--skeleton input[type=text] {
    display: none;
}

.cds--number.cds--skeleton.cds--number--sm {
    block-size: 2rem;
}

.cds--number.cds--skeleton.cds--number--md {
    block-size: 2.5rem;
}

.cds--number.cds--skeleton.cds--number--lg {
    block-size: 3rem;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--number__control-btn:hover,
    .cds--number__control-btn:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--number__control-btn {
        outline: 1px solid transparent;
    }
}

.cds--number-input--fluid {
    position: relative;
    background: var(--cds-field);
    block-size: 100%;
}

.cds--number-input--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inline-size: calc(100% - 2rem);
    inset-block-start: 0.8125rem;
    inset-inline-start: 1rem;
}

.cds--number-input--fluid .cds--label::-webkit-scrollbar,
.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--number-input--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--number-input--fluid .cds--number__input-wrapper {
    position: initial;
}

.cds--number-input--fluid input[type=number],
.cds--number-input--fluid input[type=text] {
    padding: 2rem 5rem 0.8125rem 1rem;
    background: transparent;
    min-block-size: 4rem;
    outline: none;
}

.cds--number-input--fluid .cds--number__controls {
    block-size: 2.5rem;
    inset-block-start: 1.4375rem;
    transform: translate(0);
}

.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn {
    border-block-end-color: var(--cds-focus, #0f62fe);
    box-shadow: inset 0 -1px var(--cds-focus, #0f62fe);
}

.cds--number-input--fluid input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type {
    box-shadow: inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid--invalid input[type=number]:focus~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid--invalid input[type=text]:focus~.cds--number__controls .cds--number__control-btn {
    border-block-end-color: transparent;
    box-shadow: none;
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus~.cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus~.cds--number__controls .cds--number__control-btn:last-of-type {
    box-shadow: inset -2px 0 var(--cds-focus, #0f62fe);
}

.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:last-of-type:hover {
    box-shadow: inset -2px 0 var(--cds-support-error, #da1e28);
}

.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus)~.cds--number__controls .cds--number__control-btn:hover {
    box-shadow: none;
}

.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
        outline-style: dotted;
    }
}

.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus~.cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus~.cds--number__controls .cds--number__control-btn:hover {
    border-block-end: 1px solid var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,
.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,
.cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,
.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--number-input--fluid--invalid input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,
    .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover,
    .cds--number-input--fluid--invalid input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus,
    .cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:focus:hover {
        outline-style: dotted;
    }
}

.cds--number-input--fluid .cds--number-input__divider {
    display: none;
}

.cds--number-input--fluid .cds--number__invalid {
    inset-block-start: 4.5625rem;
    inset-inline-end: 1rem;
    pointer-events: none;
}

.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type {
    display: none;
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text] {
    border-block-end: 1px solid transparent;
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus {
    outline: none;
}

.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider,
.cds--number-input--fluid .cds--number__input-wrapper--warning+.cds--number-input__divider {
    position: absolute;
    display: block;
    border: none;
    margin: 0 1rem;
    block-size: 0.0625rem;
    border-block-end: 1px solid var(--cds-border-subtle);
    inline-size: calc(100% - 2rem);
    inset-block-start: 3.9375rem;
}

.cds--number-input--fluid .cds--form-requirement {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
}

.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number {
        outline-style: dotted;
    }
}

.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],
.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text] {
    border-block-end: 1px solid transparent;
}

.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],
.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn:hover:not(:focus),
.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],
.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn:hover:not(:focus) {
    outline: none;
}

.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number]~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text]~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]~.cds--number__controls .cds--number__control-btn {
    border-block-end: none;
}

.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid]~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number input[type=number]~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid]~.cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number input[type=text]~.cds--number__controls .cds--number__control-btn {
    border: initial;
    border-block-end-width: 0.0625rem;
}

.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number {
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,
.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled {
    background-color: transparent;
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug {
    inset-block-start: 2.6875rem;
}

.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*,
.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator>*,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,
.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,
.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
    inset-inline-end: 5.5rem;
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator input,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],
.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
.cds--number-input--fluid .cds--number__input-wrapper--slug input,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],
.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
    padding-inline-end: 7.5rem;
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator>*::before,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug::before {
    display: none;
}

.cds--search--fluid {
    block-size: 4rem;
}

.cds--search--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    overflow: initial;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    clip: initial;
    inline-size: calc(100% - 2rem);
    inset-block-start: 0.8125rem;
    inset-inline-start: 1rem;
    white-space: initial;
}

.cds--search--fluid .cds--label::-webkit-scrollbar,
.cds--search--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--search--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--search--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--search--fluid .cds--search-input {
    padding: 2rem 5.5rem 0.8125rem 1rem;
    block-size: 100%;
}

.cds--search--fluid .cds--search-magnifier-icon {
    color: var(--cds-icon-primary, #161616);
    inset: auto 1rem 0.8125rem auto;
    transform: none;
}

.cds--search--fluid .cds--search-close {
    border: none;
    block-size: 2.5rem;
    inline-size: 2.5rem;
    inset: auto 3rem 0 auto;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--fluid .cds--search-input:focus~.cds--search-close:hover {
    outline: none;
}

.cds--search--fluid .cds--search-close::after {
    position: absolute;
    display: block;
    block-size: 0.125rem;
    content: "";
    inline-size: 100%;
    inset-block-end: 0;
    inset-inline-start: 0;
}

.cds--search--fluid .cds--search-input:focus~.cds--search-close::after {
    background: var(--cds-focus, #0f62fe);
}

.cds--search--fluid .cds--search-input:not(:focus)~.cds--search-close:not([disabled])::after {
    background: var(--cds-border-strong);
    block-size: 0.0625rem;
}

.cds--search--fluid .cds--search-close svg {
    margin-block-end: 0.125rem;
}

.cds--search--fluid .cds--search-input:disabled~.cds--search-close:hover::before {
    background: var(--cds-border-subtle);
}

.cds--search--fluid.cds--search--disabled .cds--label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--search--fluid.cds--search--disabled .cds--search-input[disabled] {
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--select {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--select *,
.cds--select *::before,
.cds--select *::after {
    box-sizing: inherit;
}

.cds--select {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    inline-size: 100%;
}

.cds--select-input__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    inline-size: 100%;
}

.cds--select-input {
    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);
    outline: 2px solid transparent;
    outline-offset: -2px;
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    display: block;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--cds-field);
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
    font-family: inherit;
    inline-size: 100%;
    opacity: 1;
    padding-block: 0;
    padding-inline: 1rem 3rem;
    text-overflow: ellipsis;
    transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select-input:hover {
    background-color: var(--cds-field-hover);
}

.cds--select-input::-ms-expand {
    display: none;
}

.cds--select-input {
    /* This is for targeting styles specific to firefox */
    /* Removes dotted inner focus */
    /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
    /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}

@-moz-document url-prefix() {

    .cds--select-input:-moz-focusring,
    .cds--select-input::-moz-focus-inner {
        background-image: none;
        color: transparent;
        text-shadow: 0 0 0 #000000;
    }
}

.cds--select-input:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--select-input:focus {
        outline-style: dotted;
    }
}

.cds--select-input:focus {
    color: var(--cds-text-primary, #161616);
}

.cds--select-input:disabled,
.cds--select-input:hover:disabled {
    background-color: var(--cds-field);
    border-block-end-color: transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--select--disabled .cds--label,
.cds--select--disabled .cds--form__helper-text {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select-input__wrapper[data-invalid] .cds--select-input,
.cds--select--warning .cds--select-input {
    padding-inline-end: 4rem;
}

.cds--select-input:disabled~.cds--select__arrow {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--light .cds--select-input {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--select--light .cds--select-input:hover {
    background-color: var(--cds-field-hover);
}

.cds--select--light .cds--select-input:disabled,
.cds--select--light .cds--select-input:hover:disabled {
    background-color: var(--cds-field-02, #ffffff);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--select__arrow {
    position: absolute;
    block-size: 100%;
    fill: var(--cds-icon-primary, #161616);
    inset-block-start: 0;
    inset-inline-end: 1rem;
    pointer-events: none;
}

@media screen and (-ms-high-contrast: active),
screen and (prefers-contrast) {
    .cds--select__arrow path {
        fill: ButtonText;
    }
}

.cds--select__invalid-icon {
    position: absolute;
    inset-inline-end: 2.5rem;
}

.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--select__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--select__invalid-icon--warning path[fill] {
    fill: #000000;
    opacity: 1;
}

optgroup.cds--select-optgroup,
.cds--select-option {
    background-color: var(--cds-layer-hover);
    color: var(--cds-text-primary, #161616);
}

optgroup.cds--select-optgroup:disabled,
.cds--select-option:disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--inline {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cds--select--inline .cds--form__helper-text {
    margin-block-end: 0;
    margin-inline-start: 0.5rem;
}

.cds--select--inline .cds--label {
    margin: 0 0.5rem 0 0;
    white-space: nowrap;
}

.cds--select--inline .cds--select-input {
    background-color: transparent;
    border-block-end: none;
    color: var(--cds-text-primary, #161616);
    inline-size: 100%;
    padding-inline: 0.5rem 3rem;
}

.cds--select--inline .cds--select-input:hover {
    background-color: var(--cds-field-hover);
}

.cds--select--inline .cds--select-input:focus,
.cds--select--inline .cds--select-input:focus option,
.cds--select--inline .cds--select-input:focus optgroup {
    background-color: var(--cds-background, #ffffff);
}

.cds--select--inline .cds--select-input:focus:hover,
.cds--select--inline .cds--select-input:focus option:hover,
.cds--select--inline .cds--select-input:focus optgroup:hover {
    background-color: var(--cds-field-hover);
}

.cds--select--inline .cds--select-input[disabled],
.cds--select--inline .cds--select-input[disabled]:hover {
    background-color: var(--cds-background, #ffffff);
}

.cds--select--inline .cds--select__arrow {
    inset-inline-end: 0.5rem;
}

.cds--select--inline.cds--select--invalid .cds--select-input {
    padding-inline-end: 3.5rem;
}

.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,
.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning {
    inset-inline-end: 2rem;
}

.cds--select--inline .cds--select-input:disabled {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--select--inline .cds--select-input:disabled~* {
    cursor: not-allowed;
}

.cds--select--readonly .cds--select-input {
    background-color: transparent;
    border-block-end-color: var(--cds-border-subtle);
    cursor: default;
}

.cds--select--readonly .cds--select__arrow {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--readonly.cds--select--inline .cds--select-input:hover {
    background-color: transparent;
}

.cds--select.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--select.cds--skeleton:hover,
.cds--select.cds--skeleton:focus,
.cds--select.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--select.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--select.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--select.cds--skeleton {
        background: CanvasText;
    }

    .cds--select.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--select.cds--skeleton {
    block-size: 2.5rem;
    inline-size: 100%;
}

.cds--select.cds--skeleton .cds--select-input {
    display: none;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator>*,
.cds--select--slug .cds--ai-label,
.cds--select--slug .cds--slug {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: calc(2.5rem + 8px + 1px);
    margin-block-start: 0.03125rem;
    transform: translateY(-50%);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator>*::after,
.cds--select--decorator .cds--select__inner-wrapper--decorator>*::before,
.cds--select--slug .cds--ai-label::after,
.cds--select--slug .cds--ai-label::before,
.cds--select--slug .cds--slug::after,
.cds--select--slug .cds--slug::before {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #c6c6c6);
    block-size: 1rem;
    content: "";
    inline-size: 0.0625rem;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator>*::before,
.cds--select--slug .cds--ai-label::before,
.cds--select--slug .cds--slug::before {
    display: none;
    inset-inline-start: calc(-0.5rem - 1px);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator>*::after,
.cds--select--slug .cds--ai-label::after,
.cds--select--slug .cds--slug::after {
    display: block;
    inset-block-start: 0;
    inset-inline-end: calc(-0.5rem - 1px);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert::before,
.cds--select--slug .cds--ai-label--revert::before,
.cds--select--slug .cds--slug--revert::before {
    inset-block-start: 0.5rem;
    inset-inline-start: 0;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,
.cds--select--slug .cds--ai-label--revert {
    inset-inline-end: 2.5625rem;
}

.cds--select--decorator .cds--ai-label--revert::after,
.cds--select--slug .cds--ai-label--revert::after,
.cds--select--slug .cds--slug--revert::after {
    inset-block-start: 0.5rem;
    inset-inline-end: -1px;
}

.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,
.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,
.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon {
    inset-inline-end: 5rem;
}

.cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
.cds--select--slug .cds--select-input:has(~ .cds--ai-label),
.cds--select--slug .cds--select-input:has(~ .cds--slug) {
    padding-inline-end: 4rem;
}

.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--ai-label),
.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--slug) {
    padding-inline-end: 6rem;
}

.cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--select--slug .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--select--slug .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--select-input-has--ai-label {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>*::before,
.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
    display: block;
}

.cds--select--fluid .cds--select {
    position: relative;
    background: var(--cds-field);
    block-size: 100%;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inline-size: calc(100% - 2rem);
    inset-block-start: 0.8125rem;
    inset-inline-start: 1rem;
}

.cds--select--fluid .cds--label::-webkit-scrollbar,
.cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--select--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--select--fluid .cds--select-input {
    padding: 2rem 2rem 0.8125rem 1rem;
    min-block-size: 4rem;
    outline: none;
    text-overflow: ellipsis;
}

.cds--select--fluid .cds--select__arrow {
    block-size: 1rem;
    inset-block-start: 2.125rem;
    inset-inline-end: 0.75rem;
}

.cds--select--fluid .cds--select__divider {
    display: none;
    transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {
        outline-style: dotted;
    }
}

.cds--select--fluid .cds--select--invalid .cds--select__divider,
.cds--select--fluid .cds--select--warning .cds--select__divider {
    display: block;
    border: none;
    margin: 0 1rem;
    border-block-end: 1px solid var(--cds-border-subtle);
    inline-size: calc(100% - 2rem);
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,
.cds--select--fluid .cds--select--warning .cds--select-input {
    border-block-end: 1px solid transparent;
    padding-inline-end: 2rem;
}

.cds--select--fluid .cds--select--warning {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--select--fluid .cds--select-input__wrapper {
    display: block;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
.cds--select--fluid .cds--select--warning .cds--select-input:not(:focus) {
    outline: none;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,
.cds--select--fluid .cds--select--warning .cds--form-requirement {
    display: block;
    overflow: visible;
    max-block-size: 100%;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--select--fluid .cds--form-requirement {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover+.cds--select__divider,
.cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover+.cds--select__divider {
    border-color: transparent;
}

.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,
.cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon {
    inset-block-start: 4.5625rem;
    inset-inline-end: 1rem;
    pointer-events: none;
}

.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {
        outline-style: dotted;
    }
}

.cds--select--fluid .cds--select--fluid--focus .cds--select-input,
.cds--select--fluid .cds--select--fluid--focus.cds--select--warning {
    border-block-end: 1px solid transparent;
}

.cds--select--fluid .cds--select--disabled .cds--toggletip-label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--fluid .cds--select--disabled .cds--toggletip-button {
    pointer-events: none;
}

.cds--select--fluid .cds--select--disabled .cds--toggletip-button svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>*,
.cds--select--fluid .cds--select--slug .cds--ai-label,
.cds--select--fluid .cds--select--slug .cds--slug {
    inset-block-start: 2.625rem;
    inset-inline-end: 3rem;
}

.cds--select--fluid .cds--select--slug .cds--select-input {
    padding-inline-end: 4rem;
}

.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label::before,
.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
    display: none;
}

.cds--select--fluid__skeleton {
    position: relative;
    background: var(--cds-skeleton-background, #e8e8e8);
    block-size: 4rem;
    border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--select--fluid__skeleton .cds--skeleton {
    position: absolute;
    block-size: 0.5rem;
    inline-size: 25%;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
}

.cds--select--fluid__skeleton .cds--label {
    position: absolute;
    padding: 0;
    block-size: 0.5rem;
    inline-size: 50%;
    inset-block-start: 2.25rem;
    inset-inline-start: 1rem;
}

.cds--text-area {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--text-area *,
.cds--text-area *::before,
.cds--text-area *::after {
    box-sizing: inherit;
}

.cds--text-area {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0.6875rem var(--cds-layout-density-padding-inline-local);
    border: none;
    background-color: var(--cds-field);
    block-size: 100%;
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
    font-family: inherit;
    min-block-size: 2.5rem;
    min-inline-size: 10rem;
    resize: vertical;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-area:focus,
.cds--text-area:active {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--text-area:focus,
    .cds--text-area:active {
        outline-style: dotted;
    }
}

.cds--text-area::-moz-placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--text-area::placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--text-area--light {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--text-area__wrapper {
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    position: relative;
    display: flex;
    inline-size: 100%;
    max-inline-size: 100%;
}

.cds--text-area__wrapper--cols {
    inline-size: auto;
}

.cds--text-area__invalid-icon {
    position: absolute;
    fill: var(--cds-support-error, #da1e28);
    inset-block-start: 0.75rem;
    inset-inline-end: var(--cds-layout-density-padding-inline-local);
}

.cds--text-area__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--text-area__invalid-icon--warning path[fill] {
    fill: #000000;
    opacity: 1;
}

.cds--text-area__counter-alert {
    position: absolute;
    overflow: hidden;
    padding: 0;
    border: 0;
    margin: -1px;
    block-size: 1px;
    clip: rect(0, 0, 0, 0);
    inline-size: 1px;
}

.cds--form-item:has(.cds--text-area__wrapper--cols) {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
}

.cds--text-area:disabled {
    background-color: var(--cds-field);
    border-block-end: 1px solid transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    outline: none;
    resize: none;
}

.cds--text-area:disabled::-moz-placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-area:disabled::placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-area__wrapper--readonly .cds--text-area {
    background: transparent;
    border-block-end-color: var(--cds-border-subtle);
}

.cds--text-area__wrapper--decorator .cds--text-area__inner-wrapper--decorator>*,
.cds--text-area__wrapper--slug .cds--ai-label,
.cds--text-area__wrapper--slug .cds--slug {
    position: absolute;
    inset-block-start: 0.75rem;
    inset-inline-end: 1rem;
}

.cds--text-area__wrapper--decorator .cds--ai-label.cds--ai-label--revert,
.cds--text-area__wrapper--slug .cds--ai-label.cds--ai-label--revert,
.cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {
    inset-block-start: 0.25rem;
    inset-inline-end: 0.5rem;
    transform: translate(0);
}

.cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug) {
    padding-inline-end: 2.5rem;
}

.cds--text-area--invalid:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area--warn:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area--invalid:has(~ .cds--ai-label),
.cds--text-area--warn:has(~ .cds--ai-label),
.cds--text-area--invalid:has(~ .cds--slug),
.cds--text-area--warn:has(~ .cds--slug) {
    padding-inline-end: 4rem;
}

.cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>*,
.cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>*,
.cds--text-area--invalid~.cds--ai-label,
.cds--text-area--warn~.cds--ai-label,
.cds--text-area--invalid~.cds--slug,
.cds--text-area--warn~.cds--slug {
    inset-inline-end: 2.5rem;
}

.cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>.cds--ai-label.cds--ai-label--revert,
.cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>.cds--ai-label.cds--ai-label--revert,
.cds--text-area--invalid~.cds--ai-label.cds--ai-label--revert,
.cds--text-area--warn~.cds--ai-label.cds--ai-label--revert,
.cds--text-area--invalid~.cds--slug.cds--slug--revert,
.cds--text-area--warn~.cds--slug.cds--slug--revert {
    inset-inline-end: 2rem;
}

.cds--text-area.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--text-area.cds--skeleton:hover,
.cds--text-area.cds--skeleton:focus,
.cds--text-area.cds--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--text-area.cds--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--text-area.cds--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--text-area.cds--skeleton {
        background: CanvasText;
    }

    .cds--text-area.cds--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--text-area.cds--skeleton {
    block-size: 6.25rem;
    inline-size: 100%;
}

.cds--text-area.cds--skeleton::-moz-placeholder {
    color: transparent;
}

.cds--text-area.cds--skeleton::placeholder {
    color: transparent;
}

.cds--text-area__label-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    inline-size: 100%;
}

.cds--text-area--fluid .cds--text-area__wrapper {
    position: relative;
    flex-direction: column;
    background: var(--cds-field);
    block-size: 100%;
}

.cds--modal .cds--text-area--fluid .cds--text-area__wrapper {
    background: var(--cds-field-02, #ffffff);
}

.cds--text-area--fluid .cds--text-area__label-wrapper {
    position: relative;
    block-size: 100%;
}

.cds--text-area--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inset-block-start: 0.8125rem;
}

.cds--text-area--fluid .cds--label:not(.cds--text-area__label-counter) {
    inline-size: auto;
    inset-inline-end: auto;
    inset-inline-start: 1rem;
}

.cds--text-area--fluid .cds--label.cds--text-area__label-counter {
    inline-size: auto;
    inset-inline-end: 1rem;
    inset-inline-start: auto;
}

.cds--text-area--fluid .cds--label .cds--toggletip-button {
    padding: 0.25rem;
    margin-inline-start: -0.25rem;
    min-block-size: 1.5rem;
    min-inline-size: 1.5rem;
}

.cds--text-area--fluid .cds--label::-webkit-scrollbar,
.cds--text-area--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--text-area--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--text-area--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--text-area--fluid div.cds--label {
    display: flex;
    justify-content: flex-end;
}

.cds--text-area--fluid .cds--text-area {
    padding: 0 1rem 0.8125rem;
    margin-block-start: 2rem;
    min-block-size: 4rem;
    outline: none;
}

.cds--text-area--fluid .cds--form__helper-text {
    display: none;
}

.cds--text-area--fluid .cds--text-area--invalid,
.cds--text-area--fluid .cds--text-area:focus {
    border-block-end: 1px solid transparent;
}

.cds--text-area__divider,
.cds--text-area--fluid .cds--text-area__divider {
    display: none;
}

.cds--text-area--fluid .cds--text-area--invalid,
.cds--text-area--fluid .cds--text-area--warn {
    resize: none;
}

.cds--text-area--fluid .cds--text-area--invalid {
    padding: 0 0.875rem 0.8125rem;
    margin-block-start: 1.875rem;
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider,
.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--text-area__divider {
    display: block;
    border-style: solid;
    border-color: var(--cds-border-subtle);
    margin: 0 1rem;
    border-block-end: none;
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement,
.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
    background: var(--cds-field);
    max-block-size: 12.5rem;
}

.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {
    border-block-end: 1px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement {
    border-block-end: none;
    color: var(--cds-text-error, #da1e28);
}

.cds--text-area--fluid .cds--text-area--warn {
    border-block-end: none;
}

.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement {
    background: var(--cds-field-02, #ffffff);
}

.cds--text-area--fluid .cds--text-area__invalid-icon {
    inset-block-start: 0.5rem;
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {
    border: 2px solid var(--cds-support-error, #da1e28);
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
.cds--text-area--fluid .cds--text-area__wrapper:focus-within {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
    .cds--text-area--fluid .cds--text-area__wrapper:focus-within {
        outline-style: dotted;
    }
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:focus,
.cds--text-area--fluid .cds--text-area__wrapper>.cds--text-area:focus,
.cds--text-area--fluid .cds--text-area__wrapper>.cds--text-area:active,
.cds--text-area--fluid .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid {
    outline: none;
    transition: none;
}

.cds--text-area--fluid__skeleton {
    padding: 1rem;
    background: var(--cds-skeleton-background, #e8e8e8);
    border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--text-area--fluid__skeleton .cds--skeleton,
.cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton::before {
    block-size: 0.5rem;
}

.cds--text-area--fluid__skeleton .cds--label {
    margin-block-end: 0.75rem;
}

.cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton {
    block-size: 4rem;
    inline-size: 80%;
}

.cds--text-area--fluid .cds--text-area__wrapper--decorator:has(.cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-area--fluid .cds--text-area__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--text-area--fluid .cds--text-area__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) {
    background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
    border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>*,
.cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>*,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid~.cds--ai-label,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn~.cds--ai-label,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid~.cds--slug,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn~.cds--slug {
    inset-inline-end: 1rem;
}

.cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--invalid,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid {
    border-block-end-color: transparent;
}

.cds--text-input--fluid.cds--text-input-wrapper {
    position: relative;
    background: var(--cds-field);
    block-size: 100%;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-input--fluid .cds--label {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    margin: 0;
    block-size: 1rem;
    inset-block-start: 0.8125rem;
}

.cds--text-input--fluid .cds--label:not(.cds--text-input__label-counter) {
    inline-size: auto;
    inset-inline-end: auto;
    inset-inline-start: 1rem;
}

.cds--text-input--fluid .cds--label.cds--text-input__label-counter {
    inline-size: auto;
    inset-inline-end: 1rem;
    inset-inline-start: auto;
}

.cds--text-input--fluid.cds--text-input-wrapper--readonly .cds--text-input__field-wrapper .cds--text-input {
    color: var(--cds-text-secondary, #525252);
}

.cds--text-input--fluid .cds--label::-webkit-scrollbar,
.cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
    display: none;
}

.cds--text-input--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--text-input--fluid .cds--label .cds--toggletip-label {
    -ms-overflow-style: none;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
}

.cds--text-input--fluid .cds--form__helper-text {
    display: none;
}

.cds--text-input--fluid .cds--text-input {
    padding: 2rem 1rem 0.8125rem;
    min-block-size: 4rem;
}

.cds--text-input__divider,
.cds--text-input--fluid .cds--text-input__divider {
    display: none;
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid],
.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
    display: block;
}

.cds--text-input--fluid input[data-invalid] {
    outline: none;
}

.cds--text-input--fluid .cds--form-requirement {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
}

.cds--text-input--fluid .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input--warning {
    border-block-end: none;
}

.cds--text-input--fluid .cds--text-input--invalid~.cds--text-input__divider,
.cds--text-input--fluid .cds--text-input--warning~.cds--text-input__divider {
    display: block;
    border-style: solid;
    border-color: var(--cds-border-subtle);
    margin: 0 1rem;
    border-block-end: none;
}

.cds--text-input--fluid .cds--text-input__invalid-icon {
    inset-block-start: 5rem;
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning {
    outline: none;
}

.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
    border-block-end: 1px solid var(--cds-border-strong);
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
        outline-style: dotted;
    }
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
.cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
    .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
        outline-style: dotted;
    }
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus,
.cds--text-input--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus {
    outline: none;
}

.cds--text-input--fluid .cds--text-input.cds--password-input {
    padding-inline-end: 2.5rem;
}

.cds--text-input--fluid.cds--password-input-wrapper .cds--text-input__invalid-icon {
    inset-inline-end: 1rem;
}

.cds--text-input--fluid .cds--toggle-password-tooltip {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    block-size: 4rem;
    cursor: pointer;
    inline-size: 3rem;
    inset-block-start: 0;
    inset-inline-end: 0;
    transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
    inset-inline-start: 0;
}

.cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
    block-size: 2rem;
    inline-size: 2rem;
    inset-block-start: 1.625rem;
    inset-inline-end: 0.5rem;
}

.cds--text-input--fluid__skeleton {
    position: relative;
    background: var(--cds-skeleton-background, #e8e8e8);
    block-size: 4rem;
    border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--text-input--fluid__skeleton .cds--skeleton {
    position: absolute;
    block-size: 0.5rem;
    inline-size: 25%;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
}

.cds--text-input--fluid__skeleton .cds--label {
    position: absolute;
    padding: 0;
    block-size: 0.5rem;
    inline-size: 50%;
    inset-block-start: 2.25rem;
    inset-inline-start: 1rem;
}

.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--ai-label,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {
    inset-block-start: 2.625rem;
}

.cds--text-input--fluid .cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input--fluid .cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*,
.cds--text-input--fluid .cds--text-input--invalid~.cds--ai-label,
.cds--text-input--fluid .cds--text-input--warning~.cds--ai-label,
.cds--text-input--fluid .cds--text-input--invalid~.cds--slug,
.cds--text-input--fluid .cds--text-input--warning~.cds--slug {
    inset-inline-end: 1rem;
}

.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input,
.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input--warning,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {
    padding-inline-end: 2.5rem;
}

.cds--time-picker--fluid {
    background: var(--cds-field);
}

.cds--time-picker--fluid .cds--time-picker--fluid__wrapper {
    display: flex;
}

.cds--time-picker--fluid__wrapper>*:nth-child(1),
.cds--time-picker--fluid__wrapper>*:nth-child(2) {
    flex-basis: 25%;
}

.cds--time-picker--equal-width .cds--time-picker--fluid__wrapper>* {
    flex-basis: 50%;
}

.cds--time-picker--fluid__wrapper>*:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,
.cds--time-picker--fluid__wrapper>*:last-child .cds--select-input__wrapper::before {
    position: absolute;
    display: block;
    background-color: var(--cds-border-strong);
    block-size: calc(100% - 1px);
    content: "";
    inline-size: 1px;
    opacity: 1;
    transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select--readonly .cds--select-input__wrapper::before {
    background-color: var(--cds-border-subtle) !important;
    /* stylelint-disable-line declaration-no-important */
    opacity: 1 !important;
    /* stylelint-disable-line declaration-no-important */
    transition: none;
}

.cds--time-picker--fluid__wrapper .cds--select-input__wrapper::after {
    inset-inline-end: 0;
}

.cds--time-picker--fluid__wrapper .cds--select-input__wrapper::before {
    inset-inline-start: 0;
}

.cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper>*:nth-child(2):not(:last-child):hover .cds--select-input__wrapper::before,
.cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper>*:nth-child(2):hover:not(:last-child)~* .cds--select-input__wrapper::before,
.cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper>*:last-child:hover .cds--select-input__wrapper::before {
    opacity: 0;
}

.cds--time-picker--fluid--disabled .cds--time-picker--fluid__wrapper .cds--select--disabled .cds--select-input__wrapper::before {
    background: var(--cds-border-disabled, #c6c6c6);
}

.cds--time-picker--fluid .cds--form-requirement {
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    margin: 0;
    background: var(--cds-field);
}

.cds--time-picker--fluid--invalid {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--time-picker--fluid--invalid {
        outline-style: dotted;
    }
}

.cds--time-picker--fluid--invalid {
    position: relative;
}

.cds--time-picker--fluid--invalid .cds--text-input,
.cds--time-picker--fluid--invalid .cds--text-input-wrapper,
.cds--time-picker--fluid--invalid .cds--select-input,
.cds--time-picker--fluid--invalid .cds--select {
    background: transparent;
}

.cds--time-picker--fluid--invalid .cds--select-input {
    border-block-start: 2px solid transparent;
    padding-block-start: 1.875rem;
}

.cds--time-picker--fluid .cds--select--fluid:last-of-type .cds--select-input {
    border-inline-end: 2px solid transparent;
}

.cds--time-picker--fluid--invalid .cds--select-input:hover:not([disabled]) {
    background: var(--cds-field-hover);
}

.cds--time-picker--fluid--invalid .cds--select-input:hover {
    border-block-start: 2px solid var(--cds-support-error, #da1e28);
}

.cds--time-picker--fluid--invalid .cds--select--fluid:last-of-type .cds--select-input:hover {
    border-inline-end: 2px solid var(--cds-support-error, #da1e28);
}

.cds--time-picker--fluid--warning {
    position: relative;
}

.cds--time-picker__icon {
    display: none;
}

.cds--time-picker--fluid--invalid .cds--time-picker__icon,
.cds--time-picker--fluid--warning .cds--time-picker__icon {
    position: absolute;
    display: block;
    inset-block-start: 4.5rem;
    inset-inline-end: 1rem;
}

.cds--time-picker--fluid--invalid .cds--time-picker__icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--time-picker--fluid--warning .cds--time-picker__icon {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--time-picker--fluid--warning .cds--time-picker__icon path:first-of-type {
    fill: var(--cds-icon-primary, #161616);
}

.cds--time-picker--fluid--invalid .cds--form-requirement,
.cds--time-picker--fluid--warning .cds--form-requirement {
    display: block;
    overflow: visible;
    max-block-size: 100%;
}

.cds--time-picker--fluid--invalid .cds--form-requirement {
    color: var(--cds-text-error, #da1e28);
}

.cds--time-picker--fluid--invalid .cds--time-picker--fluid__wrapper>*:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,
.cds--time-picker--fluid--invalid .cds--time-picker--fluid__wrapper>*:last-child .cds--select-input__wrapper::before,
.cds--time-picker--fluid--warning .cds--time-picker--fluid__wrapper>*:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,
.cds--time-picker--fluid--warning .cds--time-picker--fluid__wrapper>*:last-child .cds--select-input__wrapper::before {
    block-size: calc(100% - 1rem);
    inset-block-start: 8px;
}

.cds--time-picker--fluid--invalid .cds--text-input,
.cds--time-picker--fluid--warning .cds--text-input,
.cds--time-picker--fluid--invalid .cds--select-input,
.cds--time-picker--fluid--warning .cds--select-input {
    border-block-end: 1px solid transparent;
}

.cds--time-picker--fluid.cds--time-picker--fluid--invalid .cds--time-picker__divider,
.cds--time-picker--fluid.cds--time-picker--fluid--warning .cds--time-picker__divider {
    border-style: solid;
    border-color: var(--cds-border-subtle);
    margin: 0 1rem;
    border-block-end: none;
    inline-size: calc(100% - 2rem);
}

.cds--time-picker--fluid--skeleton {
    display: flex;
    block-size: 4rem;
    inline-size: 100%;
}

.cds--time-picker--fluid--skeleton>* {
    block-size: 100%;
    inline-size: auto;
}

.cds--time-picker--fluid--skeleton>*:nth-child(1),
.cds--time-picker--fluid--skeleton>*:nth-child(2) {
    inline-size: 25%;
}

.cds--time-picker--fluid--skeleton>*:last-child,
.cds--time-picker--fluid--skeleton.cds--time-picker--equal-width>*:first-child {
    inline-size: 50%;
}

.cds--full-page-error {
    block-size: inherit;
}

.cds--full-page-error__container {
    margin: 0 1.5rem;
    block-size: 100%;
}

@media (max-width: 41.98rem) {
    .cds--full-page-error__container {
        margin: 0 0.5rem;
    }
}

.cds--full-page-error__grid {
    block-size: 100%;
    padding-block: 2rem;
}

.cds--full-page-error__column {
    padding: 0;
}

@media (min-width: 66rem) {
    .cds--full-page-error__column {
        padding: 0 2rem 0 0;
    }
}

.cds--full-page-error__svg-container {
    display: flex;
    padding: 0.5rem 0.5rem 5rem 0.5rem;
    block-size: 100%;
}

@media (min-width: 42rem) {
    .cds--full-page-error__svg-container {
        padding: auto 0.5rem 5rem;
    }
}

.cds--full-page-error__label,
.cds--full-page-error__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
    font-size: calc(2rem + 0.25 * (100vw - 20rem) / 22);
}

@media (min-width: 42rem) {

    .cds--full-page-error__label,
    .cds--full-page-error__title {
        font-size: 2.25rem;
        font-weight: 300;
        line-height: 1.22;
        font-size: calc(2.25rem + 0.375 * (100vw - 42rem) / 24);
    }
}

@media (min-width: 66rem) {

    .cds--full-page-error__label,
    .cds--full-page-error__title {
        font-size: 2.625rem;
        line-height: 1.19;
        font-size: calc(2.625rem + 0.375 * (100vw - 66rem) / 16);
    }
}

@media (min-width: 82rem) {

    .cds--full-page-error__label,
    .cds--full-page-error__title {
        font-size: 3rem;
        line-height: 1.17;
        font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
    }
}

@media (min-width: 99rem) {

    .cds--full-page-error__label,
    .cds--full-page-error__title {
        font-size: 3.75rem;
        font-size: 3.75rem;
    }
}

.cds--full-page-error__label {
    display: block;
    color: var(--cds-text-error, #da1e28);
}

.cds--full-page-error__title {
    margin-block-end: 3rem;
}

.cds--full-page-error__description {
    font-size: var(--cds-body-02-font-size, 1rem);
    font-weight: var(--cds-body-02-font-weight, 400);
    line-height: var(--cds-body-02-line-height, 1.5);
    letter-spacing: var(--cds-body-02-letter-spacing, 0);
    margin-block-end: 2rem;
}

.cds--full-page-error__body {
    font-size: var(--cds-body-02-font-size, 1rem);
    font-weight: var(--cds-body-02-font-weight, 400);
    line-height: var(--cds-body-02-line-height, 1.5);
    letter-spacing: var(--cds-body-02-letter-spacing, 0);
}

.cds--full-page-error__svg-container svg.cds--full-page-error__svg {
    inline-size: 100%;
}

.cds--full-page-error__svg-container svg.cds--full-page-error__svg path {
    fill: var(--cds-background, #ffffff);
    stroke: var(--cds-border-inverse, #161616);
}

.cds--icon-indicator {
    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);
    display: flex;
    align-items: center;
    color: var(--cds-text-secondary, #525252);
    gap: 0.5rem;
    line-height: unset;
}

.cds--icon-indicator svg {
    align-self: center;
}

.cds--icon-indicator--20 {
    font-size: var(--cds-body-compact-02-font-size, 1rem);
    font-weight: var(--cds-body-compact-02-font-weight, 400);
    line-height: var(--cds-body-compact-02-line-height, 1.375);
    letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
    line-height: unset;
}

.cds--icon-indicator--failed {
    fill: var(--cds-status-red, #da1e28);
}

.cds--icon-indicator--caution-major {
    fill: var(--cds-status-orange, #ff832b);
}

.cds--icon-indicator--caution-major path:first-of-type {
    fill: #000000;
}

.cds--icon-indicator--caution-minor {
    fill: var(--cds-status-yellow, #f1c21b);
}

.cds--icon-indicator--caution-minor path:first-of-type {
    fill: #000000;
}

.cds--icon-indicator--undefined {
    fill: var(--cds-status-purple, #8a3ffc);
}

.cds--icon-indicator--succeeded {
    fill: var(--cds-status-green, #24a148);
}

.cds--icon-indicator--normal {
    fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator--in-progress {
    fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator--incomplete {
    fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator--not-started {
    fill: var(--cds-status-gray, #6f6f6f);
}

.cds--icon-indicator--pending {
    fill: var(--cds-status-gray, #6f6f6f);
}

.cds--icon-indicator--unknown {
    fill: var(--cds-status-gray, #6f6f6f);
}

.cds--icon-indicator--informative {
    fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator__button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--icon-indicator__button *,
.cds--icon-indicator__button *::before,
.cds--icon-indicator__button *::after {
    box-sizing: inherit;
}

.cds--icon-indicator__button::-moz-focus-inner {
    border: 0;
}

.cds--icon-indicator__button {
    display: flex;
}

.cds--icon-indicator__button:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--icon-indicator__button:focus {
        outline-style: dotted;
    }
}

.cds--icon-indicator .cds--definition-tooltip {
    padding-block: 0.125rem;
}

@keyframes prefix--stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

.cds--inline-loading {
    display: flex;
    align-items: center;
    color: var(--cds-text-secondary, #525252);
    inline-size: 100%;
    min-block-size: 2rem;
}

.cds--inline-loading__text {
    font-size: var(--cds-label-02-font-size, 0.875rem);
    font-weight: var(--cds-label-02-font-weight, 400);
    line-height: var(--cds-label-02-line-height, 1.28572);
    letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
}

.cds--inline-loading__animation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 0.5rem;
}

.cds--inline-loading__checkmark-container {
    fill: var(--cds-support-success, #24a148);
}

.cds--inline-loading__checkmark-container.cds--inline-loading__svg {
    position: absolute;
    inline-size: 0.75rem;
    inset-block-start: 0.75rem;
}

.cds--inline-loading__checkmark-container[hidden] {
    display: none;
}

.cds--inline-loading__checkmark {
    animation-duration: 250ms;
    animation-fill-mode: forwards;
    animation-name: cds--stroke;
    fill: none;
    stroke: var(--cds-interactive, #0f62fe);
    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    stroke-width: 1.8;
    transform-origin: 50% 50%;
}

.cds--inline-loading--error {
    block-size: 1rem;
    fill: var(--cds-support-error, #da1e28);
    inline-size: 1rem;
}

.cds--inline-loading--error[hidden] {
    display: none;
}

.cds--loading--small .cds--inline-loading__svg {
    stroke: var(--cds-interactive, #0f62fe);
}

.cds--btn .cds--inline-loading--btn {
    min-block-size: 0;
}

.cds--btn .cds--inline-loading--btn .cds--inline-loading__text {
    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);
}

/* If IE11 Don't show check animation */
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .cds--inline-loading__checkmark-container {
        inset-block-start: 1px;
        inset-inline-end: 0.5rem;
    }

    .cds--inline-loading__checkmark {
        animation: none;
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
    }
}

/* stylelint-disable declaration-no-important */
.cds--interstitial-screen--body {
    overflow: hidden auto;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    background-color: var(--cds-background, #ffffff);
}

.cds--interstitial-screen--progress {
    overflow: auto;
    margin-block-end: 0.75rem;
}

.cds--interstitial-screen__carousel {
    block-size: 100%;
}

.cds--interstitial-screen__carousel .cds--carousel__item {
    flex: 0 0 100%;
    scroll-snap-align: start;
}

.cds--interstitial-screen--internal-body {
    padding: 0 !important;
    margin: 0 !important;
}

.cds--interstitial-screen--content {
    block-size: 100%;
}

.cds--interstitial-screen--internal-header {
    position: relative;
    background-color: var(--cds-background, #ffffff);
    margin-block-end: 0 !important;
    padding-block-start: 1.5rem !important;
    padding-inline-start: 2rem !important;
}

@media (max-width: 41.98rem) {
    .cds--interstitial-screen--internal-header {
        padding-inline: 1rem !important;
    }
}

.cds--interstitial-screen--internal-header:empty {
    min-block-size: 0;
}

.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer {
    margin-block-end: 1rem;
}

.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h1 {
    font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
    font-weight: var(--cds-productive-heading-04-font-weight, 400);
    line-height: var(--cds-productive-heading-04-line-height, 1.28572);
    letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
    margin-block-end: 0.5rem;
}

.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h1:empty {
    padding: 0;
}

.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h2 {
    font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
    font-weight: var(--cds-productive-heading-03-font-weight, 400);
    line-height: var(--cds-productive-heading-03-line-height, 1.4);
    letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
}

.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h2:empty {
    padding: 0;
}

.cds--interstitial-screen--internal-header--has-title {
    background: var(--cds-layer-01, #f4f4f4);
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--interstitial-screen--internal-header--has-title .cds--interstitial-screen--progress {
    margin-block-start: 0;
}

.cds--interstitial-screen--footer {
    background: var(--cds-background, #ffffff);
    border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    inline-size: 100%;
}

@media (max-width: 41.98rem) {
    .cds--interstitial-screen--footer {
        block-size: auto;
    }
}

.cds--interstitial-screen--footer .cds--btn-set {
    display: flex;
    justify-content: flex-end;
    inline-size: 100%;
}

@media (max-width: 41.98rem) {

    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--prev-btn,
    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--next-btn,
    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--start-btn,
    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--skip-btn {
        flex: 1 1;
        inline-size: auto;
        max-inline-size: none;
        min-inline-size: 0;
    }
}

@media (min-width: 42rem) {

    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--prev-btn,
    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--next-btn,
    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--start-btn {
        flex: 0 0 auto;
        inline-size: 15rem;
        max-inline-size: 15rem;
    }

    .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--skip-btn {
        flex: 1 1 auto;
        max-inline-size: none;
    }
}

.cds--interstitial-screen--footer .cds--inline-loading {
    position: absolute;
    inline-size: 2rem;
    inset-block-start: 0;
    inset-inline-end: 0;
}

.cds--interstitial-screen--footer-controls {
    display: flex;
    flex-direction: row;
    margin-inline-start: auto;
}

.cds--interstitial-screen--full-screen {
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
}

.cds--interstitial-screen--full-screen .cds--interstitial-screen--container {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    block-size: 100vh;
    max-inline-size: 100vw;
}

.cds--list--nested,
.cds--list--unordered,
.cds--list--ordered,
.cds--list--ordered--native {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--list--nested *,
.cds--list--nested *::before,
.cds--list--nested *::after,
.cds--list--unordered *,
.cds--list--unordered *::before,
.cds--list--unordered *::after,
.cds--list--ordered *,
.cds--list--ordered *::before,
.cds--list--ordered *::after,
.cds--list--ordered--native *,
.cds--list--ordered--native *::before,
.cds--list--ordered--native *::after {
    box-sizing: inherit;
}

.cds--list--nested,
.cds--list--unordered,
.cds--list--ordered,
.cds--list--ordered--native {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    list-style: none;
}

.cds--list--unordered:not(.cds--list--nested) {
    margin-inline-start: 1rem;
}

.cds--list--expressive,
.cds--list--expressive .cds--list--nested {
    font-size: var(--cds-body-02-font-size, 1rem);
    font-weight: var(--cds-body-02-font-weight, 400);
    line-height: var(--cds-body-02-line-height, 1.5);
    letter-spacing: var(--cds-body-02-letter-spacing, 0);
}

.cds--list--ordered--native {
    list-style: decimal;
}

.cds--list__item {
    color: var(--cds-text-primary, #161616);
}

.cds--list--nested {
    margin-inline-start: 2rem;
}

.cds--list--nested .cds--list__item {
    padding-inline-start: 0.25rem;
}

.cds--list--ordered:not(.cds--list--nested) {
    counter-reset: item;
}

.cds--list--ordered:not(.cds--list--nested)>.cds--list__item {
    position: relative;
}

.cds--list--ordered:not(.cds--list--nested)>.cds--list__item::before {
    position: absolute;
    content: counter(item) ".";
    counter-increment: item;
    inset-inline-start: -1.5rem;
}

.cds--list--ordered.cds--list--nested,
.cds--list--ordered--native.cds--list--nested {
    list-style-type: lower-latin;
}

.cds--list--unordered>.cds--list__item {
    position: relative;
}

.cds--list--unordered>.cds--list__item::before {
    position: absolute;
    content: "–";
    inset-inline-start: calc(-1 * 1rem);
}

.cds--list--unordered.cds--list--nested>.cds--list__item::before {
    content: "▪︎";
    inset-inline-start: calc(-1 * 0.75rem);
}

.cds--menu-button__container {
    display: inline-flex;
}

.cds--menu-button__trigger:not(.cds--btn--ghost) {
    min-inline-size: 12rem;
}

.cds--menu-button__trigger svg {
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--menu-button__trigger--open svg {
    transform: rotate(180deg);
}

.cds--modal {
    position: fixed;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
    block-size: 100vh;
    content: "";
    inline-size: 100vw;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.cds--modal.cds--modal--enable-presence {
    animation: cds--presence-modal__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--modal.cds--modal--enable-presence {
        animation: none;
    }
}

.cds--modal.cds--modal--enable-presence[data-exiting] {
    animation: cds--presence-modal__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--modal.cds--modal--enable-presence[data-exiting] {
        animation: none;
    }
}

@keyframes cds--presence-modal__enter {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes cds--presence-modal__exit {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.cds--modal:not(.cds--modal--enable-presence) {
    opacity: 0;
    transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
    visibility: hidden;
}

.cds--modal:not(.cds--modal--enable-presence).is-visible {
    opacity: 1;
    transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
    visibility: inherit;
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--modal:not(.cds--modal--enable-presence).is-visible {
        transition: none;
    }
}

.cds--modal .cds--text-input--fluid .cds--text-input,
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
.cds--modal .cds--text-area--fluid .cds--text-area,
.cds--modal .cds--search--fluid .cds--search-input,
.cds--modal .cds--select--fluid .cds--select-input,
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
.cds--modal .cds--number-input--fluid input[type=number],
.cds--modal .cds--number-input--fluid input[type=text],
.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
    background-color: var(--cds-field-01, #f4f4f4);
}

.cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu {
    background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--modal .cds--list-box__menu-item:hover {
    background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.cds--modal .cds--list-box__menu-item--active {
    background-color: var(--cds-layer-selected-02, #e0e0e0);
}

.cds--modal .cds--list-box__menu-item--active:hover {
    background-color: var(--cds-layer-selected-hover-02, #d1d1d1);
}

.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
    background-color: var(--cds-field-hover);
}

.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
    border-inline-start: 2px solid var(--cds-focus, #0f62fe);
}

.cds--modal--enable-presence[data-exiting] .cds--modal-container {
    animation: cds--presence-modal-container__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--modal--enable-presence[data-exiting] .cds--modal-container {
        animation: none;
    }
}

.cds--modal--enable-presence .cds--modal-container {
    animation: cds--presence-modal-container__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--modal--enable-presence .cds--modal-container {
        animation: none;
    }
}

@keyframes cds--presence-modal-container__enter {
    from {
        transform: translate3d(0, -24px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes cds--presence-modal-container__exit {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, -24px, 0);
    }
}

:not(.cds--modal--enable-presence).is-visible .cds--modal-container {
    transform: translate3d(0, 0, 0);
    transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
}

:not(.cds--modal--enable-presence) .cds--modal-container {
    transform: translate3d(0, -24px, 0);
    transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
}

.cds--modal-container {
    position: fixed;
    display: grid;
    border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    background-color: var(--cds-layer);
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
    inline-size: 100%;
    inset-block-start: 0;
    max-block-size: 100%;
    outline: 3px solid transparent;
    outline-offset: -3px;
    transform-origin: top center;
}

@media (min-width: 42rem) {
    .cds--modal-container {
        position: relative;
        inline-size: 84%;
        max-block-size: 90%;
    }
}

@media (min-width: 66rem) {
    .cds--modal-container {
        inline-size: 60%;
        max-block-size: 84%;
    }
}

@media (min-width: 82rem) {
    .cds--modal-container {
        inline-size: 48%;
    }
}

.cds--modal-container .cds--modal-container-body {
    display: contents;
}

.cds--modal-content {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    position: relative;
    color: var(--cds-text-primary, #161616);
    font-weight: 400;
    grid-column: 1/-1;
    grid-row: 2/-2;
    overflow-y: auto;
    padding-block: 0.5rem 3rem;
    padding-inline: 1rem 1rem;
}

.cds--modal-content:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--modal-content:focus {
        outline-style: dotted;
    }
}

.cds--modal-content .cds--form--fluid {
    margin-inline: -1rem;
}

.cds--modal-content>p,
.cds--modal-content__regular-content {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    padding-inline-end: calc(20% - 2rem);
}

.cds--modal-content--with-form {
    padding-inline-end: 1rem;
}

.cds--modal-header {
    grid-column: 1/-1;
    grid-row: 1/1;
    margin-block-end: 0.5rem;
    max-block-size: 50vh;
    overflow-y: auto;
    padding-block-start: 1rem;
    padding-inline: 1rem 3rem;
}

.cds--modal-header__label {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--modal-header__label *,
.cds--modal-header__label *::before,
.cds--modal-header__label *::after {
    box-sizing: inherit;
}

.cds--modal-header__label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    color: var(--cds-text-secondary, #525252);
    margin-block-end: 0.25rem;
}

.cds--modal-header__heading {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--modal-header__heading *,
.cds--modal-header__heading *::before,
.cds--modal-header__heading *::after {
    box-sizing: inherit;
}

.cds--modal-header__heading {
    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);
    color: var(--cds-text-primary, #161616);
    padding-inline-end: calc(20% - 3rem);
}

.cds--modal-container--xs .cds--modal-content__regular-content {
    padding-inline-end: 1rem;
}

.cds--modal-container--xs .cds--modal-content>p {
    padding-inline-end: 0;
}

@media (min-width: 42rem) {
    .cds--modal-container--xs {
        inline-size: 48%;
    }
}

@media (min-width: 66rem) {
    .cds--modal-container--xs {
        inline-size: 32%;
        max-block-size: 48%;
    }
}

@media (min-width: 82rem) {
    .cds--modal-container--xs {
        inline-size: 24%;
    }
}

.cds--modal-container--sm .cds--modal-content__regular-content {
    padding-inline-end: 1rem;
}

.cds--modal-container--sm .cds--modal-content>p {
    padding-inline-end: 0;
}

@media (min-width: 42rem) {
    .cds--modal-container--sm {
        inline-size: 60%;
    }
}

@media (min-width: 66rem) {
    .cds--modal-container--sm {
        inline-size: 42%;
        max-block-size: 72%;
    }

    .cds--modal-container--sm .cds--modal-content>p,
    .cds--modal-container--sm .cds--modal-content__regular-content {
        padding-inline-end: 20%;
    }
}

@media (min-width: 82rem) {
    .cds--modal-container--sm {
        inline-size: 36%;
    }
}

@media (min-width: 42rem) {
    .cds--modal-container--lg {
        inline-size: 96%;
    }
}

@media (min-width: 66rem) {
    .cds--modal-container--lg {
        inline-size: 84%;
        max-block-size: 96%;
    }
}

@media (min-width: 82rem) {
    .cds--modal-container--lg {
        inline-size: 72%;
    }
}

.cds--modal-scroll-content {
    border-block-end: 2px solid transparent;
    -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
    mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
}

.cds--modal--slug .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal-scroll-content--no-fade {
    -webkit-mask-image: none;
    mask-image: none;
}

.cds--modal-scroll-content:has(.cds--autoalign) {
    -webkit-mask-image: none;
    mask-image: none;
}

.cds--modal-scroll-content>*:last-child {
    margin-block-end: 1.5rem;
}

.cds--modal-footer {
    display: flex;
    justify-content: flex-end;
    block-size: 4rem;
    grid-column: 1/-1;
    grid-row: -1/-1;
    margin-block-start: auto;
}

.cds--modal-footer .cds--btn {
    flex: 0 1 50%;
    align-items: baseline;
    margin: 0;
    block-size: 4rem;
    max-inline-size: none;
}

.cds--modal-footer .cds--btn:not(.cds--skeleton) {
    padding-block: 0.875rem 2rem;
}

.cds--modal-footer--three-button .cds--btn {
    flex: 0 1 25%;
    align-items: flex-start;
}

.cds--modal-close-button {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
}

.cds--modal-close {
    padding: 0.75rem;
    border: 2px solid transparent;
    background-color: transparent;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--modal-close:hover {
    background-color: var(--cds-layer-hover);
}

.cds--modal-close:focus {
    border-color: var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--modal-close::-moz-focus-inner {
    border: 0;
}

.cds--modal-close__icon {
    block-size: 1.25rem;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1.25rem;
}

.cds--body--with-modal-open {
    overflow: hidden;
}

.cds--body--with-modal-open .cds--modal .cds--tooltip,
.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
.cds--body--with-modal-open .cds--overflow-menu-options {
    z-index: 9000;
}

.cds--modal-container--full-width .cds--modal-content {
    padding: 0;
    margin: 0;
}

.cds--modal--slug.cds--modal,
.cds--modal--decorator:has(.cds--ai-label).cds--modal {
    background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

.cds--modal--slug .cds--modal-container,
.cds--modal--decorator:has(.cds--ai-label) .cds--modal-container {
    background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
    border: 1px solid transparent;
    background-color: var(--cds-layer);
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--modal--slug .cds--modal-container:has(.cds--modal-footer),
.cds--modal--decorator:has(.cds--ai-label) .cds--modal-container:has(.cds--modal-footer) {
    background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
    box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--modal--slug .cds--modal-content.cds--modal-scroll-content,
.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content {
    -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
    mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
}

.cds--modal-header>.cds--modal--inner__decorator:has(+ .cds--modal-close-button)>*,
.cds--modal-header>.cds--modal-close-button~.cds--modal--inner__decorator>*,
.cds--modal--decorator .cds--modal-container-body>.cds--modal--inner__decorator>*,
.cds--modal-header>.cds--ai-label:has(+ .cds--modal-close-button),
.cds--modal-header>.cds--modal-close-button~.cds--ai-label,
.cds--modal--slug .cds--modal-container-body>.cds--ai-label,
.cds--modal-header>.cds--slug:has(+ .cds--modal-close-button),
.cds--modal-header>.cds--modal-close-button~.cds--slug,
.cds--modal--slug .cds--modal-container-body>.cds--slug {
    position: absolute;
    inset-block-start: 0.625rem;
    inset-inline-end: 3rem;
}

.cds--modal-header>.cds--modal--inner__decorator:not(:has(.cds--ai-label))>* {
    inset-block-start: 1rem;
}

.cds--modal-header>.cds--modal--inner__decorator:has(.cds--ai-label--revert)>* {
    inset-block-start: 1.475rem;
}

.cds--modal--decorator .cds--modal-content--overflow-indicator::before,
.cds--modal--decorator .cds--modal-content--overflow-indicator {
    display: none;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--modal-close:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--inline-notification html {
    font-size: 100%;
}

.cds--inline-notification body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--inline-notification code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--inline-notification strong {
    font-weight: 600;
}

.cds--inline-notification {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    block-size: auto;
    color: var(--cds-text-inverse, #ffffff);
    inline-size: 100%;
    max-inline-size: 18rem;
    min-block-size: 3rem;
    min-inline-size: 18rem;
}

@media (min-width: 42rem) {
    .cds--inline-notification {
        flex-wrap: nowrap;
        max-inline-size: 38rem;
    }
}

@media (min-width: 66rem) {
    .cds--inline-notification {
        max-inline-size: 46rem;
    }
}

@media (min-width: 99rem) {
    .cds--inline-notification {
        max-inline-size: 52rem;
    }
}

.cds--inline-notification:not(.cds--inline-notification--low-contrast) a {
    color: var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification a {
    text-decoration: none;
}

.cds--inline-notification a:hover {
    text-decoration: underline;
}

.cds--inline-notification a:focus {
    outline: 1px solid var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification.cds--inline-notification--low-contrast a:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--inline-notification.cds--inline-notification--low-contrast a:focus {
        outline-style: dotted;
    }
}

.cds--inline-notification--low-contrast {
    color: var(--cds-text-primary, #161616);
}

.cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
        outline-style: dotted;
    }
}

.cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--inline-notification--low-contrast::before {
    position: absolute;
    box-sizing: border-box;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    block-size: 100%;
    content: "";
    filter: opacity(0.4);
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    pointer-events: none;
}

.cds--inline-notification--error {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}

.cds--inline-notification--error .cds--inline-notification__icon,
.cds--inline-notification--error .cds--toast-notification__icon,
.cds--inline-notification--error .cds--actionable-notification__icon {
    fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--inline-notification--low-contrast.cds--inline-notification--error {
    background: var(--cds-notification-background-error, #fff1f1);
    border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}

.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--actionable-notification__icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--inline-notification--low-contrast.cds--inline-notification--error::before {
    border-color: var(--cds-support-error, #da1e28);
}

.cds--inline-notification--success {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}

.cds--inline-notification--success .cds--inline-notification__icon,
.cds--inline-notification--success .cds--toast-notification__icon,
.cds--inline-notification--success .cds--actionable-notification__icon {
    fill: var(--cds-support-success-inverse, #42be65);
}

.cds--inline-notification--low-contrast.cds--inline-notification--success {
    background: var(--cds-notification-background-success, #defbe6);
    border-inline-start: 3px solid var(--cds-support-success, #24a148);
}

.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--actionable-notification__icon {
    fill: var(--cds-support-success, #24a148);
}

.cds--inline-notification--low-contrast.cds--inline-notification--success::before {
    border-color: var(--cds-support-success, #24a148);
}

.cds--inline-notification--info,
.cds--inline-notification--info-square {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}

.cds--inline-notification--info .cds--inline-notification__icon,
.cds--inline-notification--info .cds--toast-notification__icon,
.cds--inline-notification--info .cds--actionable-notification__icon,
.cds--inline-notification--info-square .cds--inline-notification__icon,
.cds--inline-notification--info-square .cds--toast-notification__icon,
.cds--inline-notification--info-square .cds--actionable-notification__icon {
    fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--inline-notification--low-contrast.cds--inline-notification--info,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square {
    background: var(--cds-notification-background-info, #edf5ff);
    border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}

.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--actionable-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--actionable-notification__icon {
    fill: var(--cds-support-info, #0043ce);
}

.cds--inline-notification--low-contrast.cds--inline-notification--info::before,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square::before {
    border-color: var(--cds-support-info, #0043ce);
}

.cds--inline-notification--warning,
.cds--inline-notification--warning-alt {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}

.cds--inline-notification--warning .cds--inline-notification__icon,
.cds--inline-notification--warning .cds--toast-notification__icon,
.cds--inline-notification--warning .cds--actionable-notification__icon,
.cds--inline-notification--warning-alt .cds--inline-notification__icon,
.cds--inline-notification--warning-alt .cds--toast-notification__icon,
.cds--inline-notification--warning-alt .cds--actionable-notification__icon {
    fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--inline-notification--low-contrast.cds--inline-notification--warning,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {
    background: var(--cds-notification-background-warning, #fcf4d6);
    border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}

.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--actionable-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--actionable-notification__icon {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--inline-notification--low-contrast.cds--inline-notification--warning::before,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt::before {
    border-color: var(--cds-support-warning, #f1c21b);
}

.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--inline-notification__details {
    display: flex;
    flex-grow: 1;
    margin-inline: 0.8125rem 3rem;
}

@media (min-width: 42rem) {
    .cds--inline-notification__details {
        margin: 0 0.8125rem;
    }
}

.cds--inline-notification__icon {
    flex-shrink: 0;
    margin-block-start: 0.875rem;
    margin-inline-end: 1rem;
}

.cds--inline-notification__text-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0.9375rem 0;
}

.cds--inline-notification__title {
    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);
    margin-inline-end: 0.25rem;
}

.cds--inline-notification__subtitle {
    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);
    word-break: break-word;
}

.cds--inline-notification__action-button.cds--btn--ghost {
    block-size: 2rem;
    margin-block-end: 0.5rem;
    margin-inline-start: 2.5rem;
}

@media (min-width: 42rem) {
    .cds--inline-notification__action-button.cds--btn--ghost {
        margin: 0.5rem 0;
    }
}

.cds--inline-notification:not(.cds--inline-notification--low-contrast) .cds--inline-notification__action-button.cds--btn--ghost {
    color: var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification__action-button.cds--btn--ghost:active {
    background-color: var(--cds-background-inverse-hover, #474747);
}

@media (any-hover: hover) {
    .cds--inline-notification__action-button.cds--btn--ghost:hover {
        background-color: var(--cds-background-inverse-hover, #474747);
    }
}

.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:active {
    background-color: var(--cds-notification-action-hover, #ffffff);
}

@media (any-hover: hover) {
    .cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:hover {
        background-color: var(--cds-notification-action-hover, #ffffff);
    }
}

.cds--inline-notification__action-button.cds--btn--ghost:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 2px solid var(--cds-focus-inverse, #ffffff);
    outline-offset: -2px;
}

.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:focus {
    outline-color: var(--cds-focus, #0f62fe);
}

.cds--inline-notification--hide-close-button .cds--inline-notification__action-button.cds--btn--ghost {
    margin-inline-end: 0.5rem;
}

.cds--inline-notification__close-button {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    inset-block-start: 0;
    inset-inline-end: 0;
    max-inline-size: 3rem;
    min-inline-size: 3rem;
    transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--inline-notification__close-button:focus {
    outline: 2px solid var(--cds-focus-inverse, #ffffff);
    outline-offset: -2px;
}

.cds--inline-notification__close-button .cds--inline-notification__close-icon {
    fill: var(--cds-icon-inverse, #ffffff);
}

@media (min-width: 42rem) {
    .cds--inline-notification__close-button {
        position: static;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--inline-notification {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--inline-notification__close-button:focus,
    .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--toast-notification html {
    font-size: 100%;
}

.cds--toast-notification body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--toast-notification code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--toast-notification strong {
    font-weight: 600;
}

.cds--toast-notification {
    display: flex;
    block-size: auto;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    color: var(--cds-text-inverse, #ffffff);
    inline-size: 18rem;
    padding-inline-start: 0.8125rem;
}

@media (min-width: 99rem) {
    .cds--toast-notification {
        inline-size: 22rem;
    }
}

.cds--toast-notification:not(.cds--toast-notification--low-contrast) a {
    color: var(--cds-link-inverse, #78a9ff);
}

.cds--toast-notification a {
    text-decoration: none;
}

.cds--toast-notification a:hover {
    text-decoration: underline;
}

.cds--toast-notification a:focus {
    outline: 1px solid var(--cds-link-inverse, #78a9ff);
}

.cds--toast-notification.cds--toast-notification--low-contrast a:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--toast-notification.cds--toast-notification--low-contrast a:focus {
        outline-style: dotted;
    }
}

.cds--toast-notification--low-contrast {
    color: var(--cds-text-primary, #161616);
}

.cds--toast-notification--low-contrast .cds--toast-notification__subtitle,
.cds--toast-notification--low-contrast .cds--toast-notification__caption {
    color: var(--cds-text-primary, #161616);
}

.cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
        outline-style: dotted;
    }
}

.cds--toast-notification--error {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}

.cds--toast-notification--error .cds--inline-notification__icon,
.cds--toast-notification--error .cds--toast-notification__icon,
.cds--toast-notification--error .cds--actionable-notification__icon {
    fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--toast-notification--low-contrast.cds--toast-notification--error {
    background: var(--cds-notification-background-error, #fff1f1);
    border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}

.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--actionable-notification__icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--toast-notification--success {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}

.cds--toast-notification--success .cds--inline-notification__icon,
.cds--toast-notification--success .cds--toast-notification__icon,
.cds--toast-notification--success .cds--actionable-notification__icon {
    fill: var(--cds-support-success-inverse, #42be65);
}

.cds--toast-notification--low-contrast.cds--toast-notification--success {
    background: var(--cds-notification-background-success, #defbe6);
    border-inline-start: 3px solid var(--cds-support-success, #24a148);
}

.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--actionable-notification__icon {
    fill: var(--cds-support-success, #24a148);
}

.cds--toast-notification--info,
.cds--toast-notification--info-square {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}

.cds--toast-notification--info .cds--inline-notification__icon,
.cds--toast-notification--info .cds--toast-notification__icon,
.cds--toast-notification--info .cds--actionable-notification__icon,
.cds--toast-notification--info-square .cds--inline-notification__icon,
.cds--toast-notification--info-square .cds--toast-notification__icon,
.cds--toast-notification--info-square .cds--actionable-notification__icon {
    fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--toast-notification--low-contrast.cds--toast-notification--info,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square {
    background: var(--cds-notification-background-info, #edf5ff);
    border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}

.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--actionable-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--actionable-notification__icon {
    fill: var(--cds-support-info, #0043ce);
}

.cds--toast-notification--warning,
.cds--toast-notification--warning-alt {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}

.cds--toast-notification--warning .cds--inline-notification__icon,
.cds--toast-notification--warning .cds--toast-notification__icon,
.cds--toast-notification--warning .cds--actionable-notification__icon,
.cds--toast-notification--warning-alt .cds--inline-notification__icon,
.cds--toast-notification--warning-alt .cds--toast-notification__icon,
.cds--toast-notification--warning-alt .cds--actionable-notification__icon {
    fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--toast-notification--low-contrast.cds--toast-notification--warning,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {
    background: var(--cds-notification-background-warning, #fcf4d6);
    border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}

.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--actionable-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--actionable-notification__icon {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--toast-notification__icon {
    flex-shrink: 0;
    margin-block-start: 1rem;
    margin-inline-end: 1rem;
}

.cds--toast-notification__details {
    margin-block-end: 1rem;
    margin-inline-end: 1rem;
}

.cds--toast-notification__close-button {
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background-color: transparent;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    margin-inline-start: auto;
    min-block-size: 3rem;
    min-inline-size: 3rem;
    transition: outline 250ms, background-color 250ms;
}

.cds--toast-notification__close-button:focus {
    outline: 2px solid var(--cds-focus-inverse, #ffffff);
    outline-offset: -2px;
}

.cds--toast-notification__close-button .cds--toast-notification__close-icon {
    fill: var(--cds-icon-inverse, #ffffff);
}

.cds--toast-notification__title {
    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);
    font-weight: 600;
    margin-block-start: 1rem;
    word-break: break-word;
}

.cds--toast-notification__subtitle {
    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);
    color: var(--cds-text-inverse, #ffffff);
    margin-block: 0 1rem;
    word-break: break-word;
}

.cds--toast-notification__caption {
    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);
    color: var(--cds-text-inverse, #ffffff);
    padding-block-start: 0.5rem;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--toast-notification {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--toast-notification__close-button:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--actionable-notification html {
    font-size: 100%;
}

.cds--actionable-notification body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--actionable-notification code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--actionable-notification strong {
    font-weight: 600;
}

.cds--actionable-notification {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    block-size: auto;
    color: var(--cds-text-inverse, #ffffff);
    inline-size: 100%;
    max-inline-size: 18rem;
    min-block-size: 3rem;
    min-inline-size: 18rem;
}

@media (min-width: 42rem) {
    .cds--actionable-notification {
        flex-wrap: nowrap;
        max-inline-size: 38rem;
    }
}

@media (min-width: 66rem) {
    .cds--actionable-notification {
        max-inline-size: 46rem;
    }
}

@media (min-width: 99rem) {
    .cds--actionable-notification {
        max-inline-size: 52rem;
    }
}

.cds--actionable-notification--toast {
    flex-wrap: wrap;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    max-inline-size: 18rem;
    min-inline-size: 18rem;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) a {
    color: var(--cds-link-inverse, #78a9ff);
}

.cds--actionable-notification a {
    text-decoration: none;
}

.cds--actionable-notification a:hover {
    text-decoration: underline;
}

.cds--actionable-notification a:focus {
    outline: 1px solid var(--cds-focus-inverse, #ffffff);
}

.cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {
        outline-style: dotted;
    }
}

.cds--actionable-notification--low-contrast {
    color: var(--cds-text-primary, #161616);
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle,
.cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
    color: var(--cds-text-primary, #161616);
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--actionable-notification--low-contrast:not(.cds--actionable-notification--toast)::before {
    position: absolute;
    box-sizing: border-box;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    block-size: 100%;
    content: "";
    filter: opacity(0.4);
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    pointer-events: none;
}

.cds--actionable-notification--error {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}

.cds--actionable-notification--error .cds--inline-notification__icon,
.cds--actionable-notification--error .cds--toast-notification__icon,
.cds--actionable-notification--error .cds--actionable-notification__icon {
    fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--error {
    background: var(--cds-notification-background-error, #fff1f1);
    border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--actionable-notification__icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--error::before {
    border-color: var(--cds-support-error, #da1e28);
}

.cds--actionable-notification--success {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}

.cds--actionable-notification--success .cds--inline-notification__icon,
.cds--actionable-notification--success .cds--toast-notification__icon,
.cds--actionable-notification--success .cds--actionable-notification__icon {
    fill: var(--cds-support-success-inverse, #42be65);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--success {
    background: var(--cds-notification-background-success, #defbe6);
    border-inline-start: 3px solid var(--cds-support-success, #24a148);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--actionable-notification__icon {
    fill: var(--cds-support-success, #24a148);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {
    border-color: var(--cds-support-success, #24a148);
}

.cds--actionable-notification--info,
.cds--actionable-notification--info-square {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}

.cds--actionable-notification--info .cds--inline-notification__icon,
.cds--actionable-notification--info .cds--toast-notification__icon,
.cds--actionable-notification--info .cds--actionable-notification__icon,
.cds--actionable-notification--info-square .cds--inline-notification__icon,
.cds--actionable-notification--info-square .cds--toast-notification__icon,
.cds--actionable-notification--info-square .cds--actionable-notification__icon {
    fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--info,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square {
    background: var(--cds-notification-background-info, #edf5ff);
    border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--actionable-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--actionable-notification__icon {
    fill: var(--cds-support-info, #0043ce);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--info::before,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square::before {
    border-color: var(--cds-support-info, #0043ce);
}

.cds--actionable-notification--warning,
.cds--actionable-notification--warning-alt {
    background: var(--cds-background-inverse, #393939);
    border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}

.cds--actionable-notification--warning .cds--inline-notification__icon,
.cds--actionable-notification--warning .cds--toast-notification__icon,
.cds--actionable-notification--warning .cds--actionable-notification__icon,
.cds--actionable-notification--warning-alt .cds--inline-notification__icon,
.cds--actionable-notification--warning-alt .cds--toast-notification__icon,
.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {
    fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--warning,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {
    background: var(--cds-notification-background-warning, #fcf4d6);
    border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--actionable-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--warning::before,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt::before {
    border-color: var(--cds-support-warning, #f1c21b);
}

.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--actionable-notification--warning .cds--inline-notification__icon path[opacity="0"],
.cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--actionable-notification__details {
    display: flex;
    flex-grow: 1;
    margin-inline: 0.8125rem 3rem;
}

@media (min-width: 42rem) {
    .cds--actionable-notification:not(.cds--actionable-notification--toast) .cds--actionable-notification__details {
        margin: 0 0.8125rem;
    }
}

.cds--actionable-notification .cds--inline-notification__icon {
    flex-shrink: 0;
    margin-block-start: 0.875rem;
    margin-inline-end: 1rem;
}

.cds--actionable-notification .cds--toast-notification__icon {
    flex-shrink: 0;
    margin-block-start: 1rem;
    margin-inline-end: 1rem;
}

.cds--actionable-notification__text-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0.9375rem 0;
}

.cds--actionable-notification__focus-wrapper {
    display: contents;
}

.cds--actionable-notification__button-wrapper {
    display: flex;
}

.cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {
    padding: 0.9375rem 0 1.4375rem 0;
}

.cds--actionable-notification__content {
    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);
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
}

.cds--actionable-notification--toast .cds--actionable-notification__content {
    display: block;
}

.cds--actionable-notification__title {
    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);
    font-weight: 600;
    margin-inline-end: 0.25rem;
    word-break: break-word;
}

.cds--actionable-notification--toast .cds--actionable-notification__title {
    margin-inline-end: 0;
}

.cds--actionable-notification__subtitle {
    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);
    color: var(--cds-text-inverse, #ffffff);
    margin-block-start: 0;
    word-break: break-word;
}

.cds--actionable-notification__caption {
    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);
    color: var(--cds-text-inverse, #ffffff);
    padding-block-start: 1.5rem;
}

/* Ghost action button when inline */
.cds--actionable-notification__action-button.cds--btn--ghost {
    block-size: 2rem;
    margin-block-end: 0.5rem;
    margin-inline-start: 2.5rem;
}

@media (min-width: 42rem) {
    .cds--actionable-notification__action-button.cds--btn--ghost {
        margin: 0.5rem 0;
    }
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--ghost {
    color: var(--cds-link-inverse, #78a9ff);
}

.cds--actionable-notification__action-button.cds--btn--ghost:active {
    background-color: var(--cds-background-inverse-hover, #474747);
}

@media (any-hover: hover) {
    .cds--actionable-notification__action-button.cds--btn--ghost:hover {
        background-color: var(--cds-background-inverse-hover, #474747);
    }
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:active {
    background-color: var(--cds-notification-action-hover, #ffffff);
}

@media (any-hover: hover) {
    .cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:hover {
        background-color: var(--cds-notification-action-hover, #ffffff);
    }
}

.cds--actionable-notification__action-button.cds--btn--ghost:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 2px solid var(--cds-focus-inverse, #ffffff);
    outline-offset: -2px;
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:focus {
    outline-color: var(--cds-focus, #0f62fe);
}

.cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--ghost {
    margin-inline-end: 0.5rem;
}

/* Tertiary action button when not inline (toast) */
.cds--actionable-notification__action-button.cds--btn--tertiary {
    margin-block-end: 1rem;
    margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
    padding-inline: 1rem;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {
    border-width: 1px;
    border-style: solid;
    border-color: var(--cds-notification-action-tertiary-inverse, #ffffff);
    background-color: transparent;
    color: var(--cds-notification-action-tertiary-inverse, #ffffff);
}

@media (any-hover: hover) {
    .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {
        background-color: var(--cds-notification-action-tertiary-inverse-hover, #f4f4f4);
    }
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {
    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
    box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {
    background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
    fill: currentColor;
}

@media (any-hover: hover) {
    .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {
        color: var(--cds-notification-action-tertiary-inverse-text, #161616);
    }
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {
    border-color: var(--cds-focus-inverse, #ffffff);
    background-color: var(--cds-notification-action-tertiary-inverse, #ffffff);
    box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff), inset 0 0 0 2px var(--cds-background-inverse, #393939);
    color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {
    border-color: transparent;
    background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);
    color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:focus {
    background: transparent;
    color: var(--cds-notification-action-tertiary-inverse-text-on-color-disabled, rgba(255, 255, 255, 0.25));
    outline: none;
}

@media (any-hover: hover) {

    .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover:disabled,
    .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:hover {
        background: transparent;
        color: var(--cds-notification-action-tertiary-inverse-text-on-color-disabled, rgba(255, 255, 255, 0.25));
        outline: none;
    }
}

.cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--tertiary {
    margin-inline-end: 0.5rem;
}

.cds--actionable-notification__close-button {
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    inset-block-start: 0;
    inset-inline-end: 0;
    max-inline-size: 3rem;
    min-inline-size: 3rem;
    transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--actionable-notification__close-button:focus {
    outline: 2px solid var(--cds-focus-inverse, #ffffff);
    outline-offset: -2px;
}

.cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
    fill: var(--cds-icon-inverse, #ffffff);
}

@media (min-width: 42rem) {
    .cds--actionable-notification__close-button {
        position: static;
    }
}

@media (min-width: 42rem) {
    .cds--actionable-notification--toast .cds--actionable-notification__close-button {
        position: absolute;
    }
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button:focus {
        outline-style: dotted;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--actionable-notification {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--actionable-notification__close-button:focus,
    .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--options-tile {
    position: relative;
    display: flex;
    justify-content: space-between;
    background-color: var(--cds-layer);
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--options-tile__toggle-container {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(1rem + 2rem + 1rem);
    inset-block: 0;
    inset-inline-end: 0;
    padding-inline-end: 1rem;
    padding-inline-start: 1rem;
}

.cds--options-tile__toggle {
    position: absolute;
}

.cds--options-tile__toggle .cds--toggle-input__label .cds--toggle__switch {
    margin: 0;
}

.cds--options-tile__toggle .cds--toggle__label-text {
    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;
}

.cds--options-tile__details {
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
}

.cds--options-tile__header,
.cds--options-tile__static-content {
    display: grid;
    box-sizing: border-box;
    align-items: center;
    grid-template-columns: 3rem 1fr 0;
    padding-inline-end: 1rem;
}

.cds--options-tile__header {
    flex-grow: 1;
    background-color: transparent;
    cursor: pointer;
    inline-size: 100%;
    transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--options-tile__header--has-toggle {
    inline-size: calc(100% - (1rem + 2rem + 1rem));
}

.cds--options-tile__header::-webkit-details-marker {
    display: none;
}

.cds--options-tile__header:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--options-tile__header:has(.cds--options-tile__toggle-container:hover) {
    background-color: transparent;
}

.cds--options-tile__header:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--options-tile__header:focus {
        outline-style: dotted;
    }
}

.cds--options-tile__heading {
    grid-column: 2;
}

.cds--options-tile__title {
    font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
    font-weight: var(--cds-productive-heading-01-font-weight, 600);
    line-height: var(--cds-productive-heading-01-line-height, 1.28572);
    letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
    color: var(--cds-text-primary, #161616);
}

.cds--options-tile__summary {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    display: grid;
    block-size: 1rem;
    color: var(--cds-text-secondary, #525252);
    margin-block-start: 0.25rem;
    opacity: 1;
    transition-duration: 150ms;
    transition-property: height, opacity, margin-top;
    transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--options-tile__summary--invalid,
.cds--options-tile__summary--warn,
.cds--options-tile__summary--locked {
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    grid-template-columns: 1rem 1fr;
}

.cds--options-tile__summary--invalid {
    color: var(--cds-support-error, #da1e28);
}

.cds--options-tile__summary--warn {
    color: var(--cds-text-primary, #161616);
}

.cds--options-tile__summary--warn svg {
    color: var(--cds-support-warning, #f1c21b);
}

.cds--options-tile__summary--warn svg path[fill=none] {
    fill: #000000;
}

.cds--options-tile__summary-text {
    overflow: hidden;
    block-size: -moz-max-content;
    block-size: max-content;
    padding-inline-end: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--options-tile__chevron {
    display: block;
    justify-self: center;
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--options-tile__content {
    padding-inline: 3rem 1rem;
}

.cds--options-tile__content>.cds--fieldset>.cds--label:empty {
    display: none;
}

.cds--options-tile--closing .cds--options-tile__content {
    overflow: hidden;
}

.cds--options-tile__summary.cds--options-tile__summary--open:not(.cds--options-tile__summary--closing),
.cds--options-tile__summary--hidden {
    block-size: 0;
    margin-block-start: 0;
    opacity: 0;
}

.cds--options-tile__chevron.cds--options-tile__chevron--open:not(.cds--options-tile__chevron--closing) {
    transform: rotate(180deg);
}

.cds--options-tile>details[open] .cds--options-tile__content {
    padding-block: 0.5rem 1.5rem;
}

.cds--options-tile__locked-text {
    font-size: var(--cds-body-long-01-font-size, 0.875rem);
    font-weight: var(--cds-body-long-01-font-weight, 400);
    line-height: var(--cds-body-long-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
    display: inline-flex;
    align-items: center;
    color: var(--cds-text-secondary, #525252);
    margin-block-end: 1.5rem;
}

.cds--options-tile__locked-text>svg {
    margin-inline-end: 0.25rem;
}

.cds--options-tile--lg .cds--options-tile__header,
.cds--options-tile--lg .cds--options-tile__static-content {
    block-size: 3rem;
}

.cds--options-tile--xl .cds--options-tile__header,
.cds--options-tile--xl .cds--options-tile__static-content {
    block-size: 4rem;
}

.cds--options-tile--lg .cds--options-tile__toggle {
    inset-block-start: 1rem;
}

.cds--options-tile--xl .cds--options-tile__toggle {
    inset-block-start: 1.5rem;
}

.cds--options-tile--lg .cds--options-tile__summary {
    margin-block-start: 0.125rem;
}

@media (prefers-reduced-motion: reduce) {

    .cds--options-tile__summary,
    .cds--options-tile__chevron {
        transition: none;
    }
}

.cds--page-header {
    background-color: var(--cds-layer-01, #f4f4f4);
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--page-header__breadcrumb-bar {
    block-size: 2.5rem;
}

.cds--page-header__breadcrumb-bar .cds--subgrid {
    block-size: 100%;
}

.cds--page-header__breadcrumb-container {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    block-size: 100%;
    inline-size: 100%;
}

.cds--page-header__breadcrumb__actions-flush .cds--css-grid {
    padding-inline-end: 0;
}

.cds--page-header__breadcrumb__actions-flush .cds--css-grid-column {
    margin-inline-end: 0;
}

.cds--page-header__breadcrumb-bar-border {
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--page-header__breadcrumb__icon {
    margin-inline-end: 0.5rem;
}

.cds--page-header__breadcrumb__actions {
    display: inline-flex;
}

.cds--page-header__breadcrumb__content-actions {
    margin-inline-end: 0.75rem;
}

.cds--page-header__breadcrumb-wrapper {
    display: inline-flex;
}

.cds--page-header__content {
    padding: 1.5rem 0;
}

@media (max-width: 41.98rem) {
    .cds--page-header__content__title-wrapper {
        display: flex;
        flex-direction: column;
        grid-gap: 1rem;
    }
}

.cds--page-header__content__title-wrapper {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
    margin-block-end: 1rem;
    min-block-size: 2.5rem;
}

.cds--page-header__content__start {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.cds--page-header__content__title-container {
    display: flex;
}

.cds--page-header__content__title-container .cds--definition-term {
    border-block-end: none;
}

.cds--page-header__content__contextual-actions {
    display: flex;
}

.cds--page-header__content__title {
    font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
    font-weight: var(--cds-productive-heading-04-font-weight, 400);
    line-height: var(--cds-productive-heading-04-line-height, 1.28572);
    letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-inline-size: 40rem;
    text-overflow: ellipsis;
    white-space: normal;
}

.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title {
    -webkit-line-clamp: 1;
}

.cds--page-header__content__icon {
    margin-inline-end: 1rem;
}

.cds--page-header__content__page-actions {
    display: flex;
    justify-content: right;
}

@media (max-width: 41.98rem) {
    .cds--page-header__content__page-actions {
        justify-content: left;
        margin-block-start: 0;
    }
}

.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost) {
    min-inline-size: 0;
}

.cds--page-header__content__subtitle {
    font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
    font-weight: var(--cds-productive-heading-03-font-weight, 400);
    line-height: var(--cds-productive-heading-03-line-height, 1.4);
    letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
    margin-block-end: 0.5rem;
}

.cds--page-header__content__body {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    margin-block-start: 0.5rem;
    max-inline-size: 40rem;
}

[data-hidden]:not([data-fixed]) {
    display: none;
}

.cds--page-header__hero-image {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: flex-end;
    block-size: 100%;
}

.cds--page-header__tab-bar {
    margin-inline-start: -1rem;
}

.cds--page-header__tab-bar--tablist {
    display: grid;
    grid-gap: 4rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.cds--page-header__tags {
    display: flex;
    align-items: center;
    justify-content: right;
}

.cds--page-header__tags-popover-list {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.cds--page-header__tag-item {
    flex-shrink: 0;
}

.cds--data-table-container+.cds--pagination {
    border-block-start: 0;
}

.cds--pagination {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--pagination *,
.cds--pagination *::before,
.cds--pagination *::after {
    box-sizing: inherit;
}

.cds--pagination {
    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);
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    display: flex;
    overflow: initial;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cds-layer);
    border-block-start: 1px solid var(--cds-border-subtle);
    container-name: pagination;
    container-type: inline-size;
    inline-size: calc(100% - 1px);
    min-block-size: var(--cds-layout-size-height-local);
}

@container pagination (min-width: 42rem) {
    .cds--pagination .cds--pagination__control-buttons {
        display: flex;
    }
}

@container pagination (max-width: 42rem) {

    .cds--pagination .cds--pagination__left>*,
    .cds--pagination .cds--pagination__right>* {
        display: none;
    }

    .cds--pagination .cds--pagination__items-count {
        display: initial;
    }

    .cds--pagination .cds--pagination__control-buttons {
        display: flex;
    }
}

.cds--pagination .cds--select {
    align-items: center;
    block-size: 100%;
}

.cds--pagination .cds--select-input--inline__wrapper {
    display: flex;
    block-size: 100%;
}

.cds--pagination .cds--select-input {
    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);
    block-size: 100%;
    inline-size: auto;
    line-height: var(--cds-layout-size-height-local);
    min-inline-size: auto;
}

@-moz-document url-prefix() {
    .cds--pagination .cds--select-input {
        padding-inline-end: 1rem;
        text-overflow: clip;
    }
}

.cds--pagination .cds--select--inline .cds--select-input {
    padding-inline: 1rem 2.25rem;
}

@media (any-hover: hover) {
    .cds--pagination .cds--select-input:hover {
        background: var(--cds-layer-hover);
    }
}

.cds--pagination .cds--select--inline .cds--select-input:focus,
.cds--pagination .cds--select--inline .cds--select-input:focus option,
.cds--pagination .cds--select--inline .cds--select-input:focus optgroup {
    background-color: var(--cds-layer);
}

.cds--pagination .cds--select__arrow {
    inset-block-start: 50%;
    transform: translate(-0.5rem, -50%);
}

.cds--pagination .cds--select__item-count .cds--select-input {
    border-inline-end: 1px solid var(--cds-border-subtle);
}

.cds--pagination__right {
    border-inline-start: 1px solid var(--cds-border-subtle);
}

@container pagination (max-width: 42rem) {
    .cds--pagination__right {
        border-inline-start: 0;
    }
}

.cds--pagination__right.cds--pagination__right--no-content {
    border-inline-start: 0;
}

.cds--pagination__left,
.cds--pagination__right {
    display: flex;
    align-items: center;
    block-size: 100%;
}

.cds--pagination__left>.cds--form-item,
.cds--pagination__right>.cds--form-item {
    block-size: 100%;
}

.cds--pagination__left .cds--pagination__text,
.cds--pagination__right .cds--pagination__text {
    white-space: nowrap;
}

.cds--pagination__left .cds--pagination__text {
    margin-inline-end: 0.0625rem;
}

.cds--pagination__right .cds--pagination__text {
    margin-inline: 0.0625rem 1rem;
}

.cds--pagination__right .cds--pagination__text.cds--pagination__page-text {
    margin-inline: 1rem 0.0625rem;
}

.cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
    margin-inline-end: 1rem;
}

.cds--pagination__right .cds--pagination__text:empty {
    margin: 0;
}

.cds--pagination__left {
    padding: 0 1rem 0 0;
}

.cds--pagination__left.cds--pagination__left--no-sizer {
    padding: 0;
}

@container pagination (min-width: 42rem) {
    .cds--pagination__left {
        padding: 0 1rem;
    }
}

@container pagination (min-width: 42rem) {
    .cds--pagination__text {
        display: inline-block;
    }
}

span.cds--pagination__text {
    color: var(--cds-text-primary, #161616);
}

span.cds--pagination__text.cds--pagination__items-count {
    color: var(--cds-text-secondary, #525252);
    margin-inline-start: 1rem;
}

.cds--pagination__button,
.cds--btn--ghost.cds--pagination__button {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--pagination__button *,
.cds--pagination__button *::before,
.cds--pagination__button *::after,
.cds--btn--ghost.cds--pagination__button *,
.cds--btn--ghost.cds--pagination__button *::before,
.cds--btn--ghost.cds--pagination__button *::after {
    box-sizing: inherit;
}

.cds--pagination__button,
.cds--btn--ghost.cds--pagination__button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin: 0;
    background: none;
    block-size: var(--cds-layout-size-height-local);
    border-inline-start: 1px solid var(--cds-border-subtle);
    cursor: pointer;
    fill: var(--cds-icon-primary, #161616);
    inline-size: var(--cds-layout-size-height-local);
    min-block-size: 1.5rem;
    transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--pagination__button>svg,
.cds--btn--ghost.cds--pagination__button>svg {
    margin-block-start: 0;
}

[dir=rtl] .cds--pagination__button>svg,
[dir=rtl] .cds--btn--ghost.cds--pagination__button>svg {
    transform: rotate(0.5turn);
}

.cds--pagination__button:focus,
.cds--btn--ghost:focus.cds--pagination__button {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--pagination__button:focus,
    .cds--btn--ghost:focus.cds--pagination__button {
        outline-style: dotted;
    }
}

.cds--pagination__button:focus,
.cds--btn--ghost:focus.cds--pagination__button {
    border-inline-start: 0;
}

@media (any-hover: hover) {

    .cds--pagination__button:hover,
    .cds--btn--ghost:hover.cds--pagination__button {
        background: var(--cds-layer-hover);
    }
}

.cds--pagination__button--no-index,
.cds--btn--ghost.cds--pagination__button--no-index {
    cursor: not-allowed;
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {

    .cds--pagination__button:disabled:hover,
    .cds--pagination__button--no-index:hover,
    .cds--btn--ghost:disabled:hover.cds--pagination__button,
    .cds--btn--ghost:hover.cds--pagination__button--no-index {
        border-color: var(--cds-border-subtle);
        background: var(--cds-layer);
        cursor: not-allowed;
        fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    }
}

.cds--pagination.cds--skeleton .cds--skeleton__text {
    margin-block-end: 0;
    margin-inline-end: 1rem;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--pagination__button,
    .cds--btn--ghost.cds--pagination__button {
        outline: 1px solid transparent;
    }
}

[dir=rtl] .cds--pagination .cds--select__arrow {
    transform: translate(0.5rem, -50%);
}

.cds--pagination .cds--select--inline .cds--select-input[disabled] {
    background-color: var(--cds-layer);
}

@media (any-hover: hover) {
    .cds--pagination .cds--select--inline .cds--select-input[disabled]:hover {
        background-color: var(--cds-layer);
    }
}

.cds--unstable-pagination {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--unstable-pagination *,
.cds--unstable-pagination *::before,
.cds--unstable-pagination *::after {
    box-sizing: inherit;
}

.cds--unstable-pagination {
    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);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--cds-layer);
    border-block-end: 1px solid transparent;
    border-block-start: 1px solid var(--cds-border-subtle);
    container-name: pagination;
    container-type: inline-size;
    inline-size: 100%;
    min-block-size: 2.5rem;
}

@container pagination (min-width: 42rem) {
    .cds--unstable-pagination__text {
        display: inline-block;
    }
}

.cds--unstable-pagination__text {
    margin: 0 1rem;
    color: var(--cds-text-secondary, #525252);
}

.cds--unstable-pagination__left,
.cds--unstable-pagination__right {
    display: flex;
    align-items: center;
    block-size: 100%;
}

.cds--unstable-pagination__left {
    padding: 0 1rem 0 0;
}

.cds--unstable-pagination__left>.cds--form-item,
.cds--unstable-pagination__right>.cds--form-item {
    block-size: 100%;
}

.cds--unstable-pagination__left .cds--unstable-pagination__text {
    margin-inline-end: 0.0625rem;
}

.cds--unstable-pagination__right .cds--unstable-pagination__text {
    margin-inline: 0.0625rem 1rem;
}

.cds--unstable-pagination__button {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--unstable-pagination__button *,
.cds--unstable-pagination__button *::before,
.cds--unstable-pagination__button *::after {
    box-sizing: inherit;
}

.cds--unstable-pagination__button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin: 0;
    background: none;
    block-size: 2.5rem;
    border-inline-start: 1px solid var(--cds-border-subtle);
    color: var(--cds-icon-primary, #161616);
    cursor: pointer;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 2.5rem;
    min-block-size: 2rem;
    transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--unstable-pagination__button .cds--btn__icon {
    block-size: initial;
    inline-size: initial;
}

.cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {
        outline-style: dotted;
    }
}

@media (any-hover: hover) {
    .cds--unstable-pagination__button:hover {
        background: var(--cds-layer-hover);
        color: var(--cds-icon-primary, #161616);
    }
}

.cds--unstable-pagination__button--no-index {
    cursor: not-allowed;
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--unstable-pagination__button.cds--btn:disabled {
    border-color: var(--cds-border-subtle);
    background: transparent;
}

@media (any-hover: hover) {

    .cds--unstable-pagination__button:disabled:hover,
    .cds--unstable-pagination__button--no-index:hover {
        background: transparent;
        cursor: not-allowed;
        fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    }
}

.cds--unstable-pagination__page-selector,
.cds--unstable-pagination__page-sizer {
    align-items: center;
    block-size: 100%;
}

.cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,
.cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper {
    display: flex;
    block-size: 100%;
}

.cds--unstable-pagination__page-selector .cds--select-input,
.cds--unstable-pagination__page-sizer .cds--select-input {
    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);
    padding: 0 2.25rem 0 1rem;
    block-size: 100%;
    inline-size: auto;
    line-height: 2.5rem;
    min-inline-size: auto;
}

@media (any-hover: hover) {

    .cds--unstable-pagination__page-selector .cds--select-input:hover,
    .cds--unstable-pagination__page-sizer .cds--select-input:hover {
        background: var(--cds-layer-hover);
    }
}

.cds--unstable-pagination__page-selector .cds--select__arrow,
.cds--unstable-pagination__page-sizer .cds--select__arrow {
    inset-block-start: 50%;
    transform: translateY(-50%);
}

@container pagination (min-width: 42rem) {

    .cds--unstable-pagination__page-selector .cds--select__arrow,
    .cds--unstable-pagination__page-sizer .cds--select__arrow {
        inset-inline-end: 1rem;
    }
}

.cds--unstable-pagination__page-selector {
    border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--unstable-pagination__page-sizer {
    border-inline-end: 1px solid var(--cds-border-subtle);
}

.cds--pagination-nav html {
    font-size: 100%;
}

.cds--pagination-nav body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--pagination-nav code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--pagination-nav strong {
    font-weight: 600;
}

.cds--pagination-nav {
    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);
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    line-height: 0;
}

.cds--pagination-nav__list {
    display: flex;
    align-items: center;
    list-style: none;
}

.cds--pagination-nav__list-item {
    padding: 0;
}

.cds--pagination-nav__list-item:first-child {
    padding-inline-start: 0;
}

.cds--pagination-nav__list-item:last-child {
    padding-inline-end: 0;
}

.cds--pagination-nav__page {
    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);
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--pagination-nav__page *,
.cds--pagination-nav__page *::before,
.cds--pagination-nav__page *::after {
    box-sizing: inherit;
}

.cds--pagination-nav__page::-moz-focus-inner {
    border: 0;
}

.cds--pagination-nav__page {
    position: relative;
    display: block;
    padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
    border-radius: 0;
    color: var(--cds-text-primary, #161616);
    font-weight: 400;
    line-height: 1;
    min-inline-size: var(--cds-layout-size-height-local);
    outline: 0;
    text-align: center;
    text-decoration: none;
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (any-hover: hover) {
    .cds--pagination-nav__page:hover {
        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
        color: var(--cds-text-primary, #161616);
    }
}

.cds--pagination-nav__page:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--pagination-nav__page:focus {
        outline-style: dotted;
    }
}

.cds--pagination-nav__page:disabled,
.cds--pagination-nav__page.cds--pagination-nav__page--disabled {
    background: none;
    color: rgba(var(--cds-text-secondary, #525252), 0.5);
    outline: none;
    pointer-events: none;
}

.cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {
    position: absolute;
    display: block;
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: 0.25rem;
    content: "";
    inline-size: 0;
    inset-block-end: 0;
    inset-inline-start: 50%;
    opacity: 0;
    transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {
        transition: none;
    }
}

.cds--pagination-nav__page--active+.cds--pagination-nav__page::after,
.cds--pagination-nav__page.cds--pagination-nav__page--active::after {
    inline-size: 1rem;
    inset-inline-start: calc(50% - 0.5rem);
    opacity: 1;
}

.cds--pagination-nav__page.cds--pagination-nav__page--active {
    background-color: initial;
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
}

.cds--pagination-nav__page .cds--pagination-nav__icon {
    fill: currentColor;
    pointer-events: none;
}

.cds--pagination-nav__page--direction {
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 3rem;
    inline-size: 3rem;
    line-height: 0;
}

.cds--pagination-nav__select {
    position: relative;
}

.cds--pagination-nav__page--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-block-size: var(--cds-layout-size-height-local);
    text-indent: calc(50% - 4.5px);
    /* This is for targeting styles specific to firefox */
    /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
    /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}

@-moz-document url-prefix() {
    .cds--pagination-nav__page--select {
        text-indent: 0;
    }
}

.cds--pagination-nav__select-icon-wrapper {
    position: absolute;
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    pointer-events: none;
}

.cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {
    position: absolute;
    display: block;
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: 0.25rem;
    content: "";
    inline-size: 0;
    inset-block-end: 0;
    inset-inline-start: 50%;
    opacity: 0;
    transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {
        transition: none;
    }
}

.cds--pagination-nav__page--active+.cds--pagination-nav__select-icon-wrapper::after,
.cds--pagination-nav__select-icon-wrapper.cds--pagination-nav__page--active::after {
    inline-size: 1rem;
    inset-inline-start: calc(50% - 0.5rem);
    opacity: 1;
}

.cds--pagination-nav__page--active+.cds--pagination-nav__select-icon-wrapper .cds--pagination-nav__select-icon {
    display: none;
}

.cds--pagination-nav__select-icon {
    position: absolute;
    inset-block-start: calc(50% - 0.25rem);
    inset-inline-start: calc(50% - 0.5rem);
    pointer-events: none;
}

.cds--pagination-nav__accessibility-label {
    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;
}

[dir=rtl] .cds--pagination-nav__list-item svg {
    transform: rotate(0.5turn);
}

.cds--progress-bar {
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}

.cds--progress-bar__label {
    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);
    display: flex;
    justify-content: space-between;
    color: var(--cds-text-primary, #161616);
    margin-block-end: 0.5rem;
    min-inline-size: 3rem;
}

.cds--progress-bar__label-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--progress-bar__track {
    position: relative;
    background-color: var(--cds-border-subtle);
    block-size: 0.5rem;
    inline-size: 100%;
    min-inline-size: 3rem;
}

.cds--progress-bar--big .cds--progress-bar__track {
    block-size: 0.5rem;
}

.cds--progress-bar--small .cds--progress-bar__track {
    block-size: 0.25rem;
}

.cds--progress-bar__bar {
    display: block;
    background-color: currentColor;
    block-size: 100%;
    color: var(--cds-interactive, #0f62fe);
    inline-size: 100%;
    transform: scaleX(0);
    transform-origin: 0 center;
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

[dir=rtl] .cds--progress-bar__bar {
    transform-origin: 100% center;
}

.cds--progress-bar--indeterminate .cds--progress-bar__track::after {
    position: absolute;
    animation-duration: 1400ms;
    animation-iteration-count: infinite;
    animation-name: cds--progress-bar-indeterminate;
    animation-timing-function: linear;
    background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
    background-position-x: 0%;
    background-size: 200% 100%;
    content: "";
    inset: 0;
}

[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
    animation-name: cds--progress-bar-indeterminate-rtl;
}

.cds--progress-bar__helper-text {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    color: var(--cds-text-secondary, #525252);
    margin-block-start: 0.5rem;
}

.cds--progress-bar__status-icon {
    flex-shrink: 0;
    margin-inline-start: var(--cds-layout-density-padding-inline-local);
}

.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--finished .cds--progress-bar__status-icon {
    color: var(--cds-support-success, #24a148);
}

.cds--progress-bar--error .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__status-icon {
    color: var(--cds-support-error, #da1e28);
}

.cds--progress-bar--error .cds--progress-bar__helper-text {
    color: var(--cds-text-error, #da1e28);
}

.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__bar {
    transform: scaleX(1);
}

.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {
    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;
}

.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
    flex-shrink: 1;
    justify-content: flex-start;
    margin-inline-end: 0;
}

@keyframes cds--progress-bar-indeterminate {
    0% {
        background-position-x: 25%;
    }

    80%,
    100% {
        background-position-x: -105%;
    }
}

@keyframes cds--progress-bar-indeterminate-rtl {
    0% {
        background-position-x: -105%;
    }

    80%,
    100% {
        background-position-x: 25%;
    }
}

.cds--progress-bar--inline {
    display: flex;
    align-items: center;
}

.cds--progress-bar--inline .cds--progress-bar__label {
    flex-shrink: 0;
    margin-block-end: 0;
    margin-inline-end: var(--cds-layout-density-padding-inline-local);
}

.cds--progress-bar--inline .cds--progress-bar__track {
    flex-basis: 0;
    flex-grow: 1;
}

.cds--progress-bar--inline .cds--progress-bar__helper-text {
    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;
}

.cds--progress-bar--indented .cds--progress-bar__label,
.cds--progress-bar--indented .cds--progress-bar__helper-text {
    padding-inline: var(--cds-layout-density-padding-inline-local);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--progress-bar__track {
        background-color: Canvas;
        forced-color-adjust: none;
        outline: 2px solid rgba(0, 0, 0, 0);
        outline-offset: -2px;
    }

    .cds--progress-bar__bar {
        background-color: CanvasText;
    }
}

.cds--progress {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--progress *,
.cds--progress *::before,
.cds--progress *::after {
    box-sizing: inherit;
}

.cds--progress {
    display: flex;
    list-style: none;
}

.cds--progress-step {
    position: relative;
    display: inline-flex;
    overflow: visible;
    flex-direction: row;
    inline-size: 8rem;
    min-inline-size: 7rem;
}

.cds--progress-step .cds--tooltip__label {
    display: block;
}

.cds--progress--space-equal .cds--progress-step {
    flex-grow: 1;
    min-inline-size: 8rem;
}

.cds--progress-line {
    position: absolute;
    border: 1px inset transparent;
    block-size: 2px;
    inline-size: 8rem;
    inset-inline-start: 0;
}

.cds--progress--space-equal .cds--progress-line {
    inline-size: 100%;
    min-inline-size: 8rem;
}

.cds--progress-step svg {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    border-radius: 50%;
    block-size: 1rem;
    fill: var(--cds-interactive, #0f62fe);
    inline-size: 1rem;
    margin-block-start: 0.625rem;
    margin-inline-end: 0.5rem;
}

.cds--progress--space-equal .cds--progress-text {
    overflow: hidden;
    padding: 0.125rem;
    margin: -0.125rem;
}

.cds--progress-label {
    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);
    display: block;
    overflow: hidden;
    margin: 0.5rem 0 0 0;
    color: var(--cds-text-primary, #161616);
    line-height: 1.45;
    max-inline-size: 5.5rem;
    text-overflow: ellipsis;
    transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    white-space: nowrap;
}

.cds--progress-label::before {
    display: block;
    content: "";
}

@media (any-hover: hover) {
    .cds--progress-label:hover {
        box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);
        color: var(--cds-link-primary-hover, #0043ce);
        cursor: pointer;
    }
}

.cds--progress--space-equal .cds--progress-label {
    margin-inline-end: 0.75rem;
    max-inline-size: 100%;
}

.cds--progress-step-button:focus {
    outline: none;
}

.cds--progress-step-button:focus-visible .cds--progress-label {
    color: var(--cds-focus, #0f62fe);
    outline: 0.0625rem solid var(--cds-focus, #0f62fe);
}

.cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
    box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
    color: var(--cds-text-primary, #161616);
}

.cds--progress-label-overflow:hover~.cds--tooltip,
.cds--progress-label-overflow:focus~.cds--tooltip {
    visibility: inherit;
}

.cds--progress-step .cds--tooltip .cds--tooltip__caret {
    margin-inline-start: 0.625rem;
}

.cds--tooltip__text {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.cds--progress-step .cds--tooltip {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    display: block;
    padding: 0.5rem 1rem;
    color: var(--cds-text-inverse, #ffffff);
    inline-size: 7.8125rem;
    margin-block-start: 2.5rem;
    margin-inline-start: 1.375rem;
    min-block-size: 1.5rem;
    min-inline-size: 7.1875rem;
    visibility: hidden;
}

.cds--progress-step .cds--tooltip_multi {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    block-size: auto;
    color: var(--cds-text-inverse, #ffffff);
    inline-size: 9.375rem;
}

.cds--progress-optional {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    position: absolute;
    display: block;
    color: var(--cds-text-secondary, #525252);
    inset-inline-start: 0;
    margin-block-start: 1.75rem;
    margin-inline-start: 1.5rem;
    text-align: start;
}

.cds--progress-step--current .cds--progress-line {
    background-color: var(--cds-interactive, #0f62fe);
}

.cds--progress-step--incomplete svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--progress-step--incomplete .cds--progress-line {
    background-color: var(--cds-border-subtle);
}

.cds--progress-step--complete .cds--progress-line {
    background-color: var(--cds-interactive, #0f62fe);
}

.cds--progress-step-button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--progress-step-button *,
.cds--progress-step-button *::before,
.cds--progress-step-button *::after {
    box-sizing: inherit;
}

.cds--progress-step-button::-moz-focus-inner {
    border: 0;
}

.cds--progress-step-button {
    display: flex;
    text-align: start;
}

.cds--progress-step-button--unclickable {
    cursor: default;
    outline: none;
}

@media (any-hover: hover) {
    .cds--progress-step-button--unclickable .cds--progress-label:hover {
        box-shadow: none;
        color: var(--cds-text-primary, #161616);
        cursor: default;
    }

    .cds--progress-step-button--unclickable .cds--tooltip__label:hover {
        box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);
        color: var(--cds-link-primary, #0f62fe);
        cursor: pointer;
    }
}

.cds--progress-step--disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.cds--progress-step--disabled svg {
    cursor: not-allowed;
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--progress-step--disabled .cds--progress-label {
    box-shadow: none;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

@media (any-hover: hover) {
    .cds--progress-step--disabled .cds--progress-label:hover {
        box-shadow: none;
        color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
        cursor: not-allowed;
    }
}

.cds--progress-step--disabled .cds--progress-line {
    cursor: not-allowed;
}

.cds--progress-step--disabled .cds--progress-label-overflow:hover~.cds--tooltip--definition .cds--tooltip--definition__bottom {
    display: none;
}

.cds--progress__warning>* {
    fill: var(--cds-support-error, #da1e28);
}

.cds--progress.cds--skeleton .cds--progress-label {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--progress.cds--skeleton .cds--progress-label:hover,
.cds--progress.cds--skeleton .cds--progress-label:focus,
.cds--progress.cds--skeleton .cds--progress-label:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--progress.cds--skeleton .cds--progress-label::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--progress.cds--skeleton .cds--progress-label::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--progress.cds--skeleton .cds--progress-label {
        background: CanvasText;
    }

    .cds--progress.cds--skeleton .cds--progress-label::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--progress.cds--skeleton .cds--progress-label {
    block-size: 0.875rem;
    inline-size: 2.5rem;
    margin-block-start: 0.625rem;
}

.cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
    margin-block-start: 0.0625rem;
}

.cds--progress--vertical {
    display: flex;
    flex-direction: column;
}

.cds--progress--vertical,
.cds--progress-text {
    display: flex;
    flex-direction: column;
}

.cds--progress--vertical .cds--progress-step,
.cds--progress--vertical .cds--progress-step-button {
    align-content: flex-start;
    inline-size: initial;
    min-block-size: 3.625rem;
    min-inline-size: initial;
}

.cds--progress--vertical .cds--progress-step svg,
.cds--progress--vertical .cds--progress-step-button svg {
    display: inline-block;
    margin: 0.0625rem 0.5rem 0;
}

.cds--progress--vertical .cds--progress-label {
    display: inline-block;
    margin: 0;
    inline-size: initial;
    max-inline-size: 10rem;
    vertical-align: top;
    white-space: initial;
}

.cds--progress--vertical .cds--progress-step .cds--tooltip {
    margin-block-start: 0.5rem;
}

.cds--progress--vertical .cds--progress-optional {
    position: static;
    margin: 0 0 auto;
    inline-size: 100%;
}

.cds--progress--vertical .cds--progress-line {
    position: absolute;
    block-size: 100%;
    inline-size: 1px;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.cds--resizer {
    position: relative;
    flex: none;
    background-color: var(--cds-border-subtle);
}

@media (prefers-reduced-motion: no-preference) {
    .cds--resizer:hover {
        background-color: var(--cds-border-interactive, #0f62fe);
        transition: background-color 150ms;
    }
}

.cds--resizer:focus {
    background-color: var(--cds-border-interactive, #0f62fe);
    outline: none;
}

.cds--resizer:active {
    background-color: var(--cds-border-interactive, #0f62fe);
}

.cds--resizer:focus:not(:focus-visible) {
    box-shadow: none;
    outline: none;
}

.cds--resizer:focus-visible {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--resizer:focus-visible {
        outline-style: dotted;
    }
}

.cds--resizer--horizontal {
    cursor: ns-resize;
}

.cds--resizer--vertical {
    cursor: ew-resize;
}

@media (prefers-reduced-motion: no-preference) {
    .cds--smooth-resize {
        transition: all 150ms linear;
    }
}

.cds--scroll-gradient {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    block-size: inherit;
    inline-size: inherit;
}

.cds--scroll-gradient__content {
    display: grid;
    overflow: auto;
    block-size: inherit;
    grid-template-columns: 1fr;
    inline-size: 100%;
}

.cds--scroll-gradient__content-children {
    block-size: 100%;
    grid-column-start: 1;
    grid-row-start: 1;
    inline-size: 100%;
}

.cds--scroll-gradient__content-children>* {
    grid-area: 1/1;
}

.cds--scroll-gradient__start-vertical,
.cds--scroll-gradient__start-horizontal,
.cds--scroll-gradient__end-vertical,
.cds--scroll-gradient__end-horizontal {
    position: absolute;
    z-index: 1;
    display: none;
    pointer-events: none;
}

.cds--scroll-gradient--y-scrollable .cds--scroll-gradient__start-vertical {
    block-size: 3rem;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.cds--scroll-gradient--y-scrollable .cds--scroll-gradient__end-vertical {
    block-size: 3rem;
    inset-block-end: 0;
    inset-inline-start: 0;
}

.cds--scroll-gradient--x-scrollable .cds--scroll-gradient__start-horizontal {
    inline-size: 3rem;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.cds--scroll-gradient--x-scrollable .cds--scroll-gradient__end-horizontal {
    inline-size: 3rem;
    inset-block-start: 0;
    inset-inline-end: 0;
}

.cds--scroll-gradient [data-start-vertical],
.cds--scroll-gradient [data-end-vertical] {
    block-size: 3rem;
    grid-column-start: 1;
    grid-row-start: 1;
    inline-size: 100%;
}

.cds--scroll-gradient [data-end-vertical],
.cds--scroll-gradient [data-end-horizontal] {
    place-self: flex-end;
}

.cds--scroll-gradient [data-start-horizontal],
.cds--scroll-gradient [data-end-horizontal] {
    block-size: 100%;
    grid-column-start: 1;
    grid-row-start: 1;
    inline-size: 3rem;
}

@keyframes side-panel-entrance-reduced {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes side-panel-exit-reduced {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes side-panel-entrance-right {
    0% {
        opacity: 0;
        transform: translateX(var(--panel-transform, 320px));
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes side-panel-entrance-left {
    0% {
        opacity: 0;
        transform: translateX(calc(var(--panel-transform, 320px) * -1));
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes side-panel-exit-right {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(var(--panel-transform, 320px));
    }
}

@keyframes side-panel-exit-left {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(calc(var(--panel-transform, 320px) * -1));
    }
}

@property --panel-transform {
    inherits: true;
    initial-value: 320px;
    syntax: "<length>";
}

.cds--side-panel--scrolls {
    overflow: auto;
    overflow-x: hidden;
}

@supports (overflow-inline: hidden) {
    .cds--side-panel--scrolls {
        overflow-inline: hidden;
    }
}

.cds--side-panel {
    --panel-transform: 320px;
    --cds--side-panel--title-stop: 1rem;
    --cds--side-panel--scroll-animation-progress: 0;
    --cds--side-panel--title-padding-right: 2rem;
    --cds--side-panel--actions-height: 4rem;
    position: fixed;
    z-index: 9000;
    display: grid;
    box-sizing: border-box;
    background-color: var(--cds-layer-01, #f4f4f4);
    block-size: calc(100% - 3rem);
    color: var(--cds-text-primary, #161616);
    /* if the title does not scroll then we have a child scrolling section. */
    grid-template-rows: auto 1fr auto;
    /* titles content and actions */
    inset-block-start: 3rem;
    max-inline-size: 100%;
    min-inline-size: 16rem;
    transform: translateX(0);
    transition-behavior: allow-discrete;
    transition-duration: 150ms;
    transition-property: display, opacity, transform;
}

.cds--side-panel:not(.cds--side-panel--slide-in).cds--side-panel--resizable:has(.cds--resizer) {
    grid-template-columns: 0 1fr;
}

@media (prefers-reduced-motion: no-preference) {
    .cds--side-panel:not(.cds--side-panel--slide-in).cds--side-panel--resizable:has(.cds--resizer) {
        transition: all 150ms linear;
    }
}

@starting-style {
    .cds--side-panel {
        opacity: 0;
        transform: translateX(var(--panel-transform));
    }
}

@media (min-width: 42rem) {
    .cds--side-panel {
        max-inline-size: 75vw;
    }
}

.cds--side-panel.cds--side-panel--xs {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 16rem), 100%);
}

.cds--side-panel.cds--side-panel--sm {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 20rem), 100%);
}

.cds--side-panel.cds--side-panel--md {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 30rem), 100%);
}

.cds--side-panel.cds--side-panel--lg {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 40rem), 100%);
}

.cds--side-panel.cds--side-panel--xl {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 65rem), 100%);
}

.cds--side-panel.cds--side-panel--2xl {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 80rem), 100%);
}

.cds--side-panel.cds--side-panel--open.cds--side-panel--right-placement {
    animation: side-panel-entrance-right 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
}

.cds--side-panel.cds--side-panel--open.cds--side-panel--left-placement {
    animation: side-panel-entrance-left 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
}

.cds--side-panel.cds--side-panel--closing.cds--side-panel--right-placement {
    animation: side-panel-exit-right 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}

.cds--side-panel.cds--side-panel--closing.cds--side-panel--left-placement {
    animation: side-panel-exit-left 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}

@supports (transition-behavior: allow-discrete) {
    .cds--side-panel.cds--side-panel--closing {
        opacity: 0;
        transform: translateX(var(--panel-transform, 320px));
        transition-duration: 150ms;
    }

    .cds--side-panel.cds--side-panel--closing.cds--side-panel--left-placement {
        transform: translateX(calc(-1 * var(--panel-transform, 320px)));
    }
}

@media (prefers-reduced-motion) {
    .cds--side-panel {
        /* styles to apply if a user's device settings are set to reduced motion */
    }

    .cds--side-panel.cds--side-panel--open.cds--side-panel--right-placement,
    .cds--side-panel.cds--side-panel--open.cds--side-panel--left-placement {
        animation: side-panel-entrance-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
    }

    @starting-style {

        .cds--side-panel.cds--side-panel--open.cds--side-panel--right-placement,
        .cds--side-panel.cds--side-panel--open.cds--side-panel--left-placement {
            opacity: 0;
            transform: translateX(0);
        }
    }

    .cds--side-panel.cds--side-panel--closing.cds--side-panel--left-placement,
    .cds--side-panel.cds--side-panel--closing.cds--side-panel--right-placement {
        animation: side-panel-exit-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
    }

    @starting-style {

        .cds--side-panel.cds--side-panel--closing.cds--side-panel--left-placement,
        .cds--side-panel.cds--side-panel--closing.cds--side-panel--right-placement {
            opacity: 1;
            transform: translateX(0);
        }
    }
}

.cds--side-panel.cds--side-panel--animated-title {
    grid-template-rows: 1fr auto;
    /* titles and content (actions are external to this element) */
}

.cds--side-panel.cds--side-panel--condensed-actions {
    --cds--side-panel--actions-height: 3rem;
}

.cds--side-panel:not(.cds--side-panel--has-overlay) {
    box-shadow: 0 0.125rem 0.25rem var(--cds-overlay, rgba(0, 0, 0, 0.6));
}

.cds--side-panel.cds--side-panel--slide-in,
.cds--side-panel.cds--side-panel--slide-in:not(.cds--side-panel--has-overlay) {
    box-shadow: none;
}

.cds--side-panel .cds--side-panel__actions-container {
    inline-size: 100%;
}

.cds--side-panel.cds--side-panel--right-placement {
    border-inline-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    inset-inline-end: 0;
}

.cds--side-panel.cds--side-panel--left-placement .cds--resizer {
    grid-column: 2;
    inset-inline-start: 0;
}

.cds--side-panel.cds--side-panel--left-placement .cds--resizer::before {
    inset-inline-start: 0;
}

.cds--side-panel.cds--side-panel--left-placement:not(.cds--side-panel--slide-in).cds--side-panel--resizable:has(.cds--resizer) {
    grid-template-columns: 1fr 0;
}

@media (prefers-reduced-motion: no-preference) {
    .cds--side-panel.cds--side-panel--left-placement:not(.cds--side-panel--slide-in).cds--side-panel--resizable:has(.cds--resizer) {
        transition: all 150ms linear;
    }
}

.cds--side-panel.cds--side-panel--left-placement {
    border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    inset-inline-start: 0;
}

.cds--side-panel.cds--side-panel.cds--side-panel--has-slug,
.cds--side-panel.cds--side-panel.cds--side-panel--has-ai-label,
.cds--side-panel.cds--side-panel.cds--side-panel--has-decorator {
    border-color: transparent;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--side-panel .cds--resizer--vertical::before {
    position: absolute;
    z-index: -1;
    background-color: transparent;
    block-size: 100%;
    content: "";
    inline-size: 0.125rem;
    inset-block-end: 0;
    inset-inline-end: 0;
    transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--side-panel:hover .cds--resizer--vertical::before {
    background-color: var(--cds-button-secondary-hover, #474747);
}

.cds--side-panel .cds--resizer {
    background-color: transparent;
    grid-row: span 4/span 3;
    inset-inline-start: -0.25rem;
}

.cds--side-panel .cds--resizer--vertical::after {
    position: absolute;
    z-index: 10;
    block-size: 100%;
    content: "";
    inline-size: 0.5rem;
    inset-inline-start: -0.125rem;
}

.cds--side-panel .cds--resizer:hover,
.cds--side-panel .cds--resizer:focus {
    background-color: var(--cds-border-interactive, #0f62fe);
}

.cds--side-panel .cds--side-panel__header {
    --cds--side-panel--title-padding-bottom: 1rem;
    position: sticky;
    z-index: 4;
    padding: 1rem;
    background-color: var(--cds-layer-01, #f4f4f4);
    inset-block-start: calc(-1px * var(--cds--side-panel--scroll-animation-distance));
    min-block-size: 2.5rem;
    padding-block-end: 0;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--has-title {
    min-block-size: auto;
}

.cds--side-panel .cds--side-panel__header:has(.cds--side-panel__subtitle-text),
.cds--side-panel .cds--side-panel__header.cds--side-panel__header--has-subtitle {
    --cds--side-panel--title-padding-bottom: 0.5rem;
}

.cds--side-panel .cds--side-panel__header:has(.cds--side-panel__navigation-back-button),
.cds--side-panel .cds--side-panel__header.cds--side-panel__header--has-navigation-back {
    padding-block-start: 2rem;
}

.cds--side-panel .cds--side-panel__header:has(.cds--side-panel__navigation-back-button.cds--btn--md),
.cds--side-panel .cds--side-panel__header.cds--side-panel__header--has-navigation-back.cds--btn--md {
    padding-block-start: 2.5rem;
}

.cds--side-panel .cds--side-panel__header::before {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #c6c6c6);
    block-size: 1px;
    content: "";
    inline-size: 100%;
    inset-block-end: 0;
    inset-inline-start: 0;
    opacity: var(--cds--side-panel--scroll-animation-progress);
    z-index: 9;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--no-title-animation {
    position: relative;
    inset-block-start: 0;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--no-title-animation::before {
    opacity: 1;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--reduced-motion {
    z-index: 5;
    border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    margin-block-end: 1rem;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--reduced-motion.cds--side-panel__header--no-title-animation {
    border-block-end: 0;
    margin-block-end: 0;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--on-detail-step .cds--side-panel__navigation-back-button.cds--btn--md~.cds--side-panel__collapsed-title-text {
    inset-block-start: 1.5rem;
}

.cds--side-panel .cds--side-panel__header.cds--side-panel__header--on-detail-step:not(.cds--side-panel__header--has-title) {
    padding: 1rem 1rem 0.5rem 1rem;
    block-size: calc(2.5rem + 0.25rem);
}

.cds--side-panel .cds--side-panel__header:not(.cds--side-panel__header--has-title)::before {
    background-color: transparent;
}

.cds--side-panel .cds--side-panel__header:empty {
    min-block-size: unset;
}

.cds--side-panel.cds--side-panel:has(.cds--side-panel__action-toolbar),
.cds--side-panel.cds--side-panel--has-action-toolbar,
.cds--side-panel.cds--side-panel--has-slug,
.cds--side-panel.cds--side-panel--has-ai-label,
.cds--side-panel.cds--side-panel--has-decorator {
    --cds--side-panel--title-padding-right: 4rem;
}

.cds--side-panel.cds--side-panel:has(.cds--side-panel__action-toolbar).cds--side-panel--has-slug,
.cds--side-panel.cds--side-panel:has(.cds--side-panel__action-toolbar).cds--side-panel--has-ai-label,
.cds--side-panel.cds--side-panel:has(.cds--side-panel__action-toolbar).cds--side-panel--has-decorator,
.cds--side-panel.cds--side-panel--has-action-toolbar.cds--side-panel--has-slug,
.cds--side-panel.cds--side-panel--has-action-toolbar.cds--side-panel--has-ai-label,
.cds--side-panel.cds--side-panel--has-action-toolbar.cds--side-panel--has-decorator {
    --cds--side-panel--title-padding-right: 5rem;
}

.cds--side-panel .cds--side-panel__animated-scroll-wrapper {
    display: grid;
    grid-template-rows: auto 1fr;
}

.cds--side-panel .cds--side-panel__title {
    position: sticky;
    z-index: 4;
    background-color: var(--cds-layer-01, #f4f4f4);
    /* border-bottom used instead of padding which wrapped text shows through */
    border-block-end: var(--cds--side-panel--title-padding-bottom) solid transparent;
    inset-block-start: var(--cds--side-panel--title-stop);
}

.cds--side-panel .cds--side-panel__title-text {
    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);
    padding-inline-end: var(--cds--side-panel--title-padding-right);
    opacity: calc(1 - var(--cds--side-panel--scroll-animation-progress));
}

.cds--side-panel .cds--side-panel__title--no-label .cds--side-panel__title-text {
    transform: translateY(calc(-1 * 1rem * var(--cds--side-panel--scroll-animation-progress)));
}

.cds--side-panel .cds--side-panel__header--no-title-animation .cds--side-panel__title-text {
    position: static;
}

.cds--side-panel .cds--side-panel__label-text {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    opacity: calc(1 - var(--cds--side-panel--scroll-animation-progress));
    padding-inline-end: var(--cds--side-panel--title-padding-right);
}

.cds--side-panel .cds--side-panel__collapsed-title-text {
    font-size: var(--cds-heading-compact-02-font-size, 1rem);
    font-weight: var(--cds-heading-compact-02-font-weight, 600);
    line-height: var(--cds-heading-compact-02-line-height, 1.375);
    letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
    padding-inline-end: var(--cds--side-panel--title-padding-right);
    position: absolute;
    inset-block-start: 0;
    opacity: var(--cds--side-panel--scroll-animation-progress);
}

.cds--side-panel .cds--side-panel__title--no-label .cds--side-panel__collapsed-title-text {
    transform: translateY(calc(1rem * (1 - var(--cds--side-panel--scroll-animation-progress))));
}

.cds--side-panel .cds--side-panel__subtitle-text {
    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);
    opacity: calc(1 - var(--cds--side-panel--scroll-animation-progress));
    padding-block-end: 1rem;
    padding-inline-end: var(--cds--side-panel--title-padding-right);
}

.cds--side-panel .cds--side-panel__header--no-title-animation .cds--side-panel__subtitle-text {
    z-index: 2;
    background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--side-panel .cds--side-panel__title-text+.cds--side-panel__subtitle-text {
    padding-block-start: 1rem;
}

.cds--side-panel .cds--side-panel__inner-content {
    padding: 0 1rem 1rem;
}

.cds--side-panel .cds--side-panel__inner-content--no-animated-title {
    padding-block-start: 1rem;
}

.cds--side-panel .cds--side-panel__header:has(.cds--side-panel__action-toolbar)+.cds--side-panel__inner-content,
.cds--side-panel .cds--side-panel__header--has-action-toolbar+.cds--side-panel__inner-content {
    padding-block-start: 0.5rem;
}

.cds--side-panel.cds--side-panel--has-slug .cds--side-panel--scrolls,
.cds--side-panel.cds--side-panel--has-ai-label .cds--side-panel--scrolls,
.cds--side-panel.cds--side-panel--has-decorator .cds--side-panel--scrolls {
    background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--side-panel .cds--side-panel__action-toolbar {
    position: sticky;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--side-panel .cds--side-panel__action-toolbar-leading-button {
    margin-inline-end: 0.5rem;
}

.cds--side-panel .cds--btn.cds--side-panel__navigation-back-button {
    position: fixed;
    z-index: 5;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.cds--side-panel .cds--btn.cds--side-panel__navigation-back-button,
.cds--side-panel .cds--btn.cds--side-panel__close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: unset;
    block-size: 2rem;
    color: var(--cds-text-primary, #161616);
    inline-size: 2rem;
    min-block-size: 0;
}

.cds--side-panel .cds--btn.cds--side-panel__navigation-back-button:hover,
.cds--side-panel .cds--btn.cds--side-panel__close-button:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--side-panel .cds--btn.cds--side-panel__navigation-back-button .cds--side-panel--btn__icon,
.cds--side-panel .cds--btn.cds--side-panel__close-button .cds--side-panel--btn__icon {
    margin: 0;
}

.cds--side-panel .cds--btn--md.cds--side-panel__navigation-back-button,
.cds--side-panel .cds--btn--md.cds--side-panel__close-button {
    block-size: 2.5rem;
    inline-size: 2.5rem;
}

.cds--side-panel .cds--side-panel__slug-and-close,
.cds--side-panel .cds--side-panel__ai-label-and-close,
.cds--side-panel .cds--side-panel__decorator-and-close {
    position: absolute;
    z-index: 10;
    /* must be higher than title container border bottom */
    display: flex;
    block-size: 2rem;
    inset-block-start: 0;
    inset-inline-end: 0;
}

@media (prefers-reduced-motion) {

    .cds--side-panel .cds--side-panel__slug-and-close,
    .cds--side-panel .cds--side-panel__ai-label-and-close,
    .cds--side-panel .cds--side-panel__decorator-and-close {
        position: absolute;
    }
}

.cds--side-panel .cds--side-panel__decorator-and-close .cds--ai-label__button--xs {
    margin: 0.25rem;
}

.cds--side-panel .cds--side-panel__actions-container {
    position: sticky;
    background-color: var(--cds-layer-01, #f4f4f4);
    border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
    inset-block-end: 0;
}

.cds--side-panel .cds--side-panel__actions-container.cds--action-set--2xl .cds--action-set__action-button {
    inline-size: 100%;
    max-inline-size: 100%;
}

@media (min-width: 42rem) {
    .cds--side-panel .cds--side-panel__actions-container.cds--action-set--2xl {
        flex-direction: row;
    }

    .cds--side-panel .cds--side-panel__actions-container.cds--action-set--2xl .cds--action-set__action-button {
        inline-size: 25%;
    }
}

.cds--side-panel .cds--side-panel__actions-container .cds--action-set__action-button.cds--action-set__action-button {
    block-size: var(--cds--side-panel--actions-height);
}

.cds--side-panel.cds--side-panel.cds--side-panel--xs .cds--side-panel__actions-container.cds--action-set--sm {
    inline-size: clamp(16rem, var(--cds-side-panel-modified-size, 16rem), 100%);
}

.cds--side-panel .cds--text-input,
.cds--side-panel .cds--text-area,
.cds--side-panel .cds--search-input,
.cds--side-panel .cds--select-input,
.cds--side-panel .cds--multi-select,
.cds--side-panel .cds--dropdown,
.cds--side-panel .cds--dropdown-list,
.cds--side-panel .cds--number input[type=number],
.cds--side-panel .cds--date-picker__input {
    background-color: var(--cds-field-02, #ffffff);
}

@keyframes side-panel-overlay-entrance {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes side-panel-overlay-exit {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.cds--side-panel__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;
}

.cds--side-panel__overlay {
    position: fixed;
    z-index: 6000;
    animation: side-panel-overlay-entrance 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
    block-size: 100%;
    inline-size: 100%;
    inset: 0;
}

.cds--side-panel__overlay--closing {
    animation: side-panel-overlay-exit 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}

.cds--side-panel--has-slug+.cds--side-panel__overlay,
.cds--side-panel--has-ai-label+.cds--side-panel__overlay,
.cds--side-panel--has-decorator+.cds--side-panel__overlay {
    background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

.cds--shape-indicator {
    font-size: var(--cds-helper-text-01-font-size, 0.75rem);
    line-height: var(--cds-helper-text-01-line-height, 1.33333);
    letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
    display: flex;
    align-items: center;
    color: var(--cds-text-secondary, #525252);
    gap: 0.5rem;
    line-height: unset;
}

.cds--shape-indicator svg {
    align-self: center;
}

.cds--shape-indicator--14 {
    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);
    line-height: unset;
}

.cds--shape-indicator--failed {
    fill: var(--cds-status-red, #da1e28);
}

.cds--shape-indicator--critical {
    fill: var(--cds-status-red, #da1e28);
}

.cds--shape-indicator--high {
    fill: var(--cds-status-red, #da1e28);
}

.cds--shape-indicator--medium {
    fill: var(--cds-status-orange, #ff832b);
}

.cds--shape-indicator--medium path:first-of-type {
    fill: var(--cds-status-orange-outline, #ba4e00);
}

.cds--shape-indicator--low {
    fill: var(--cds-status-yellow, #f1c21b);
}

.cds--shape-indicator--low path:nth-of-type(2) {
    fill: var(--cds-status-yellow-outline, #8e6a00);
}

.cds--shape-indicator--cautious {
    fill: var(--cds-status-yellow, #f1c21b);
}

.cds--shape-indicator--cautious path:first-of-type {
    fill: var(--cds-status-yellow-outline, #8e6a00);
}

.cds--shape-indicator--undefined {
    fill: var(--cds-status-purple, #8a3ffc);
}

.cds--shape-indicator--stable {
    fill: var(--cds-status-green, #24a148);
}

.cds--shape-indicator--informative {
    fill: var(--cds-status-blue, #0043ce);
}

.cds--shape-indicator--incomplete path:nth-of-type(2) {
    fill: var(--cds-status-blue, #0043ce);
}

.cds--shape-indicator--draft {
    fill: var(--cds-status-gray, #6f6f6f);
}

.cds--shape-indicator__button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--shape-indicator__button *,
.cds--shape-indicator__button *::before,
.cds--shape-indicator__button *::after {
    box-sizing: inherit;
}

.cds--shape-indicator__button::-moz-focus-inner {
    border: 0;
}

.cds--shape-indicator__button {
    display: flex;
}

.cds--shape-indicator__button:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
}

@media screen and (prefers-contrast) {
    .cds--shape-indicator__button:focus {
        outline-style: dotted;
    }
}

.cds--shape-indicator .cds--definition-tooltip {
    padding-block: 0.125rem;
}

@keyframes ai-skeleton-animation {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.cds--icon--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--icon--skeleton:hover,
.cds--icon--skeleton:focus,
.cds--icon--skeleton:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--icon--skeleton::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--icon--skeleton::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--icon--skeleton {
        background: CanvasText;
    }

    .cds--icon--skeleton::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--icon--skeleton {
    display: inline-block;
    block-size: 1rem;
    inline-size: 1rem;
}

.cds--skeleton__placeholder {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--skeleton__placeholder:hover,
.cds--skeleton__placeholder:focus,
.cds--skeleton__placeholder:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--skeleton__placeholder::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--skeleton__placeholder::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--skeleton__placeholder {
        background: CanvasText;
    }

    .cds--skeleton__placeholder::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--skeleton__placeholder {
    block-size: 6.25rem;
    inline-size: 6.25rem;
}

.cds--skeleton__text {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--skeleton__text:hover,
.cds--skeleton__text:focus,
.cds--skeleton__text:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--skeleton__text::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--skeleton__text::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--skeleton__text {
        background: CanvasText;
    }

    .cds--skeleton__text::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--skeleton__text {
    block-size: 1rem;
    inline-size: 100%;
    margin-block-end: 0.5rem;
}

.cds--skeleton__heading {
    block-size: 1.5rem;
}

.cds--skeleton__text--ai,
.cds--skeleton__placeholder--ai,
.cds--skeleton__icon--ai {
    overflow: hidden;
    background: var(--cds-ai-skeleton-background, #d0e2ff);
}

.cds--skeleton__text--ai::before,
.cds--skeleton__placeholder--ai::before,
.cds--skeleton__icon--ai::before {
    animation: 1250ms ease-in-out ai-skeleton-animation infinite;
    background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
}

.cds--skeleton__placeholder--ai::before,
.cds--skeleton__icon--ai::before {
    inline-size: 200%;
}

.cds--skeleton__placeholder--ai {
    border-radius: 0.5rem;
}

.cds--skeleton__text--ai {
    border-radius: 1rem;
}

.cds--skeleton__icon--ai {
    border-radius: 0.125rem;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--skeleton__text--ai,
    .cds--skeleton__placeholder--ai,
    .cds--skeleton__icon--ai {
        background: CanvasText;
    }

    .cds--skeleton__text--ai::before,
    .cds--skeleton__placeholder--ai::before,
    .cds--skeleton__icon--ai::before {
        background: Canvas;
    }
}

.cds--slider-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cds--slider {
    position: relative;
    padding: 1rem 0;
    cursor: pointer;
    inline-size: 100%;
    max-inline-size: 40rem;
    min-inline-size: 12.5rem;
}

.cds--slider-container--two-handles .cds--slider {
    margin-inline: 0.25rem;
}

.cds--slider__range-label {
    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);
    color: var(--cds-text-primary, #161616);
    white-space: nowrap;
}

.cds--slider__track {
    position: absolute;
    background: var(--cds-border-subtle);
    block-size: 0.125rem;
    inline-size: 100%;
    transform: translate(0%, -50%);
}

.cds--slider__track:before {
    position: absolute;
    display: inline-block;
    background: var(--cds-border-subtle);
    block-size: 0.25rem;
    content: "";
    inline-size: 0.125rem;
    inset-block-start: -0.3125rem;
    inset-inline-start: 50%;
    transform: translate(-50%, 0);
}

.cds--slider__filled-track {
    position: absolute;
    background: var(--cds-layer-selected-inverse, #161616);
    block-size: 0.125rem;
    inline-size: 100%;
    pointer-events: none;
    transform: translate(0%, -50%);
    transform-origin: left;
    transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--slider__thumb-wrapper {
    position: absolute;
    z-index: 3;
    block-size: 0.875rem;
    inline-size: 0.875rem;
    transform: translate(-50%, -50%);
    --cds-tooltip-padding-inline: 0.5rem;
    --cds-popover-offset: 0.5rem;
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper {
    transform: translate(50%, -50%);
}

.cds--slider__thumb-wrapper--lower,
.cds--slider__thumb-wrapper--upper {
    block-size: 24px;
    inline-size: 16px;
    --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);
}

.cds--slider__thumb-wrapper--lower {
    transform: translate(-100%, -50%);
}

.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content {
    transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret {
    inset-inline-start: revert;
    transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {
    transform: translate(100%, -50%);
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-content {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower>.cds--popover>.cds--popover-caret {
    transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb-wrapper--upper {
    transform: translate(0, -50%);
}

.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content {
    transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret {
    transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {
    transform: translate(0, -50%);
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-content {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper>.cds--popover>.cds--popover-caret {
    transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb {
    position: absolute;
    border-radius: 50%;
    background: var(--cds-layer-selected-inverse, #161616);
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
    inset: 0;
    outline: none;
    transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media (any-hover: hover) {
    .cds--slider__thumb:hover {
        transform: scale(1.4286);
    }
}

.cds--slider__thumb:focus {
    background-color: var(--cds-interactive, #0f62fe);
    box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);
    transform: scale(1.4286);
}

.cds--slider__thumb:active {
    box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);
    transform: scale(1.4286);
}

.cds--slider__thumb-icon {
    fill: var(--cds-layer-selected-inverse, #161616);
}

.cds--slider__thumb-icon--focus {
    display: none;
    fill: var(--cds-interactive, #0f62fe);
}

.cds--slider__thumb--lower,
.cds--slider__thumb--upper {
    position: absolute;
    border-radius: unset;
    background-color: transparent;
    box-shadow: none;
    inset: 0;
    transition: none;
}

.cds--slider__thumb--lower::before,
.cds--slider__thumb--upper::before {
    position: absolute;
    z-index: -1;
    display: block;
    background: var(--cds-background, #ffffff);
    block-size: 0.125rem;
    content: "";
    inline-size: 0.375rem;
    inset-block-start: calc(50% - 0.0625rem);
    inset-inline-end: 0;
}

@media (any-hover: hover) {

    .cds--slider__thumb--lower:hover,
    .cds--slider__thumb--upper:hover {
        transform: none;
    }

    .cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
    .cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
        fill: var(--cds-text-secondary, #525252);
    }
}

.cds--slider__thumb--lower:active,
.cds--slider__thumb--upper:active {
    box-shadow: none;
    transform: none;
}

.cds--slider__thumb--lower:focus,
.cds--slider__thumb--upper:focus {
    background-color: transparent;
    box-shadow: none;
    transform: none;
}

.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
    display: none;
    fill: var(--cds-interactive, #0f62fe);
}

.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus {
    display: block;
}

.cds--slider__thumb--lower:focus::before,
.cds--slider__thumb--upper:focus::before {
    inline-size: 100%;
}

.cds--slider__thumb--upper {
    transform: none;
}

.cds--slider__thumb--upper::before {
    inset-inline: 0 auto;
}

.cds--slider__thumb--upper:active,
.cds--slider__thumb--upper:focus {
    transform: none;
}

@media (any-hover: hover) {
    .cds--slider__thumb--upper:hover {
        transform: none;
    }
}

.cds--slider__input {
    display: none;
}

.cds--slider-text-input-wrapper {
    position: relative;
}

.cds--slider-text-input-wrapper--hidden {
    display: none;
}

.cds--slider-text-input,
.cds-slider-text-input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    block-size: 2.5rem;
    inline-size: 4rem;
}

.cds--slider-text-input::-webkit-outer-spin-button,
.cds--slider-text-input::-webkit-inner-spin-button,
.cds-slider-text-input::-webkit-outer-spin-button,
.cds-slider-text-input::-webkit-inner-spin-button {
    display: none;
}

.cds--slider__thumb:focus~.cds--slider__filled-track,
.cds--slider__thumb-wrapper:focus-within~.cds--slider__filled-track {
    background-color: var(--cds-border-interactive, #0f62fe);
}

.cds--slider-text-input.cds--text-input--invalid,
.cds--slider-text-input--warn {
    inline-size: 6rem;
    padding-inline-end: 3rem;
}

.cds--slider__invalid-icon {
    position: absolute;
    fill: var(--cds-support-error, #da1e28);
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    transform: translateY(-50%);
}

.cds--slider__validation-msg.cds--form-requirement {
    display: block;
    overflow: visible;
    max-block-size: 100%;
}

.cds--slider__validation-msg--invalid {
    color: var(--cds-text-error, #da1e28);
}

.cds--slider__invalid-icon.cds--slider__invalid-icon--warning {
    fill: var(--cds-support-warning, #f1c21b);
}

.cds--slider__invalid-icon--warning path:first-of-type {
    fill: #000000;
    opacity: 1;
}

.cds--label--disabled~.cds--slider-container>.cds--slider__range-label {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--slider--disabled.cds--slider {
    cursor: not-allowed;
}

.cds--slider--disabled .cds--slider__thumb {
    background-color: var(--cds-border-disabled, #c6c6c6);
}

@media (any-hover: hover) {
    .cds--slider--disabled .cds--slider__thumb:hover {
        cursor: not-allowed;
        transform: none;
    }
}

.cds--slider--disabled .cds--slider__thumb:focus {
    background-color: var(--cds-border-disabled, #c6c6c6);
    box-shadow: none;
    outline: none;
    transform: none;
}

.cds--slider--disabled .cds--slider__thumb:active {
    background: var(--cds-border-disabled, #c6c6c6);
    box-shadow: none;
    transform: none;
}

.cds--slider--disabled .cds--slider__thumb--lower,
.cds--slider--disabled .cds--slider__thumb--upper {
    background-color: transparent;
}

.cds--slider--disabled .cds--slider__thumb--lower:active,
.cds--slider--disabled .cds--slider__thumb--lower:focus,
.cds--slider--disabled .cds--slider__thumb--upper:active,
.cds--slider--disabled .cds--slider__thumb--upper:focus {
    background-color: transparent;
    transform: none;
}

@media (any-hover: hover) {

    .cds--slider--disabled .cds--slider__thumb--lower:hover,
    .cds--slider--disabled .cds--slider__thumb--upper:hover {
        background-color: transparent;
        transform: none;
    }
}

.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,
.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon {
    fill: var(--cds-border-disabled, #c6c6c6);
}

.cds--slider--disabled .cds--slider__track,
.cds--slider--disabled .cds--slider__filled-track,
.cds--slider--disabled .cds--slider__thumb:focus~.cds--slider__filled-track {
    background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--slider--disabled~.cds--form-item .cds--slider-text-input,
.cds--slider--disabled~.cds--slider-text-input {
    border: none;
    background-color: var(--cds-field);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
    transition: none;
}

.cds--slider--disabled~.cds--form-item .cds--slider-text-input:active,
.cds--slider--disabled~.cds--form-item .cds--slider-text-input:focus,
.cds--slider--disabled~.cds--slider-text-input:active,
.cds--slider--disabled~.cds--slider-text-input:focus {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

@media (any-hover: hover) {

    .cds--slider--disabled~.cds--form-item .cds--slider-text-input:hover,
    .cds--slider--disabled~.cds--slider-text-input:hover {
        color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
        outline: none;
    }
}

.cds--slider--readonly {
    cursor: default;
}

.cds--slider-container--readonly .cds--slider__thumb {
    block-size: 0;
    inline-size: 0;
}

.cds--slider-container--readonly .cds--slider__thumb::before,
.cds--slider-container--readonly .cds--slider__thumb::after {
    display: none;
}

.cds--slider-container--readonly .cds--slider-text-input {
    background-color: transparent;
}

.cds--slider__status-msg.cds--form-requirement {
    display: block;
    overflow: visible;
    max-block-size: 100%;
}

.cds--slider-container.cds--skeleton .cds--slider__range-label {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--slider-container.cds--skeleton .cds--slider__range-label:hover,
.cds--slider-container.cds--skeleton .cds--slider__range-label:focus,
.cds--slider-container.cds--skeleton .cds--slider__range-label:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--slider-container.cds--skeleton .cds--slider__range-label::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--slider-container.cds--skeleton .cds--slider__range-label {
        background: CanvasText;
    }

    .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--slider-container.cds--skeleton .cds--slider__range-label {
    block-size: 0.75rem;
    inline-size: 1.25rem;
}

.cds--slider-container.cds--skeleton .cds--slider__track {
    cursor: default;
    pointer-events: none;
}

.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {
    inset-inline-start: 50%;
}

.cds--slider-container.cds--skeleton .cds--slider__thumb {
    cursor: default;
    pointer-events: none;
}

.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {
    inset-inline-start: 0;
}

.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {
    inset-inline-start: 100%;
}

.cds--popover-container.cds--slider__thumb-wrapper {
    position: absolute;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--slider__thumb {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--slider__thumb:focus {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--slider__track {
        outline: 1px solid transparent;
    }
}

.cds--stack-horizontal {
    display: inline-grid;
    -moz-column-gap: var(--cds-stack-gap, 0);
    column-gap: var(--cds-stack-gap, 0);
    grid-auto-flow: column;
}

.cds--stack-vertical {
    display: grid;
    grid-auto-flow: row;
    row-gap: var(--cds-stack-gap, 0);
}

.cds--stack-scale-1 {
    --cds-stack-gap: 0.125rem;
}

.cds--stack-scale-2 {
    --cds-stack-gap: 0.25rem;
}

.cds--stack-scale-3 {
    --cds-stack-gap: 0.5rem;
}

.cds--stack-scale-4 {
    --cds-stack-gap: 0.75rem;
}

.cds--stack-scale-5 {
    --cds-stack-gap: 1rem;
}

.cds--stack-scale-6 {
    --cds-stack-gap: 1.5rem;
}

.cds--stack-scale-7 {
    --cds-stack-gap: 2rem;
}

.cds--stack-scale-8 {
    --cds-stack-gap: 2.5rem;
}

.cds--stack-scale-9 {
    --cds-stack-gap: 3rem;
}

.cds--stack-scale-10 {
    --cds-stack-gap: 4rem;
}

.cds--stack-scale-11 {
    --cds-stack-gap: 5rem;
}

.cds--stack-scale-12 {
    --cds-stack-gap: 6rem;
}

.cds--stack-scale-13 {
    --cds-stack-gap: 10rem;
}

.cds--structured-list--selection .cds--structured-list-td,
.cds--structured-list--selection .cds--structured-list-th {
    padding-inline: 1rem 1rem;
}

.cds--structured-list--selection .cds--structured-list-td:first-child,
.cds--structured-list--selection .cds--structured-list-th:first-child {
    padding-inline: 1rem 1rem;
}

.cds--structured-list-row--focused-within {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--structured-list-row--focused-within {
        outline-style: dotted;
    }
}

.cds--structured-list {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--structured-list *,
.cds--structured-list *::before,
.cds--structured-list *::after {
    box-sizing: inherit;
}

.cds--structured-list {
    display: table;
    background-color: var(--cds-layer) transparent;
    border-collapse: collapse;
    border-spacing: 0;
    inline-size: 100%;
    overflow-x: auto;
}

.cds--structured-list.cds--structured-list--condensed .cds--structured-list-td,
.cds--structured-list.cds--structured-list--condensed .cds--structured-list-th {
    padding: 0.5rem;
}

.cds--structured-list .cds--structured-list-row .cds--structured-list-td:first-of-type,
.cds--structured-list .cds--structured-list-row .cds--structured-list-th:first-of-type {
    padding-inline-start: 1rem;
}

.cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td,
.cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th,
.cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type,
.cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {
    padding-inline: 0 1rem;
}

.cds--structured-list-row {
    display: table-row;
    border-block-start: 1px solid var(--cds-border-subtle);
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--structured-list-tbody .cds--structured-list-row:last-child {
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--structured-list-row--header-row {
    border: none;
}

@media (any-hover: hover) {
    .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
        border-color: var(--cds-layer-hover);
        background-color: var(--cds-layer-hover);
        cursor: pointer;
    }

    .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected)+.cds--structured-list-row {
        border-color: var(--cds-layer-hover);
    }
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected {
    border-color: var(--cds-layer-selected);
    background-color: var(--cds-layer-selected);
}

.cds--structured-list--selection .cds--structured-list-row--selected+.cds--structured-list-row {
    border-color: var(--cds-layer-selected);
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected .cds--structured-list-td {
    color: var(--cds-text-primary, #161616);
}

.cds--structured-list-row.cds--structured-list-row--header-row {
    cursor: inherit;
}

@media (any-hover: hover) {
    .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row)>.cds--structured-list-td {
        color: var(--cds-text-primary, #161616);
    }
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected>.cds--structured-list-td {
    color: var(--cds-text-primary, #161616);
}

.cds--structured-list-thead {
    display: table-header-group;
    vertical-align: middle;
}

.cds--structured-list-th {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--structured-list-th *,
.cds--structured-list-th *::before,
.cds--structured-list-th *::after {
    box-sizing: inherit;
}

.cds--structured-list-th {
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    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);
    display: table-cell;
    block-size: 2.5rem;
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
    text-align: start;
    text-transform: none;
    vertical-align: top;
}

.cds--structured-list-tbody {
    display: table-row-group;
    vertical-align: middle;
}

.cds--structured-list-td {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--structured-list-td *,
.cds--structured-list-td *::before,
.cds--structured-list-td *::after {
    box-sizing: inherit;
}

.cds--structured-list-td {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    padding: 1rem 0.5rem 1.5rem 0.5rem;
    position: relative;
    display: table-cell;
    color: var(--cds-text-secondary, #525252);
    max-inline-size: 36rem;
    transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--structured-list-content--nowrap {
    white-space: nowrap;
}

.cds--structured-list-input+.cds--structured-list-td {
    text-align: end;
}

.cds--structured-list-svg {
    display: inline-block;
    margin-block-start: 0.125rem;
    transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    vertical-align: top;
}

.cds--structured-list-input:checked+.cds--structured-list-row .cds--structured-list-svg,
.cds--structured-list-input:checked+.cds--structured-list-td .cds--structured-list-svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--structured-list-svg {
    fill: transparent;
}

.cds--structured-list--selection .cds--structured-list-td:last-child {
    inline-size: 2rem;
    padding-inline-start: 0;
}

.cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
    inline-size: 8%;
}

.cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+2) {
    inline-size: 30%;
}

.cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+3) {
    inline-size: 15%;
}

.cds--structured-list.cds--skeleton span {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--structured-list.cds--skeleton span:hover,
.cds--structured-list.cds--skeleton span:focus,
.cds--structured-list.cds--skeleton span:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--structured-list.cds--skeleton span::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--structured-list.cds--skeleton span::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--structured-list.cds--skeleton span {
        background: CanvasText;
    }

    .cds--structured-list.cds--skeleton span::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--structured-list.cds--skeleton span {
    display: block;
    block-size: 1rem;
    inline-size: 75%;
}

.cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child {
    inline-size: 5%;
}

.cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child span {
    display: none;
}

.cds--structured-list__icon {
    margin-block-start: 0.125rem;
    vertical-align: top;
}

.cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
    inline-size: 2rem;
    padding-inline-end: 0;
}

.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    inline-size: 100%;
}

.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-label,
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-secondary-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item--icon {
    margin-inline-start: auto;
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-link .cds--tabs__nav-item-label {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
}

.cds--tabs .cds--icon-tooltip .cds--popover-content {
    --cds-popover-offset: 0.5rem;
}

.cds--tabs .cds--icon-tooltip .cds--popover-caret {
    --cds-popover-offset: 0.5rem;
}

.cds--tabs.cds--tabs--vertical.cds--layout--size-sm .cds--tabs__nav-link .cds--tabs__nav-item-label {
    -webkit-line-clamp: 1;
}

.cds--tabs,
.cds--tab-content {
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}

.cds--tabs.cds--tabs--tall,
.cds--tabs.cds--tabs--contained.cds--tabs--tall {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}

.cds--tabs html {
    font-size: 100%;
}

.cds--tabs body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--tabs code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--tabs strong {
    font-weight: 600;
}

.cds--tabs {
    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);
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
    position: relative;
    display: flex;
    block-size: auto;
    color: var(--cds-text-primary, #161616);
    inline-size: 100%;
    max-block-size: var(--cds-layout-size-height-xl);
    min-block-size: var(--cds-layout-size-height-local);
    overflow-x: hidden;
}

.cds--tabs.cds--tabs--contained {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}

.cds--tabs .cds--tab--list {
    display: flex;
    inline-size: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    will-change: scroll-position;
}

.cds--tabs .cds--tab--list::-webkit-scrollbar {
    display: none;
}

.cds--tabs.cds--tabs--vertical {
    --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
    background: var(--cds-layer);
    box-shadow: inset -1px 0 var(--cds-border-subtle);
    grid-column: span 2;
    max-block-size: none;
}

@media (min-width: 66rem) {
    .cds--tabs.cds--tabs--vertical {
        grid-column: span 4;
    }
}

.cds--tabs.cds--tabs--vertical .cds--tab--list {
    overflow: visible auto;
    flex-direction: column;
    inline-size: 100%;
}

.cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
    position: absolute;
    background: linear-gradient(to bottom, transparent, var(--cds-layer));
    block-size: 4rem;
    inset-block-end: 0;
    inset-inline: 0;
    pointer-events: none;
}

.cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_top {
    position: absolute;
    background: linear-gradient(to top, transparent, var(--cds-layer));
    block-size: 4rem;
    inset-block-start: 0;
    inset-inline: 0;
    pointer-events: none;
}

.cds--tabs .cds--tabs__nav {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tabs .cds--tabs__nav *,
.cds--tabs .cds--tabs__nav *::before,
.cds--tabs .cds--tabs__nav *::after {
    box-sizing: inherit;
}

.cds--tabs .cds--tabs__nav {
    display: flex;
}

.cds--tabs .cds--tab--overflow-nav-button {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tabs .cds--tab--overflow-nav-button *,
.cds--tabs .cds--tab--overflow-nav-button *::before,
.cds--tabs .cds--tab--overflow-nav-button *::after {
    box-sizing: inherit;
}

.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
    border: 0;
}

.cds--tabs .cds--tab--overflow-nav-button {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: var(--cds-background, #ffffff);
    inline-size: 2.5rem;
}

.cds--tabs .cds--tab--overflow-nav-button:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tabs .cds--tab--overflow-nav-button:focus {
        outline-style: dotted;
    }
}

.cds--tabs .cds--tab--overflow-nav-button:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--tabs .cds--tab--overflow-nav-button:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--tabs .cds--tab--overflow-nav-button--hidden {
    display: none;
}

.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button {
    margin: 0;
    background-color: var(--cds-layer-accent);
    inline-size: 3rem;
}

.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:hover {
    background-color: var(--cds-layer-accent-hover);
}

.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:active {
    background-color: var(--cds-layer-accent-active);
}

.cds--tabs .cds--tab--overflow-nav-button svg {
    z-index: 2;
    fill: var(--cds-icon-primary, #161616);
}

.cds--tabs .cds--tab--overflow-nav-button svg:active,
.cds--tabs .cds--tab--overflow-nav-button svg:hover {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tabs .cds--tab--overflow-nav-button--next {
    position: relative;
    inset-block: 0;
    inset-inline-end: 0;
}

.cds--tabs .cds--tab--overflow-nav-button--next::before {
    position: absolute;
    z-index: 1;
    block-size: 100%;
    content: "";
    inline-size: 0.5rem;
    inset-inline-start: -0.5rem;
}

.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
}

.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
    background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
}

.cds--tabs .cds--tab--overflow-nav-button--previous {
    position: relative;
    z-index: 1;
    inset-block: 0;
    inset-inline-start: 0;
}

.cds--tabs .cds--tab--overflow-nav-button--previous::before {
    position: absolute;
    z-index: 1;
    block-size: 100%;
    content: "";
    inline-size: 0.5rem;
    inset-inline-end: -0.5rem;
}

.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
}

.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer));
}

.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
}

.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .cds--tabs .cds--tabs__overflow-indicator--left {
        background-image: linear-gradient(to left, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
    }

    .cds--tabs .cds--tabs__overflow-indicator--right {
        background-image: linear-gradient(to right, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
    }

    .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
        background-image: linear-gradient(to left, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
    }

    .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
        background-image: linear-gradient(to right, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
    }
}

.cds--tabs .cds--tabs__nav-item-label-wrapper {
    display: flex;
}

.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item-label-wrapper {
    position: relative;
    inset-block-start: 0.0625rem;
}

.cds--tabs .cds--tabs__nav-item html {
    font-size: 100%;
}

.cds--tabs .cds--tabs__nav-item body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--tabs .cds--tabs__nav-item code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--tabs .cds--tabs__nav-item strong {
    font-weight: 600;
}

.cds--tabs .cds--tabs__nav-item {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    padding: 0;
    cursor: pointer;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tabs .cds--tabs__nav-item+.cds--tabs__nav-item {
    margin-inline-start: 0.0625rem;
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item {
    background-color: var(--cds-layer-accent);
    box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);
    margin-inline-start: 0;
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item {
    flex: none;
    background-color: var(--cds-layer-01, #f4f4f4);
    block-size: var(--cds-layout-size-height-local);
    border-block-end: 1px solid var(--cds-border-subtle);
    border-inline-end: 1px solid var(--cds-border-subtle);
    box-shadow: inset 3px 0 0 0 var(--cds-border-subtle);
    inline-size: 100%;
    margin-inline-start: 0;
}

.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--selected+div+.cds--tabs__nav-item {
    box-shadow: -0.0625rem 0 0 0 transparent;
}

.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
    transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tabs.cds--tabs--dismissable .cds--tabs__nav-link {
    padding-inline-end: 2.5rem;
}

.cds--tabs.cds--tabs--dismissable.cds--tabs--contained .cds--tabs__nav-link {
    padding-inline-end: calc(3rem - 1px);
}

.cds--tabs .cds--tabs__nav-item--close {
    position: relative;
    display: flex;
    align-items: center;
    inset-inline-start: calc(-0.75rem - 1px);
    margin-inline-start: calc(-1.5rem + 1px);
}

.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item--close--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;
    position: static;
    inline-size: 0.1875rem;
}

.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tabs__nav-item--close--hidden {
    display: none;
}

.cds--tabs .cds--tabs__nav-item--close-icon {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tabs .cds--tabs__nav-item--close-icon *,
.cds--tabs .cds--tabs__nav-item--close-icon *::before,
.cds--tabs .cds--tabs__nav-item--close-icon *::after {
    box-sizing: inherit;
}

.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
    border: 0;
}

.cds--tabs .cds--tabs__nav-item--close-icon {
    block-size: 1.5rem;
    inline-size: 1.5rem;
    padding-block: 0.25rem;
    padding-inline: 0.25rem;
    pointer-events: auto;
}

.cds--tabs .cds--tabs__nav-item--close-icon svg {
    block-size: 1rem;
    fill: var(--cds-text-secondary, #525252);
    inline-size: 1rem;
}

.cds--tabs .cds--tabs__nav-item--close-icon svg:hover {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tabs .cds--tabs__nav-item--close-icon:hover {
    background-color: var(--cds-layer-hover);
}

.cds--tabs .cds--tabs__nav-item--close-icon:focus,
.cds--tabs .cds--tabs__nav-item--close-icon:active {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--tabs .cds--tabs__nav-item--close-icon:focus,
    .cds--tabs .cds--tabs__nav-item--close-icon:active {
        outline-style: dotted;
    }
}

.cds--tabs .cds--tabs__nav-item:hover+.cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tabs .cds--tabs__nav-item--close-icon--selected svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tabs .cds--tabs__nav-item:hover+.cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover {
    background-color: inherit;
    cursor: not-allowed;
}

.cds--tabs .cds--tabs__nav-item:hover+.cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled svg,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled svg,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tabs .cds--tabs__nav-item:hover+.cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:focus,
.cds--tabs .cds--tabs__nav-item:hover+.cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:active,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:focus,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:active,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:focus,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:active {
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.cds--tabs .cds--tabs__nav-item--icon {
    display: flex;
    align-items: center;
    padding-inline-start: 0.5rem;
}

.cds--tabs .cds--tabs__nav-item--icon-left {
    display: flex;
    align-items: center;
    margin-block-start: -2px;
    padding-inline-end: 0.5rem;
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
    padding-inline-start: var(--cds-layout-density-padding-inline-local);
}

.cds--tabs .cds--tabs__nav-link {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tabs .cds--tabs__nav-link *,
.cds--tabs .cds--tabs__nav-link *::before,
.cds--tabs .cds--tabs__nav-link *::after {
    box-sizing: inherit;
}

.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
    border: 0;
}

.cds--tabs .cds--tabs__nav-link {
    outline: 2px solid transparent;
    outline-offset: -2px;
    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);
    overflow: hidden;
    border-block-end: 2px solid var(--cds-border-subtle);
    color: var(--cds-text-secondary, #525252);
    padding-inline: var(--cds-layout-density-padding-inline-local);
    text-align: start;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    white-space: nowrap;
}

.cds--tabs .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs__nav-link:active {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {

    .cds--tabs .cds--tabs__nav-link:focus,
    .cds--tabs .cds--tabs__nav-link:active {
        outline-style: dotted;
    }
}

.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-link {
    border-block-end: 0;
}

.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
    line-height: calc(3rem - 0.5rem * 2);
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    min-block-size: 1rem;
}

.cds--tabs.cds--tabs--vertical:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
    line-height: var(--cds-body-compact-01-line-height);
}

.cds--tabs.cds--tabs__icon--default,
.cds--tabs.cds--tabs__icon--lg,
.cds--tabs.cds--tabs__icon--default .cds--tab--list,
.cds--tabs.cds--tabs__icon--lg .cds--tab--list {
    overflow-x: visible;
}

.cds--tabs .cds--tabs__nav-item--icon-only {
    margin-inline-end: 0.0625rem;
}

.cds--tabs .cds--tabs__nav-item--icon-only,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    block-size: var(--cds-layout-size-height-local);
    inline-size: var(--cds-layout-size-height-local);
}

.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
    line-height: 0;
}

.cds--tabs .cds--tabs__nav-item--icon-only:not(.cds--tabs__nav-item--icon-only__20) .cds--badge-indicator {
    margin-block-start: 0.25rem;
    margin-inline-end: 0.25rem;
}

.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
    border-block-end: 2px solid var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
    background-color: var(--cds-layer-accent-hover);
    color: var(--cds-text-primary, #161616);
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
    background-color: var(--cds-layer-hover);
    box-shadow: inset 3px 0 0 0 var(--cds-border-strong);
}

.cds--tabs .cds--tabs__nav-item--selected {
    border-block-end: 2px solid var(--cds-border-interactive, #0f62fe);
    transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected+.cds--tabs__nav-item {
    box-shadow: none;
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--selected {
    box-shadow: inset 0 2px 0 0 var(--cds-border-interactive, #0f62fe);
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--selected {
    border-inline: none;
    box-shadow: inset 3px 0 0 0 var(--cds-border-interactive, #0f62fe);
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
.cds--tabs .cds--tabs__nav-item--selected,
.cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active {
    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);
    color: var(--cds-text-primary, #161616);
}

.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected,
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
    line-height: calc(3rem - 0.5rem * 2);
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
    background-color: var(--cds-layer);
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:active {
    box-shadow: none;
}

.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected,
.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
    background-color: var(--cds-background, #ffffff);
}

.cds--tabs .cds--tabs__nav-item--disabled {
    background-color: transparent;
    border-block-end: 2px solid var(--cds-border-subtle);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
}

.cds--tabs .cds--tabs__nav-item--disabled:hover {
    border-block-end: 2px solid var(--cds-border-subtle);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {
    background-color: var(--cds-button-disabled, #c6c6c6);
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled,
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {
    background-color: var(--cds-layer);
    border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--tabs .cds--tabs__nav-item--disabled:focus,
.cds--tabs .cds--tabs__nav-item--disabled:active {
    border-block-end: 2px solid var(--cds-border-subtle);
    outline: none;
    pointer-events: none;
}

.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active {
    border-block-end-color: var(--cds-border-subtle);
}

.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--disabled {
    border-block-end: none;
    color: var(--cds-text-on-color-disabled, #8d8d8d);
}

.cds--tab-content {
    padding: var(--cds-layout-density-padding-inline-local);
}

.cds--tab-content:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tab-content:focus {
        outline-style: dotted;
    }
}

.cds--tabs--contained~.cds--tab-content {
    background: var(--cds-layer);
}

.cds--tabs--vertical~.cds--tab-content .cds--text-input--fluid .cds--text-input,
.cds--tabs--vertical~.cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper,
.cds--tabs--vertical~.cds--tab-content .cds--text-area--fluid .cds--text-area,
.cds--tabs--vertical~.cds--tab-content .cds--search--fluid .cds--search-input,
.cds--tabs--vertical~.cds--tab-content .cds--select--fluid .cds--select-input,
.cds--tabs--vertical~.cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider+.cds--form-requirement,
.cds--tabs--vertical~.cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box,
.cds--tabs--vertical~.cds--tab-content .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid input[type=number],
.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid input[type=text],
.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid .cds--number__control-btn::before,
.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid .cds--number__control-btn::after,
.cds--tabs--vertical~.cds--tab-content .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
    background-color: var(--cds-field-01, #f4f4f4);
}

.cds--tabs--vertical~.cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box__menu {
    background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--tabs--vertical~.cds--tab-content .cds--list-box__menu-item:hover {
    background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.cds--tabs--vertical~.cds--tab-content .cds--list-box__menu-item--active {
    background-color: var(--cds-layer-selected-02, #e0e0e0);
}

.cds--tabs--vertical~.cds--tab-content .cds--list-box__menu-item--active:hover {
    background-color: var(--cds-layer-selected-hover-02, #d1d1d1);
}

.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::before,
.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::after {
    background-color: var(--cds-field-hover);
}

.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::before,
.cds--tabs--vertical~.cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::after {
    border-inline-start: 2px solid var(--cds-focus, #0f62fe);
}

.cds--tabs--vertical~.cds--tab-content {
    grid-column: 3/-1;
    overflow-y: auto;
}

@media (min-width: 66rem) {
    .cds--tabs--vertical~.cds--tab-content {
        grid-column: 5/-1;
    }
}

.cds--tabs.cds--skeleton {
    cursor: default;
    pointer-events: none;
}

.cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link {
    border-block-end: 2px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link {
    display: flex;
    align-items: center;
    padding: 0 var(--cds-layout-density-padding-inline-local);
    block-size: 100%;
    inline-size: 10rem;
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover,
.cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus,
.cds--tabs.cds--skeleton .cds--tabs__nav-link span:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--tabs.cds--skeleton .cds--tabs__nav-link span {
        background: CanvasText;
    }

    .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
    display: block;
    block-size: 0.875rem;
    inline-size: 100%;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--tabs__nav-item--selected .cds--tabs__nav-link,
    .cds--tabs__nav-item--selected.cds--tabs__nav-link,
    .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
    .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected.cds--tabs__nav-link {
        background-color: SelectedItem;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link {
        color: GrayText;
        fill: GrayText;
    }
}

.cds--tile-group html {
    font-size: 100%;
}

.cds--tile-group body {
    font-weight: 400;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.cds--tile-group code {
    font-family: 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

.cds--tile-group strong {
    font-weight: 600;
}

.cds--tile {
    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);
    --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
    position: relative;
    display: block;
    padding: var(--cds-layout-density-padding-inline-local);
    background-color: var(--cds-layer);
    min-block-size: 4rem;
    min-inline-size: 8rem;
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.cds--tile:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tile:focus {
        outline-style: dotted;
    }
}

.cds--tile--light {
    background-color: var(--cds-layer-02, #ffffff);
}

.cds--tile--clickable,
.cds--tile--selectable {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tile--clickable *,
.cds--tile--clickable *::before,
.cds--tile--clickable *::after,
.cds--tile--selectable *,
.cds--tile--selectable *::before,
.cds--tile--selectable *::after {
    box-sizing: inherit;
}

.cds--tile--clickable,
.cds--tile--selectable {
    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);
    padding: var(--cds-layout-density-padding-inline-local);
    cursor: pointer;
    transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tile--clickable:hover,
.cds--tile--selectable:hover {
    background: var(--cds-layer-hover);
}

.cds--tile--clickable {
    color: var(--cds-text-primary, #161616);
    text-decoration: none;
}

.cds--tile--clickable:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tile--clickable:focus {
        outline-style: dotted;
    }
}

.cds--tile--clickable:focus {
    text-decoration: none;
}

.cds--tile--clickable:hover .cds--tile__checkmark,
.cds--tile--clickable:focus .cds--tile__checkmark {
    opacity: 1;
}

.cds--tile--expandable::-moz-focus-inner {
    border: 0;
}

.cds--tile--clickable:hover,
.cds--tile--clickable:active,
.cds--tile--clickable:visited,
.cds--tile--clickable:visited:hover {
    color: var(--cds-text-primary, #161616);
    text-decoration: none;
}

.cds--tile--clickable.cds--link--disabled,
.cds--tile--clickable:hover.cds--link--disabled {
    display: block;
    padding: var(--cds-layout-density-padding-inline-local);
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--tile--clickable .cds--tile--icon,
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
    position: absolute;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    inset-block-end: 0.75rem;
    inset-inline-end: 0.75rem;
}

.cds--tile--clickable .cds--tile--icon {
    fill: var(--cds-icon-interactive, #0f62fe);
}

.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
    display: none;
}

.cds--tile--selectable {
    border: 1px solid transparent;
    padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
}

.cds--tile__checkmark {
    position: absolute;
    border: none;
    background: transparent;
    block-size: 1rem;
    inset-block-start: var(--cds-layout-density-padding-inline-local);
    inset-inline-end: var(--cds-layout-density-padding-inline-local);
    transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    opacity: 0;
}

.cds--tile__checkmark svg {
    border-radius: 50%;
    fill: var(--cds-icon-secondary, #525252);
}

.cds--tile__checkmark:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tile__checkmark:focus {
        outline-style: dotted;
    }
}

.cds--tile__checkmark--persistent {
    opacity: 1;
}

.cds--tile__chevron {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
    inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
    inset-block-end: 0;
    inset-inline-end: 0;
}

.cds--tile__chevron svg {
    fill: var(--cds-icon-primary, #161616);
    transform-origin: center;
    transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--tile__chevron svg {
        transition: none;
    }
}

.cds--tile__chevron--interactive {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tile__chevron--interactive *,
.cds--tile__chevron--interactive *::before,
.cds--tile__chevron--interactive *::after {
    box-sizing: inherit;
}

.cds--tile__chevron--interactive::-moz-focus-inner {
    border: 0;
}

.cds--tile__chevron--interactive {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
    inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
    inset-block-end: 0;
    inset-inline-end: 0;
}

.cds--tile__chevron--interactive:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.cds--tile__chevron--interactive:hover {
    background-color: var(--cds-layer-hover);
    cursor: pointer;
}

.cds--tile--expandable {
    position: relative;
    overflow: hidden;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    inline-size: 100%;
    text-align: start;
    transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
    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);
}

.cds--tile--expandable:hover {
    background: var(--cds-layer-hover);
}

.cds--tile--expandable.cds--tile--expandable--interactive {
    border: none;
    cursor: default;
    transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tile--expandable.cds--tile--expandable--interactive:hover {
    background-color: var(--cds-layer);
}

.cds--tile--expandable.cds--tile--expandable--interactive:focus {
    outline: none;
}

.cds--tile--expandable--interactive:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tile--expandable--interactive:focus {
        outline-style: dotted;
    }
}

.cds--tile-content__below-the-fold {
    display: block;
    opacity: 0;
    transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    visibility: hidden;
}

.cds--tile--is-expanded {
    overflow: visible;
    transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tile--is-expanded .cds--tile__chevron svg {
    transform: rotate(180deg);
}

.cds--tile--is-expanded .cds--tile-content__below-the-fold {
    opacity: 1;
    transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    visibility: inherit;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .cds--tile--is-expanded .cds--tile-content__below-the-fold {
        overflow-y: auto;
    }
}

.cds--tile--is-selected {
    border: 1px solid var(--cds-layer-selected-inverse, #161616);
}

.cds--tile--is-selected .cds--tile__checkmark {
    opacity: 1;
}

.cds--tile--is-selected .cds--tile__checkmark svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tile-content {
    block-size: 100%;
    inline-size: 100%;
}

.cds--tile-input {
    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;
}

.cds--tile-input:focus+.cds--tile {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tile-input:focus+.cds--tile {
        outline-style: dotted;
    }
}

.cds--tile--disabled.cds--tile--selectable {
    background-color: var(--cds-layer);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--tile--disabled.cds--tile--selectable.cds--tile--light {
    background-color: var(--cds-layer-02, #ffffff);
}

.cds--tile--disabled.cds--tile--is-selected {
    border-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--tile--disabled .cds--tile__checkmark svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tile>.cds--tile--inner-decorator>*,
.cds--tile--expandable>div>.cds--tile--inner-decorator>*,
.cds--tile>.cds--ai-label,
.cds--tile--expandable>div>.cds--ai-label,
.cds--tile>.cds--slug,
.cds--tile--expandable>div>.cds--slug,
.cds--tile--clickable .cds--tile--ai-label-icon {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
}

.cds--tile.cds--tile--selectable>.cds--tile--inner-decorator>*,
.cds--tile.cds--tile--selectable>.cds--ai-label,
.cds--tile.cds--tile--selectable>.cds--slug {
    inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--tile--inner-decorator>*,
.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--ai-label,
.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--slug {
    inset-inline-end: 1rem;
    transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--tile--inner-decorator>*,
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--ai-label,
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--slug {
    inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--clickable>.cds--tile--inner-decorator>*,
.cds--tile.cds--tile--clickable>.cds--ai-label,
.cds--tile.cds--tile--clickable>.cds--slug {
    pointer-events: none;
}

.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile,
.cds--tile--decorator:has(.cds--ai-label).cds--tile,
.cds--tile--slug.cds--tile {
    background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
    border: 1px solid transparent;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator:has(.cds--ai-label).cds--tile--expandable:hover,
.cds--tile--slug.cds--tile--expandable:hover {
    background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
}

.cds--tile--decorator.cds--tile--selectable::before,
.cds--tile--decorator.cds--tile--selectable::after,
.cds--tile--decorator.cds--tile--clickable::before,
.cds--tile--slug.cds--tile--selectable::before,
.cds--tile--slug.cds--tile--selectable::after,
.cds--tile--slug.cds--tile--clickable::before {
    position: absolute;
    display: block;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    opacity: 0;
    transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tile--decorator:has(.cds--ai-label).cds--tile--selectable::before,
.cds--tile--decorator:has(.cds--ai-label).cds--tile--clickable::before,
.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile--clickable::before,
.cds--tile--slug.cds--tile--selectable::before,
.cds--tile--slug.cds--tile--clickable::before {
    background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) 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-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator.cds--tile--selectable:hover::before,
.cds--tile--decorator.cds--tile--clickable:hover::before,
.cds--tile--slug.cds--tile--selectable:hover::before,
.cds--tile--slug.cds--tile--clickable:hover::before {
    opacity: 1;
}

.cds--tile--decorator.cds--tile--selectable:focus,
.cds--tile--decorator.cds--tile--clickable:focus,
.cds--tile-input:focus+.cds--tile--decorator.cds--tile,
.cds--tile--slug.cds--tile--selectable:focus,
.cds--tile--slug.cds--tile--clickable:focus,
.cds--tile-input:focus+.cds--tile--slug.cds--tile {
    outline-offset: -1px;
}

.cds--tile--decorator:has(.cds--tile--inner-decorator .cds--ai-label).cds--tile--selectable::after,
.cds--tile--slug.cds--tile--selectable::after {
    background: linear-gradient(to top, 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-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
    box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator.cds--tile--selectable:hover::after,
.cds--tile--slug.cds--tile--selectable:hover::after {
    opacity: 0;
}

.cds--tile--decorator.cds--tile--is-selected::after,
.cds--tile--slug.cds--tile--is-selected::after {
    opacity: 1;
}

.cds--tile--decorator:has(.cds--tile--inner-decorator).cds--tile--is-selected,
.cds--tile--slug.cds--tile--is-selected {
    border-color: var(--cds-border-inverse, #161616);
}

.cds--tile--decorator.cds--tile--selectable .cds--tile-content,
.cds--tile--decorator.cds--tile--clickable .cds--tile-content,
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
.cds--tile--slug.cds--tile--clickable .cds--tile-content {
    position: relative;
    cursor: pointer;
}

.cds--tile--decorator.cds--tile--selectable .cds--tile-content,
.cds--tile--decorator.cds--tile--clickable .cds--tile-content,
.cds--tile--decorator.cds--tile--selectable>.cds--tile__checkmark,
.cds--tile--decorator.cds--tile--is-selected .cds--tile--inner-decorator>*,
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
.cds--tile--slug.cds--tile--clickable .cds--tile-content,
.cds--tile--slug.cds--tile--selectable>.cds--tile__checkmark,
.cds--tile--slug.cds--tile--is-selected .cds--ai-label,
.cds--tile--slug.cds--tile--is-selected .cds--slug {
    z-index: 1;
}

.cds--tile--decorator.cds--tile--selectable .cds--tile--inner-decorator>*:has(> .cds--popover--open),
.cds--tile--slug.cds--tile--selectable .cds--ai-label:has(> .cds--popover--open),
.cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
    z-index: 2;
}

.cds--tile--decorator.cds--tile--selectable>.cds--tile--inner-decorator>*,
.cds--tile--decorator.cds--tile--selectable>.cds--tile__checkmark,
.cds--tile--slug.cds--tile--selectable>.cds--ai-label,
.cds--tile--slug.cds--tile--selectable>.cds--slug,
.cds--tile--slug.cds--tile--selectable>.cds--tile__checkmark {
    z-index: 1;
}

.cds--tile--expandable:has(.cds--tile--inner-decorator > * > .cds--popover--open),
.cds--tile--expandable:has(.cds--ai-label > .cds--popover--open),
.cds--tile--expandable:has(.cds--slug > .cds--popover--open) {
    overflow: visible;
}

.cds--tile--clickable .cds--tile--ai-label-icon rect {
    stroke: var(--cds-icon-primary, #161616);
}

.cds--tile--clickable .cds--tile--ai-label-icon path {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tile--decorator-rounded,
.cds--tile--decorator-rounded.cds--tile--selectable::before,
.cds--tile--decorator-rounded.cds--tile--selectable::after,
.cds--tile--decorator-rounded.cds--tile--clickable::before,
.cds--tile--slug-rounded,
.cds--tile--slug-rounded.cds--tile--selectable::before,
.cds--tile--slug-rounded.cds--tile--selectable::after,
.cds--tile--slug-rounded.cds--tile--clickable::before {
    border-radius: 0.5rem;
}

.cds--tile--decorator-rounded .cds--tile__chevron,
.cds--tile--slug-rounded .cds--tile__chevron {
    border-end-end-radius: 0.5rem;
}

.cds--time-picker {
    display: flex;
    align-items: flex-end;
}

.cds--time-picker__select {
    justify-content: center;
    margin-inline-start: 0.125rem;
}

.cds--time-picker__input {
    position: relative;
    display: flex;
    flex-direction: column;
}

.cds--time-picker__error__icon {
    position: absolute;
    display: flex;
    block-size: 100%;
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    place-items: center;
    transform: translateY(-50%);
}

.cds--time-picker__error__icon .cds--checkbox__invalid-icon {
    fill: var(--cds-support-error, #da1e28);
}

.cds--time-picker .cds--select-input {
    margin: 0;
    inline-size: auto;
    line-height: 1;
    min-inline-size: auto;
    padding-inline-end: 3rem;
}

.cds--time-picker__input-field {
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-family: var(--cds-code-02-font-family, 'Go Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
    font-size: var(--cds-code-02-font-size, 0.875rem);
    font-weight: var(--cds-code-02-font-weight, 400);
    line-height: var(--cds-code-02-line-height, 1.42857);
    letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
    display: flex;
    align-items: center;
    block-size: 2.5rem;
    inline-size: 4.875rem;
    transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--time-picker__input-field::-moz-placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--time-picker__input-field::placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
}

.cds--time-picker__input-field-error {
    inline-size: 6.175rem;
}

.cds--time-picker--light .cds--select-input {
    background-color: var(--cds-field-02, #ffffff);
}

.cds--time-picker--light .cds--select-input:hover {
    background-color: var(--cds-field-hover);
}

.cds--time-picker--light .cds--select-input:disabled,
.cds--time-picker--light .cds--select-input:hover:disabled {
    background-color: transparent;
    border-block-end: 1px solid transparent;
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--time-picker--sm .cds--select-input,
.cds--time-picker--sm .cds--time-picker__input-field {
    block-size: 2rem;
    max-block-size: 2rem;
}

.cds--time-picker--lg .cds--select-input,
.cds--time-picker--lg .cds--time-picker__input-field {
    block-size: 3rem;
    max-block-size: 3rem;
}

.cds--time-picker--readonly .cds--time-picker__input-field {
    background-color: transparent;
    border-block-end-color: var(--cds-border-subtle);
}

.cds--time-picker--readonly .cds--select-input {
    background-color: transparent;
    border-block-end-color: var(--cds-border-subtle);
    cursor: default;
}

.cds--time-picker--readonly .cds--select-input+.cds--select__arrow {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toggle {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cds--toggle__label-text {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    display: block;
    color: var(--cds-text-secondary, #525252);
    margin-block-end: 1rem;
}

.cds--toggle__button {
    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;
}

.cds--toggle__button:focus {
    outline: none;
}

.cds--toggle__appearance {
    display: inline-grid;
    align-items: center;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    cursor: pointer;
    grid-template-columns: max-content max-content;
}

.cds--toggle__switch {
    position: relative;
    border-radius: 0.75rem;
    background-color: var(--cds-toggle-off, #8d8d8d);
    block-size: 1.5rem;
    inline-size: 3rem;
    transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
}

.cds--toggle__switch::before {
    position: absolute;
    border-radius: 50%;
    background-color: var(--cds-icon-on-color, #ffffff);
    block-size: 1.125rem;
    content: "";
    inline-size: 1.125rem;
    inset-block-start: 0.1875rem;
    inset-inline-start: 0.1875rem;
    transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);
}

@media screen and (prefers-reduced-motion: reduce) {
    .cds--toggle__switch::before {
        transition: none;
    }
}

.cds--toggle__button:focus+.cds--toggle__label .cds--toggle__switch::after,
.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch::after {
    display: block;
    border-radius: 1rem;
    block-size: 100%;
    content: "";
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1px;
}

.cds--toggle__switch--checked {
    background-color: var(--cds-support-success, #24a148);
}

.cds--toggle__switch--checked::before {
    transform: translateX(1.5rem);
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--toggle__switch--checked {
        background-color: Highlight;
    }
}

.cds--toggle__text {
    font-size: var(--cds-body-01-font-size, 0.875rem);
    font-weight: var(--cds-body-01-font-weight, 400);
    line-height: var(--cds-body-01-line-height, 1.42857);
    letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
    color: var(--cds-text-primary, #161616);
}

.cds--toggle__appearance--sm .cds--toggle__switch {
    block-size: 1rem;
    inline-size: 2rem;
}

.cds--toggle__appearance--sm .cds--toggle__switch::before {
    block-size: 0.625rem;
    inline-size: 0.625rem;
}

.cds--toggle__appearance--sm .cds--toggle__switch--checked::before {
    transform: translateX(1rem);
}

.cds--toggle__check {
    position: absolute;
    block-size: 0.3125rem;
    fill: var(--cds-support-success, #24a148);
    inline-size: 0.375rem;
    inset-block-start: 0.375rem;
    inset-inline-end: 0.3125rem;
    visibility: hidden;
}

.cds--toggle__switch--checked .cds--toggle__check {
    visibility: visible;
}

.cds--toggle--disabled .cds--toggle__appearance {
    cursor: not-allowed;
}

.cds--toggle--disabled .cds--toggle__label-text,
.cds--toggle--disabled .cds--toggle__text {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toggle--disabled .cds--toggle__switch {
    background-color: var(--cds-button-disabled, #c6c6c6);
}

.cds--toggle--disabled .cds--toggle__switch::before {
    background-color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--toggle--disabled .cds--toggle__check {
    fill: var(--cds-button-disabled, #c6c6c6);
}

.cds--toggle--readonly .cds--toggle__appearance {
    cursor: default;
}

.cds--toggle--readonly .cds--toggle__switch {
    border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    background-color: transparent;
}

.cds--toggle--readonly .cds--toggle__switch::before {
    background-color: var(--cds-icon-primary, #161616);
    inset-block-start: 0.125rem;
    inset-inline-start: 0.125rem;
}

.cds--toggle--readonly .cds--toggle__check {
    fill: var(--cds-background, #ffffff);
    inset-block-start: 0.3125rem;
    inset-inline-end: 0.25rem;
}

.cds--toggle--readonly .cds--toggle__text {
    cursor: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--toggle__switch,
    .cds--toggle__switch::before {
        outline: 1px solid transparent;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {

    .cds--toggle__button:focus+.cds--toggle__label .cds--toggle__switch,
    .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {
        color: Highlight;
        outline: 1px solid Highlight;
    }
}

.cds--toggle--skeleton {
    display: flex;
    align-items: center;
}

.cds--toggle--skeleton .cds--toggle__skeleton-circle {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background: var(--cds-skeleton-background, #e8e8e8);
}

.cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 200%;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--toggle--skeleton .cds--toggle__skeleton-circle {
        background: CanvasText;
    }

    .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--toggle--skeleton .cds--toggle__skeleton-circle {
    border-radius: 50%;
    block-size: 1.125rem;
    inline-size: 1.125rem;
}

.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
}

.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover,
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus,
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {
    border: none;
    cursor: default;
    outline: none;
}

.cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
    position: absolute;
    animation: 3000ms ease-in-out cds--skeleton infinite;
    background: var(--cds-skeleton-element, #c6c6c6);
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-inline-start: 0;
    will-change: transform-origin, transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
        animation: none;
    }
}

@media screen and (-ms-high-contrast: active),
(forced-colors: active) {
    .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
        background: CanvasText;
    }

    .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
        background: Canvas;
        forced-color-adjust: none;
    }
}

.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
    block-size: 0.5rem;
    inline-size: 1.5rem;
    margin-inline-start: 0.5rem;
}

[dir=rtl] .cds--toggle__switch--checked::before {
    transform: translateX(-1.5rem);
}

[dir=rtl] .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {
    transform: translateX(-1rem);
}

.cds--tree {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tree *,
.cds--tree *::before,
.cds--tree *::after {
    box-sizing: inherit;
}

.cds--tree {
    overflow: hidden;
}

.cds--tree-node {
    background-color: var(--cds-layer-01, #f4f4f4);
    color: var(--cds-text-secondary, #525252);
    padding-inline-start: 1rem;
}

.cds--tree-node:focus {
    outline: none;
}

@media (any-hover: hover) {
    .cds--tree-node:hover {
        cursor: pointer;
    }
}

.cds--tree-node--hidden {
    display: none;
}

.cds--tree-node__children {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--tree-node__children *,
.cds--tree-node__children *::before,
.cds--tree-node__children *::after {
    box-sizing: inherit;
}

.cds--tree-node__children {
    list-style-type: none;
}

.cds--tree-node--with-icon .cds--tree-node {
    margin-inline-start: 0.5rem;
}

.cds--tree-node:focus>.cds--tree-node__label {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

@media screen and (prefers-contrast) {
    .cds--tree-node:focus>.cds--tree-node__label {
        outline-style: dotted;
    }
}

.cds--tree-node.cds--tree-parent-node>.cds--tree-node__label {
    inline-size: auto;
}

.cds--tree-node--disabled:focus>.cds--tree-node__label {
    outline: none;
}

.cds--tree-node--disabled {
    background-color: var(--cds-field-01, #f4f4f4);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    cursor: not-allowed;
}

.cds--tree-node--disabled .cds--tree-parent-node__toggle-icon,
.cds--tree-node--disabled .cds--tree-node__icon {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

@media (any-hover: hover) {

    .cds--tree-node--disabled .cds--tree-node__label:hover,
    .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__label__details {
        background-color: var(--cds-field-01, #f4f4f4);
        color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    }

    .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,
    .cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__icon {
        fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
    }

    .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon:hover {
        cursor: not-allowed;
    }
}

li a.cds--tree-node {
    text-decoration: none;
}

li a.cds--tree-node:not(.cds--tree-node--disabled) {
    color: var(--cds-text-secondary, #525252);
}

li.cds--tree-node-link-parent {
    display: flex;
    flex-direction: column;
    background-color: var(--cds-layer-01, #f4f4f4);
}

li.cds--tree-node-link-parent>.cds--tree-node__children {
    padding-inline-start: 1rem;
}

.cds--tree-node__label {
    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);
    position: relative;
    display: flex;
    box-sizing: border-box;
    flex: 1 1;
    align-items: center;
    inline-size: 100%;
    min-block-size: 2rem;
    padding-inline-end: 1rem;
}

@media (any-hover: hover) {
    .cds--tree-node__label:hover {
        background-color: var(--cds-layer-hover-01, #e8e8e8);
        color: var(--cds-text-primary, #161616);
    }
}

.cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
    padding-block: 0.4375rem 0.4375rem;
}

@media (any-hover: hover) {
    .cds--tree-node__label:hover .cds--tree-node__label__details {
        color: var(--cds-text-primary, #161616);
    }

    .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,
    .cds--tree-node__label:hover .cds--tree-node__icon {
        fill: var(--cds-icon-primary, #161616);
    }
}

.cds--tree-leaf-node {
    display: flex;
    padding-inline-start: 2.5rem;
}

.cds--tree-leaf-node.cds--tree-node--with-icon {
    padding-inline-start: 2rem;
}

.cds--tree-leaf-node.cds--tree-node--with-icon .cds--tree-leaf-node {
    padding-inline-start: 1.5rem;
}

.cds--tree-node__label__details {
    display: flex;
    align-items: center;
    min-inline-size: 0;
}

.cds--tree-node--with-icon .cds--tree-parent-node__toggle {
    margin-inline-end: 0;
}

.cds--tree-parent-node__toggle {
    display: flex;
    align-items: center;
    border: 0;
    block-size: 1.5rem;
    inline-size: 1.5rem;
    margin-inline: -0.25rem 0.25rem;
    padding-inline-start: 0.25rem;
}

@media (any-hover: hover) {
    .cds--tree-parent-node__toggle:hover {
        cursor: pointer;
    }
}

.cds--tree-parent-node__toggle:focus {
    outline: none;
}

.cds--tree-parent-node__toggle-icon {
    fill: var(--cds-icon-secondary, #525252);
    transform: rotate(-90deg);
    transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tree-parent-node__toggle-icon--expanded {
    transform: rotate(0);
}

.cds--tree-node__icon {
    fill: var(--cds-icon-secondary, #525252);
    margin-inline: 0.5rem 0.5rem;
    min-block-size: 1rem;
    min-inline-size: 1rem;
}

.cds--tree-parent-node__toggle+.cds--tree-node__label__details .cds--tree-node__icon {
    margin-inline-start: 0.25rem;
}

.cds--tree-node--selected>.cds--tree-node__label {
    background-color: var(--cds-layer-selected-01, #e0e0e0);
    color: var(--cds-text-primary, #161616);
}

@media (any-hover: hover) {
    .cds--tree-node--selected>.cds--tree-node__label:hover {
        background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
    }
}

.cds--tree-node--selected>.cds--tree-node__label .cds--tree-parent-node__toggle-icon,
.cds--tree-node--selected>.cds--tree-node__label .cds--tree-node__icon {
    fill: var(--cds-icon-primary, #161616);
}

.cds--tree-node--active>.cds--tree-node__label {
    position: relative;
}

.cds--tree-node--active>.cds--tree-node__label::before {
    position: absolute;
    background-color: var(--cds-interactive, #0f62fe);
    block-size: 100%;
    content: "";
    inline-size: 0.25rem;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.cds--tree--xs .cds--tree-node__label {
    min-block-size: 1.5rem;
}

.cds--tree--xs .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
    padding: 0;
}

.cds--tree--xs .cds--tree-parent-node__toggle {
    margin-block-start: 0;
}

.cds--tree-node__label__text {
    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);
    display: block;
    overflow: hidden;
    line-height: 1.2;
    padding-inline-start: 0.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cds--tree-node__label .cds--icon-tooltip {
    inline-size: 100%;
}

.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only {
    padding: 0;
    border: none;
    background: transparent;
    block-size: auto;
    color: inherit;
    inline-size: 100%;
    min-block-size: unset;
    text-align: start;
}

.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only .cds--tree-node__label__text {
    color: inherit;
    inline-size: 100%;
}

.cds--tree-node__label .cds--tooltip-content {
    padding: 1rem;
}

.cds--tree-node__label .cds--popover-container {
    inline-size: 100%;
}

.cds--tree .cds--tree-node__label .cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
    box-shadow: none;
    outline: 2px solid var(--cds-focus, #0f62fe);
}

.cds--truncated-text__text-content {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: initial;
    text-overflow: clip;
}

.cds--truncated-text__expand-toggle {
    color: var(--cds-link-primary, #0f62fe);
    cursor: pointer;
}

.cds--truncated-text__expand-toggle:focus-visible {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 2px;
}

.cds--truncated-text__tooltip-trigger {
    display: inline;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    cursor: default;
    font: inherit;
    text-align: inherit;
}

.cds--truncated-text__tooltip-trigger:focus-visible {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 2px;
}

.cds--content {
    padding: 2rem;
    color: var(--cds-text-primary, #161616);
    will-change: margin-left;
}

.cds--header~.cds--content,
div:has(.cds--header)~.cds--content {
    margin-block-start: 3rem;
}

.cds--side-nav~.cds--content {
    margin-inline-start: 3rem;
}

.cds--side-nav.cds--side-nav--expanded~.cds--content {
    margin-inline-start: 16rem;
}

.cds--header {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--header *,
.cds--header *::before,
.cds--header *::after {
    box-sizing: inherit;
}

.cds--header {
    position: fixed;
    z-index: 8000;
    display: flex;
    align-items: center;
    background-color: var(--cds-background, #ffffff);
    block-size: 3rem;
    border-block-end: 1px solid var(--cds-border-subtle);
    inset-block-start: 0;
    inset-inline: 0;
}

.cds--header__action {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--header__action *,
.cds--header__action *::before,
.cds--header__action *::after {
    box-sizing: inherit;
}

.cds--header__action::-moz-focus-inner {
    border: 0;
}

.cds--header__action {
    display: inline-flex;
    border: 0.0625rem solid transparent;
    block-size: 3rem;
    inline-size: 3rem;
    transition: background-color 110ms, border-color 110ms;
}

@media (max-width: 41.98rem) {
    .cds--header__action {
        min-inline-size: 3rem;
    }
}

.cds--header__global .cds--popover {
    z-index: 8001;
}

.cds--header__action> :first-child {
    margin-block-start: 0;
}

.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon,
.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon {
    display: none;
}

.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon {
    display: inline;
}

@media (any-hover: hover) {
    .cds--header__action:hover {
        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    }
}

.cds--header__action--active {
    background: var(--cds-layer);
    border-block-end: 1px solid transparent;
    border-inline-end: 1px solid var(--cds-border-subtle);
    border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--header__action--active>svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--header__action:focus {
    border-color: var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--header__action:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--header__action.cds--btn--icon-only {
    align-items: center;
    justify-content: center;
}

.cds--btn.cds--btn--icon-only.cds--header__action svg {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    .cds--btn.cds--btn--icon-only.cds--header__action:hover svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

.cds--header__menu-trigger>svg {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    .cds--header__menu-trigger:hover>svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

.cds--header__menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 66rem) {
    .cds--header__menu-toggle__hidden {
        display: none;
    }
}

a.cds--header__name {
    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);
    display: flex;
    align-items: center;
    padding: 0 2rem 0 1rem;
    border: 0.125rem solid transparent;
    block-size: 100%;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 1.25rem;
    outline: none;
    text-decoration: none;
    transition: border-color 110ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (max-width: 41.98rem) {
    a.cds--header__name {
        padding: 0 1rem;
    }
}

a.cds--header__name:focus {
    border-color: var(--cds-focus, #0f62fe);
}

.cds--header__name--prefix {
    font-weight: 400;
}

a.cds--header__name {
    color: var(--cds-text-primary, #161616);
}

@media (any-hover: hover) {
    a.cds--header__name:hover {
        color: var(--cds-text-primary, #161616);
    }
}

.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name {
    padding-inline-start: 0.5rem;
}

.cds--header__nav {
    position: relative;
    display: none;
    block-size: 100%;
    padding-inline-start: 1rem;
}

@media (min-width: 66rem) {
    .cds--header__nav {
        display: block;
    }
}

.cds--header__nav::before {
    position: absolute;
    display: block;
    background-color: var(--cds-border-subtle);
    block-size: 1.5rem;
    content: "";
    inline-size: 0.0625rem;
    inset-block-start: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
}

.cds--header__menu-bar {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--header__menu-bar *,
.cds--header__menu-bar *::before,
.cds--header__menu-bar *::after {
    box-sizing: inherit;
}

.cds--header__menu-bar {
    display: flex;
    padding: 0;
    margin: 0;
    block-size: 100%;
    list-style: none;
}

a.cds--header__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 2px solid transparent;
    background-color: var(--cds-background, #ffffff);
    block-size: 100%;
    color: var(--cds-text-secondary, #525252);
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.125rem;
    text-decoration: none;
    transition: background-color 110ms, border-color 110ms, color 110ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (any-hover: hover) {
    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--header__action:active,
a.cds--header__menu-item:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
    color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item:focus {
    border-color: var(--cds-focus, #0f62fe);
    outline: none;
}

a.cds--header__menu-item:active>svg {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    a.cds--header__menu-item:hover>svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

a.cds--header__menu-item[aria-current=page],
.cds--header__menu-item--current {
    color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item[aria-current=page]::after,
.cds--header__menu-item--current::after {
    position: absolute;
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: 3px;
    content: "";
    inline-size: calc(100% + 4px);
    inset-block-end: -2px;
    inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__menu-item--current:focus::after {
    border: 0;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: calc(100% + 4px);
    inline-size: 3px;
    inset-block-start: -2px;
    inset-inline-start: -2px;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: calc(100% + 4px);
    inline-size: 5px;
    inset-block-start: -2px;
    inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus,
a.cds--header__menu-item.cds--header__menu-item--current:focus {
    border: 2px solid var(--cds-focus, #0f62fe);
}

.cds--header__submenu {
    position: relative;
}

.cds--header__menu-title[aria-haspopup=true] {
    position: relative;
}

.cds--header__menu-title[aria-expanded=true] {
    z-index: 8002;
    background-color: var(--cds-layer);
    color: var(--cds-text-secondary, #525252);
}

.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow {
    transform: rotate(180deg);
}

.cds--header__menu {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu {
    position: absolute;
    z-index: 8001;
    display: flex;
    flex-direction: column;
    background-color: var(--cds-layer);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    inline-size: 12.5rem;
    inset-block-end: 0;
    inset-inline-start: 0;
    transform: translateY(100%);
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item {
    background-color: var(--cds-layer);
}

@media (any-hover: hover) {
    .cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover {
        background-color: var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
    }
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active {
    background-color: var(--cds-layer-active);
    color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
    background-color: var(--cds-layer-selected);
}

@media (any-hover: hover) {
    .cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
        background-color: var(--cds-layer-selected-hover);
    }
}

.cds--header__menu .cds--header__menu-item {
    block-size: 3rem;
}

.cds--header__menu-arrow {
    fill: var(--cds-icon-secondary, #525252);
    margin-inline-start: 0.5rem;
    transition: transform 110ms, fill 110ms;
}

.cds--header__global {
    display: flex;
    flex: 1 1;
    justify-content: flex-end;
    block-size: 100%;
}

.cds--skip-to-content {
    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;
}

.cds--skip-to-content:focus {
    z-index: 9999;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 4px solid var(--cds-focus, #0f62fe);
    background-color: var(--cds-background, #ffffff);
    block-size: 3rem;
    clip: auto;
    color: var(--cds-text-secondary, #525252);
    inline-size: auto;
    inset-block-start: 0;
    inset-inline-start: 0;
    outline: none;
}

.cds--header-panel {
    position: fixed;
    z-index: 8000;
    overflow: hidden;
    border: none;
    background-color: var(--cds-layer);
    color: var(--cds-text-secondary, #525252);
    inline-size: 0;
    inset-block: 3rem 0;
    inset-inline-end: 0;
    transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
    will-change: width;
}

.cds--header-panel--expanded {
    border-inline-end: 1px solid var(--cds-border-subtle);
    border-inline-start: 1px solid var(--cds-border-subtle);
    inline-size: 16rem;
    overflow-y: auto;
}

.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;
    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(0, 0, 0, 0.6));
        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;
}

.cds--side-nav__items *,
.cds--side-nav__items *::before,
.cds--side-nav__items *::after {
    box-sizing: inherit;
}

.cds--side-nav__items {
    overflow: hidden;
    flex: 1 1;
    padding: 1rem 0 0;
}

.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;
}

@media (any-hover: hover) {

    .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 {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.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 {
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (any-hover: hover) {
    .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 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;
}

@media (any-hover: hover) {
    .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__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;
    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;
}

.cds--side-nav__menu *,
.cds--side-nav__menu *::before,
.cds--side-nav__menu *::after {
    box-sizing: inherit;
}

.cds--side-nav__menu {
    display: block;
    max-block-size: 0;
    visibility: hidden;
}

.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;
    -webkit-user-select: none;
    -moz-user-select: none;
    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;
    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;
}

.cds--side-nav__header-navigation *,
.cds--side-nav__header-navigation *::before,
.cds--side-nav__header-navigation *::after {
    box-sizing: inherit;
}

.cds--side-nav__header-navigation {
    display: none;
}

@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;
}

@media (any-hover: hover) {
    .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:focus .cds--header__menu-arrow,
.cds--side-nav .cds--header__menu-arrow {
    fill: var(--cds-icon-secondary, #525252);
}

@media (any-hover: hover) {
    .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow {
        fill: var(--cds-icon-secondary, #525252);
    }
}

.cds--switcher {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--switcher *,
.cds--switcher *::before,
.cds--switcher *::after {
    box-sizing: inherit;
}

.cds--switcher {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--cds-text-secondary, #525252);
}

.cds--switcher__item {
    block-size: 2rem;
    inline-size: 100%;
}

.cds--switcher__item:nth-child(1) {
    margin-block-start: 1rem;
}

.cds--switcher__item--divider {
    display: block;
    border: none;
    margin: 0.5rem 1rem;
    background: var(--cds-border-subtle);
    block-size: 1px;
    inline-size: 14rem;
}

.cds--switcher__item-link {
    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);
    display: block;
    padding: 0.375rem 1rem;
    block-size: 2rem;
    color: var(--cds-text-secondary, #525252);
    text-decoration: none;
}

@media (any-hover: hover) {
    .cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {
        background: var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
        cursor: pointer;
    }
}

.cds--switcher__item-link:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.cds--switcher__item-link:active {
    background: var(--cds-layer-active);
    color: var(--cds-text-primary, #161616);
}

.cds--switcher__item-link--selected {
    background: var(--cds-layer-selected);
    color: var(--cds-text-primary, #161616);
}

.cds--content {
    padding: 2rem;
    color: var(--cds-text-primary, #161616);
    will-change: margin-left;
}

.cds--header~.cds--content,
div:has(.cds--header)~.cds--content {
    margin-block-start: 3rem;
}

.cds--side-nav~.cds--content {
    margin-inline-start: 3rem;
}

.cds--side-nav.cds--side-nav--expanded~.cds--content {
    margin-inline-start: 16rem;
}

.cds--header {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--header *,
.cds--header *::before,
.cds--header *::after {
    box-sizing: inherit;
}

.cds--header {
    position: fixed;
    z-index: 8000;
    display: flex;
    align-items: center;
    background-color: var(--cds-background, #ffffff);
    block-size: 3rem;
    border-block-end: 1px solid var(--cds-border-subtle);
    inset-block-start: 0;
    inset-inline: 0;
}

.cds--header__action {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--header__action *,
.cds--header__action *::before,
.cds--header__action *::after {
    box-sizing: inherit;
}

.cds--header__action::-moz-focus-inner {
    border: 0;
}

.cds--header__action {
    display: inline-flex;
    border: 0.0625rem solid transparent;
    block-size: 3rem;
    inline-size: 3rem;
    transition: background-color 110ms, border-color 110ms;
}

@media (max-width: 41.98rem) {
    .cds--header__action {
        min-inline-size: 3rem;
    }
}

.cds--header__global .cds--popover {
    z-index: 8001;
}

.cds--header__action> :first-child {
    margin-block-start: 0;
}

.cds--header__action>svg.cds--navigation-menu-panel-collapse-icon,
.cds--header__action--active>svg.cds--navigation-menu-panel-expand-icon {
    display: none;
}

.cds--header__action--active>svg.cds--navigation-menu-panel-collapse-icon {
    display: inline;
}

@media (any-hover: hover) {
    .cds--header__action:hover {
        background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    }
}

.cds--header__action--active {
    background: var(--cds-layer);
    border-block-end: 1px solid transparent;
    border-inline-end: 1px solid var(--cds-border-subtle);
    border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--header__action--active>svg {
    fill: var(--cds-icon-primary, #161616);
}

.cds--header__action:focus {
    border-color: var(--cds-focus, #0f62fe);
    outline: none;
}

.cds--header__action:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--header__action.cds--btn--icon-only {
    align-items: center;
    justify-content: center;
}

.cds--btn.cds--btn--icon-only.cds--header__action svg {
    fill: var(--cds-icon-secondary, #525252);
}

.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    .cds--btn.cds--btn--icon-only.cds--header__action:hover svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

.cds--header__menu-trigger>svg {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    .cds--header__menu-trigger:hover>svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

.cds--header__menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 66rem) {
    .cds--header__menu-toggle__hidden {
        display: none;
    }
}

a.cds--header__name {
    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);
    display: flex;
    align-items: center;
    padding: 0 2rem 0 1rem;
    border: 0.125rem solid transparent;
    block-size: 100%;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 1.25rem;
    outline: none;
    text-decoration: none;
    transition: border-color 110ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (max-width: 41.98rem) {
    a.cds--header__name {
        padding: 0 1rem;
    }
}

a.cds--header__name:focus {
    border-color: var(--cds-focus, #0f62fe);
}

.cds--header__name--prefix {
    font-weight: 400;
}

a.cds--header__name {
    color: var(--cds-text-primary, #161616);
}

@media (any-hover: hover) {
    a.cds--header__name:hover {
        color: var(--cds-text-primary, #161616);
    }
}

.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden)~.cds--header__name {
    padding-inline-start: 0.5rem;
}

.cds--header__nav {
    position: relative;
    display: none;
    block-size: 100%;
    padding-inline-start: 1rem;
}

@media (min-width: 66rem) {
    .cds--header__nav {
        display: block;
    }
}

.cds--header__nav::before {
    position: absolute;
    display: block;
    background-color: var(--cds-border-subtle);
    block-size: 1.5rem;
    content: "";
    inline-size: 0.0625rem;
    inset-block-start: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
}

.cds--header__menu-bar {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--header__menu-bar *,
.cds--header__menu-bar *::before,
.cds--header__menu-bar *::after {
    box-sizing: inherit;
}

.cds--header__menu-bar {
    display: flex;
    padding: 0;
    margin: 0;
    block-size: 100%;
    list-style: none;
}

a.cds--header__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 2px solid transparent;
    background-color: var(--cds-background, #ffffff);
    block-size: 100%;
    color: var(--cds-text-secondary, #525252);
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.125rem;
    text-decoration: none;
    transition: background-color 110ms, border-color 110ms, color 110ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (any-hover: hover) {
    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--header__action:active,
a.cds--header__menu-item:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
    color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item:focus {
    border-color: var(--cds-focus, #0f62fe);
    outline: none;
}

a.cds--header__menu-item:active>svg {
    fill: var(--cds-icon-primary, #161616);
}

@media (any-hover: hover) {
    a.cds--header__menu-item:hover>svg {
        fill: var(--cds-icon-primary, #161616);
    }
}

a.cds--header__menu-item[aria-current=page],
.cds--header__menu-item--current {
    color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item[aria-current=page]::after,
.cds--header__menu-item--current::after {
    position: absolute;
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: 3px;
    content: "";
    inline-size: calc(100% + 4px);
    inset-block-end: -2px;
    inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__menu-item--current:focus::after {
    border: 0;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: calc(100% + 4px);
    inline-size: 3px;
    inset-block-start: -2px;
    inset-inline-start: -2px;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
    background-color: var(--cds-border-interactive, #0f62fe);
    block-size: calc(100% + 4px);
    inline-size: 5px;
    inset-block-start: -2px;
    inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus,
a.cds--header__menu-item.cds--header__menu-item--current:focus {
    border: 2px solid var(--cds-focus, #0f62fe);
}

.cds--header__submenu {
    position: relative;
}

.cds--header__menu-title[aria-haspopup=true] {
    position: relative;
}

.cds--header__menu-title[aria-expanded=true] {
    z-index: 8002;
    background-color: var(--cds-layer);
    color: var(--cds-text-secondary, #525252);
}

.cds--header__menu-title[aria-expanded=true]>.cds--header__menu-arrow {
    transform: rotate(180deg);
}

.cds--header__menu {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu {
    position: absolute;
    z-index: 8001;
    display: flex;
    flex-direction: column;
    background-color: var(--cds-layer);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    inline-size: 12.5rem;
    inset-block-end: 0;
    inset-inline-start: 0;
    transform: translateY(100%);
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item {
    background-color: var(--cds-layer);
}

@media (any-hover: hover) {
    .cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:hover {
        background-color: var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
    }
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item:active {
    background-color: var(--cds-layer-active);
    color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
    background-color: var(--cds-layer-selected);
}

@media (any-hover: hover) {
    .cds--header__menu-title[aria-expanded=true]+.cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
        background-color: var(--cds-layer-selected-hover);
    }
}

.cds--header__menu .cds--header__menu-item {
    block-size: 3rem;
}

.cds--header__menu-arrow {
    fill: var(--cds-icon-secondary, #525252);
    margin-inline-start: 0.5rem;
    transition: transform 110ms, fill 110ms;
}

.cds--header__global {
    display: flex;
    flex: 1 1;
    justify-content: flex-end;
    block-size: 100%;
}

.cds--skip-to-content {
    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;
}

.cds--skip-to-content:focus {
    z-index: 9999;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 4px solid var(--cds-focus, #0f62fe);
    background-color: var(--cds-background, #ffffff);
    block-size: 3rem;
    clip: auto;
    color: var(--cds-text-secondary, #525252);
    inline-size: auto;
    inset-block-start: 0;
    inset-inline-start: 0;
    outline: none;
}

.cds--header-panel {
    position: fixed;
    z-index: 8000;
    overflow: hidden;
    border: none;
    background-color: var(--cds-layer);
    color: var(--cds-text-secondary, #525252);
    inline-size: 0;
    inset-block: 3rem 0;
    inset-inline-end: 0;
    transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
    will-change: width;
}

.cds--header-panel--expanded {
    border-inline-end: 1px solid var(--cds-border-subtle);
    border-inline-start: 1px solid var(--cds-border-subtle);
    inline-size: 16rem;
    overflow-y: auto;
}

.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;
    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(0, 0, 0, 0.6));
        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;
}

.cds--side-nav__items *,
.cds--side-nav__items *::before,
.cds--side-nav__items *::after {
    box-sizing: inherit;
}

.cds--side-nav__items {
    overflow: hidden;
    flex: 1 1;
    padding: 1rem 0 0;
}

.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;
}

@media (any-hover: hover) {

    .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 {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.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 {
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (any-hover: hover) {
    .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 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;
}

@media (any-hover: hover) {
    .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__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;
    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;
}

.cds--side-nav__menu *,
.cds--side-nav__menu *::before,
.cds--side-nav__menu *::after {
    box-sizing: inherit;
}

.cds--side-nav__menu {
    display: block;
    max-block-size: 0;
    visibility: hidden;
}

.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;
    -webkit-user-select: none;
    -moz-user-select: none;
    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;
    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;
}

.cds--side-nav__header-navigation *,
.cds--side-nav__header-navigation *::before,
.cds--side-nav__header-navigation *::after {
    box-sizing: inherit;
}

.cds--side-nav__header-navigation {
    display: none;
}

@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;
}

@media (any-hover: hover) {
    .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:focus .cds--header__menu-arrow,
.cds--side-nav .cds--header__menu-arrow {
    fill: var(--cds-icon-secondary, #525252);
}

@media (any-hover: hover) {
    .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow {
        fill: var(--cds-icon-secondary, #525252);
    }
}

.cds--switcher {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.cds--switcher *,
.cds--switcher *::before,
.cds--switcher *::after {
    box-sizing: inherit;
}

.cds--switcher {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--cds-text-secondary, #525252);
}

.cds--switcher__item {
    block-size: 2rem;
    inline-size: 100%;
}

.cds--switcher__item:nth-child(1) {
    margin-block-start: 1rem;
}

.cds--switcher__item--divider {
    display: block;
    border: none;
    margin: 0.5rem 1rem;
    background: var(--cds-border-subtle);
    block-size: 1px;
    inline-size: 14rem;
}

.cds--switcher__item-link {
    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);
    display: block;
    padding: 0.375rem 1rem;
    block-size: 2rem;
    color: var(--cds-text-secondary, #525252);
    text-decoration: none;
}

@media (any-hover: hover) {
    .cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {
        background: var(--cds-layer-hover);
        color: var(--cds-text-primary, #161616);
        cursor: pointer;
    }
}

.cds--switcher__item-link:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
}

.cds--switcher__item-link:active {
    background: var(--cds-layer-active);
    color: var(--cds-text-primary, #161616);
}

.cds--switcher__item-link--selected {
    background: var(--cds-layer-selected);
    color: var(--cds-text-primary, #161616);
}

.cds--edit-in-place {
    --cds--edit-in-place--size: 2rem;
    display: flex;
    align-items: center;
    background: transparent;
    cursor: pointer;
}

.cds--edit-in-place--sm {
    --cds--edit-in-place--size: 2.5rem;
}

.cds--edit-in-place--md {
    --cds--edit-in-place--size: 3rem;
}

.cds--edit-in-place--lg {
    --cds--edit-in-place--size: 4rem;
}

.cds--edit-in-place__toggletip-wrapper {
    display: block;
    inline-size: 100%;
}

.cds--edit-in-place__toggletip-wrapper .cds--toggletip-button {
    display: block;
    inline-size: 100%;
}

.cds--edit-in-place:hover {
    background: var(--cds-field-01, #f4f4f4);
}

.cds--edit-in-place:hover .cds--edit-in-place__btn-edit,
.cds--edit-in-place__btn-edit.cds--edit-in-place__btn-edit--always-visible {
    visibility: visible;
}

.cds--edit-in-place__btn-edit {
    visibility: hidden;
}

.cds--edit-in-place--invalid {
    border: 2px solid var(--cds-support-error, #da1e28);
}

.cds--edit-in-place--focused {
    background: var(--cds-field-01, #f4f4f4);
}

.cds--edit-in-place--focused:has(.cds--edit-in-place__text-input:focus) {
    outline: 2px solid var(--cds-focus, #0f62fe);
}

.cds--edit-in-place--invalid.cds--edit-in-place--focused {
    border: none;
}

.cds--edit-in-place__text-input {
    flex: 1 1;
}

.cds--edit-in-place--inherit-type .cds--edit-in-place__text-input {
    /* match font of container */
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.cds--edit-in-place__text-input-label {
    display: none;
}

.cds--edit-in-place__warning-icon {
    margin: auto 0.5rem;
    color: var(--cds-support-error, #da1e28);
    inline-size: 1rem;
}

.cds--edit-in-place__warning-text {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
    color: var(--cds-support-error, #da1e28);
    margin-block-start: 0.5rem;
}

.cds--edit-in-place__text-input.cds--text-input {
    border: none;
    background: transparent;
    cursor: pointer;
    outline: none;
}

.cds--edit-in-place:not(.cds--edit-in-place--focused) .cds--edit-in-place__text-input.cds--text-input:focus,
.cds--edit-in-place:not(.cds--edit-in-place--focused) .cds--edit-in-place__text-input.cds--text-input:active {
    outline: none;
}

.cds--edit-in-place__toolbar {
    --toolbar-width: var(--cds--edit-in-place--size);
    --toolbar-width-focussed: calc(2 * var(--cds--edit-in-place--size));
    display: inline-flex;
    align-self: stretch;
    inline-size: var(--toolbar-width);
}

.cds--edit-in-place__toolbar .cds--btn.cds--btn--icon-only:not(cds-icon-button) {
    padding: 0;
    min-block-size: unset;
}

.cds--edit-in-place__toolbar .cds--btn.cds--btn--icon-only:not(cds-icon-button) {
    block-size: var(--cds--edit-in-place--size);
    inline-size: var(--cds--edit-in-place--size);
}

.cds--edit-in-place__toolbar cds-icon-button::part(button) {
    padding: 0.25rem;
}

.cds--edit-in-place--invalid .cds--edit-in-place__toolbar {
    --toolbar-width: calc(var(--cds--edit-in-place--size) + 2rem);
    --toolbar-width-focussed: calc(2 * var(--cds--edit-in-place--size) + 2rem);
}

@keyframes edit-in-place-slide-in {
    0% {
        overflow: hidden;
        inline-size: var(--toolbar-width);
    }

    99% {
        overflow: hidden;
        inline-size: var(--toolbar-width-focussed);
    }

    100% {
        overflow: visible;
        inline-size: var(--toolbar-width-focussed);
    }
}

.cds--edit-in-place--focused:not(.cds--edit-in-place--readonly) .cds--edit-in-place__toolbar {
    overflow: initial;
    animation: edit-in-place-slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
    inline-size: var(--toolbar-width-focussed);
}

.cds--user-avatar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid transparent;
    border-radius: 100%;
    block-size: 4rem;
    color: var(--cds-text-inverse, #ffffff);
    inline-size: 4rem;
    outline: none;
    outline-offset: 3px;
}

.cds--user-avatar svg {
    color: var(--cds-icon-inverse, #ffffff);
}

.cds--user-avatar__tooltip-trigger {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    block-size: 100%;
    cursor: pointer;
    inline-size: 100%;
    outline: none;
}

.cds--user-avatar__tooltip:focus-within .cds--user-avatar {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 1px;
}

.cds--user-avatar__photo {
    border-radius: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.cds--user-avatar--xl {
    block-size: 4rem;
    inline-size: 4rem;
}

.cds--user-avatar--lg {
    block-size: 3rem;
    inline-size: 3rem;
}

.cds--user-avatar--md {
    block-size: 2rem;
    inline-size: 2rem;
}

.cds--user-avatar--sm {
    block-size: 1.5rem;
    inline-size: 1.5rem;
}

.cds--user-avatar--xl {
    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--user-avatar--lg {
    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);
}

.cds--user-avatar--md {
    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);
}

.cds--user-avatar--sm {
    font-size: var(--cds-label-01-font-size, 0.75rem);
    font-weight: var(--cds-label-01-font-weight, 400);
    line-height: var(--cds-label-01-line-height, 1.33333);
    letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--user-avatar__photo--xl {
    border-radius: 100%;
    block-size: 4rem;
    inline-size: 4rem;
    -o-object-fit: fill;
    object-fit: fill;
}

.cds--user-avatar__photo--lg {
    border-radius: 100%;
    block-size: 3rem;
    inline-size: 3rem;
    -o-object-fit: fill;
    object-fit: fill;
}

.cds--user-avatar__photo--md {
    border-radius: 100%;
    block-size: 2rem;
    inline-size: 2rem;
    -o-object-fit: fill;
    object-fit: fill;
}

.cds--user-avatar__photo--sm {
    border-radius: 100%;
    block-size: 1.5rem;
    inline-size: 1.5rem;
    -o-object-fit: fill;
    object-fit: fill;
}

:root .cds--user-avatar--order-1-cyan,
.cds--g10 .cds--user-avatar--order-1-cyan,
.cds--white .cds--user-avatar--order-1-cyan {
    background-color: #0072c3;
}

:root .cds--user-avatar--order-2-gray,
.cds--g10 .cds--user-avatar--order-2-gray,
.cds--white .cds--user-avatar--order-2-gray {
    background-color: #6f6f6f;
}

:root .cds--user-avatar--order-3-green,
.cds--g10 .cds--user-avatar--order-3-green,
.cds--white .cds--user-avatar--order-3-green {
    background-color: #198038;
}

:root .cds--user-avatar--order-4-magenta,
.cds--g10 .cds--user-avatar--order-4-magenta,
.cds--white .cds--user-avatar--order-4-magenta {
    background-color: #d02670;
}

:root .cds--user-avatar--order-5-purple,
.cds--g10 .cds--user-avatar--order-5-purple,
.cds--white .cds--user-avatar--order-5-purple {
    background-color: #8a3ffc;
}

:root .cds--user-avatar--order-6-teal,
.cds--g10 .cds--user-avatar--order-6-teal,
.cds--white .cds--user-avatar--order-6-teal {
    background-color: #007d79;
}

:root .cds--user-avatar--order-7-cyan,
.cds--g10 .cds--user-avatar--order-7-cyan,
.cds--white .cds--user-avatar--order-7-cyan {
    background-color: #003a6d;
}

:root .cds--user-avatar--order-8-gray,
.cds--g10 .cds--user-avatar--order-8-gray,
.cds--white .cds--user-avatar--order-8-gray {
    background-color: #393939;
}

:root .cds--user-avatar--order-9-green,
.cds--g10 .cds--user-avatar--order-9-green,
.cds--white .cds--user-avatar--order-9-green {
    background-color: #044317;
}

:root .cds--user-avatar--order-10-magenta,
.cds--g10 .cds--user-avatar--order-10-magenta,
.cds--white .cds--user-avatar--order-10-magenta {
    background-color: #740937;
}

:root .cds--user-avatar--order-11-purple,
.cds--g10 .cds--user-avatar--order-11-purple,
.cds--white .cds--user-avatar--order-11-purple {
    background-color: #491d8b;
}

:root .cds--user-avatar--order-12-teal,
.cds--g10 .cds--user-avatar--order-12-teal,
.cds--white .cds--user-avatar--order-12-teal {
    background-color: #004144;
}

.cds--g90 .cds--user-avatar--order-1-cyan,
.cds--g100 .cds--user-avatar--order-1-cyan {
    background-color: #1192e8;
}

.cds--g90 .cds--user-avatar--order-2-gray,
.cds--g100 .cds--user-avatar--order-2-gray {
    background-color: #8d8d8d;
}

.cds--g90 .cds--user-avatar--order-3-green,
.cds--g100 .cds--user-avatar--order-3-green {
    background-color: #24a148;
}

.cds--g90 .cds--user-avatar--order-4-magenta,
.cds--g100 .cds--user-avatar--order-4-magenta {
    background-color: #ee5396;
}

.cds--g90 .cds--user-avatar--order-5-purple,
.cds--g100 .cds--user-avatar--order-5-purple {
    background-color: #a56eff;
}

.cds--g90 .cds--user-avatar--order-6-teal,
.cds--g100 .cds--user-avatar--order-6-teal {
    background-color: #009d9a;
}

.cds--g90 .cds--user-avatar--order-7-cyan,
.cds--g100 .cds--user-avatar--order-7-cyan {
    background-color: #82cfff;
}

.cds--g90 .cds--user-avatar--order-8-gray,
.cds--g100 .cds--user-avatar--order-8-gray {
    background-color: #c6c6c6;
}

.cds--g90 .cds--user-avatar--order-9-green,
.cds--g100 .cds--user-avatar--order-9-green {
    background-color: #6fdc8c;
}

.cds--g90 .cds--user-avatar--order-10-magenta,
.cds--g100 .cds--user-avatar--order-10-magenta {
    background-color: #ffafd2;
}

.cds--g90 .cds--user-avatar--order-11-purple,
.cds--g100 .cds--user-avatar--order-11-purple {
    background-color: #d4bbff;
}

.cds--g90 .cds--user-avatar--order-12-teal,
.cds--g100 .cds--user-avatar--order-12-teal {
    background-color: #3ddbd9;
}