/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main/webapp/content/scss/main.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  @charset "UTF-8";
  :root {
    --cds-caption-01-font-size: 0.75rem;
    --cds-caption-01-font-weight: 400;
    --cds-caption-01-line-height: 1.33333;
    --cds-caption-01-letter-spacing: 0.32px;
    --cds-caption-02-font-size: 0.875rem;
    --cds-caption-02-font-weight: 400;
    --cds-caption-02-line-height: 1.28572;
    --cds-caption-02-letter-spacing: 0.32px;
    --cds-label-01-font-size: 0.75rem;
    --cds-label-01-font-weight: 400;
    --cds-label-01-line-height: 1.33333;
    --cds-label-01-letter-spacing: 0.32px;
    --cds-label-02-font-size: 0.875rem;
    --cds-label-02-font-weight: 400;
    --cds-label-02-line-height: 1.28572;
    --cds-label-02-letter-spacing: 0.16px;
    --cds-helper-text-01-font-size: 0.75rem;
    --cds-helper-text-01-line-height: 1.33333;
    --cds-helper-text-01-letter-spacing: 0.32px;
    --cds-helper-text-02-font-size: 0.875rem;
    --cds-helper-text-02-font-weight: 400;
    --cds-helper-text-02-line-height: 1.28572;
    --cds-helper-text-02-letter-spacing: 0.16px;
    --cds-body-short-01-font-size: 0.875rem;
    --cds-body-short-01-font-weight: 400;
    --cds-body-short-01-line-height: 1.28572;
    --cds-body-short-01-letter-spacing: 0.16px;
    --cds-body-short-02-font-size: 1rem;
    --cds-body-short-02-font-weight: 400;
    --cds-body-short-02-line-height: 1.375;
    --cds-body-short-02-letter-spacing: 0;
    --cds-body-long-01-font-size: 0.875rem;
    --cds-body-long-01-font-weight: 400;
    --cds-body-long-01-line-height: 1.42857;
    --cds-body-long-01-letter-spacing: 0.16px;
    --cds-body-long-02-font-size: 1rem;
    --cds-body-long-02-font-weight: 400;
    --cds-body-long-02-line-height: 1.5;
    --cds-body-long-02-letter-spacing: 0;
    --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
    --cds-code-01-font-size: 0.75rem;
    --cds-code-01-font-weight: 400;
    --cds-code-01-line-height: 1.33333;
    --cds-code-01-letter-spacing: 0.32px;
    --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
    --cds-code-02-font-size: 0.875rem;
    --cds-code-02-font-weight: 400;
    --cds-code-02-line-height: 1.42857;
    --cds-code-02-letter-spacing: 0.32px;
    --cds-heading-01-font-size: 0.875rem;
    --cds-heading-01-font-weight: 600;
    --cds-heading-01-line-height: 1.42857;
    --cds-heading-01-letter-spacing: 0.16px;
    --cds-heading-02-font-size: 1rem;
    --cds-heading-02-font-weight: 600;
    --cds-heading-02-line-height: 1.5;
    --cds-heading-02-letter-spacing: 0;
    --cds-productive-heading-01-font-size: 0.875rem;
    --cds-productive-heading-01-font-weight: 600;
    --cds-productive-heading-01-line-height: 1.28572;
    --cds-productive-heading-01-letter-spacing: 0.16px;
    --cds-productive-heading-02-font-size: 1rem;
    --cds-productive-heading-02-font-weight: 600;
    --cds-productive-heading-02-line-height: 1.375;
    --cds-productive-heading-02-letter-spacing: 0;
    --cds-productive-heading-03-font-size: 1.25rem;
    --cds-productive-heading-03-font-weight: 400;
    --cds-productive-heading-03-line-height: 1.4;
    --cds-productive-heading-03-letter-spacing: 0;
    --cds-productive-heading-04-font-size: 1.75rem;
    --cds-productive-heading-04-font-weight: 400;
    --cds-productive-heading-04-line-height: 1.28572;
    --cds-productive-heading-04-letter-spacing: 0;
    --cds-productive-heading-05-font-size: 2rem;
    --cds-productive-heading-05-font-weight: 400;
    --cds-productive-heading-05-line-height: 1.25;
    --cds-productive-heading-05-letter-spacing: 0;
    --cds-productive-heading-06-font-size: 2.625rem;
    --cds-productive-heading-06-font-weight: 300;
    --cds-productive-heading-06-line-height: 1.199;
    --cds-productive-heading-06-letter-spacing: 0;
    --cds-productive-heading-07-font-size: 3.375rem;
    --cds-productive-heading-07-font-weight: 300;
    --cds-productive-heading-07-line-height: 1.19;
    --cds-productive-heading-07-letter-spacing: 0;
    --cds-expressive-paragraph-01-font-size: 1.5rem;
    --cds-expressive-paragraph-01-font-weight: 300;
    --cds-expressive-paragraph-01-line-height: 1.334;
    --cds-expressive-paragraph-01-letter-spacing: 0;
    --cds-expressive-heading-01-font-size: 0.875rem;
    --cds-expressive-heading-01-font-weight: 600;
    --cds-expressive-heading-01-line-height: 1.42857;
    --cds-expressive-heading-01-letter-spacing: 0.16px;
    --cds-expressive-heading-02-font-size: 1rem;
    --cds-expressive-heading-02-font-weight: 600;
    --cds-expressive-heading-02-line-height: 1.5;
    --cds-expressive-heading-02-letter-spacing: 0;
    --cds-expressive-heading-03-font-size: 1.25rem;
    --cds-expressive-heading-03-font-weight: 400;
    --cds-expressive-heading-03-line-height: 1.4;
    --cds-expressive-heading-03-letter-spacing: 0;
    --cds-expressive-heading-04-font-size: 1.75rem;
    --cds-expressive-heading-04-font-weight: 400;
    --cds-expressive-heading-04-line-height: 1.28572;
    --cds-expressive-heading-04-letter-spacing: 0;
    --cds-expressive-heading-05-font-size: 2rem;
    --cds-expressive-heading-05-font-weight: 400;
    --cds-expressive-heading-05-line-height: 1.25;
    --cds-expressive-heading-05-letter-spacing: 0;
    --cds-expressive-heading-06-font-size: 2rem;
    --cds-expressive-heading-06-font-weight: 600;
    --cds-expressive-heading-06-line-height: 1.25;
    --cds-expressive-heading-06-letter-spacing: 0;
    --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-quotation-01-font-size: 1.25rem;
    --cds-quotation-01-font-weight: 400;
    --cds-quotation-01-line-height: 1.3;
    --cds-quotation-01-letter-spacing: 0;
    --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-quotation-02-font-size: 2rem;
    --cds-quotation-02-font-weight: 300;
    --cds-quotation-02-line-height: 1.25;
    --cds-quotation-02-letter-spacing: 0;
    --cds-display-01-font-size: 2.625rem;
    --cds-display-01-font-weight: 300;
    --cds-display-01-line-height: 1.19;
    --cds-display-01-letter-spacing: 0;
    --cds-display-02-font-size: 2.625rem;
    --cds-display-02-font-weight: 600;
    --cds-display-02-line-height: 1.19;
    --cds-display-02-letter-spacing: 0;
    --cds-display-03-font-size: 2.625rem;
    --cds-display-03-font-weight: 300;
    --cds-display-03-line-height: 1.19;
    --cds-display-03-letter-spacing: 0;
    --cds-display-04-font-size: 2.625rem;
    --cds-display-04-font-weight: 300;
    --cds-display-04-line-height: 1.19;
    --cds-display-04-letter-spacing: 0;
    --cds-legal-01-font-size: 0.75rem;
    --cds-legal-01-font-weight: 400;
    --cds-legal-01-line-height: 1.33333;
    --cds-legal-01-letter-spacing: 0.32px;
    --cds-legal-02-font-size: 0.875rem;
    --cds-legal-02-font-weight: 400;
    --cds-legal-02-line-height: 1.28572;
    --cds-legal-02-letter-spacing: 0.16px;
    --cds-body-compact-01-font-size: 0.875rem;
    --cds-body-compact-01-font-weight: 400;
    --cds-body-compact-01-line-height: 1.28572;
    --cds-body-compact-01-letter-spacing: 0.16px;
    --cds-body-compact-02-font-size: 1rem;
    --cds-body-compact-02-font-weight: 400;
    --cds-body-compact-02-line-height: 1.375;
    --cds-body-compact-02-letter-spacing: 0;
    --cds-heading-compact-01-font-size: 0.875rem;
    --cds-heading-compact-01-font-weight: 600;
    --cds-heading-compact-01-line-height: 1.28572;
    --cds-heading-compact-01-letter-spacing: 0.16px;
    --cds-heading-compact-02-font-size: 1rem;
    --cds-heading-compact-02-font-weight: 600;
    --cds-heading-compact-02-line-height: 1.375;
    --cds-heading-compact-02-letter-spacing: 0;
    --cds-body-01-font-size: 0.875rem;
    --cds-body-01-font-weight: 400;
    --cds-body-01-line-height: 1.42857;
    --cds-body-01-letter-spacing: 0.16px;
    --cds-body-02-font-size: 1rem;
    --cds-body-02-font-weight: 400;
    --cds-body-02-line-height: 1.5;
    --cds-body-02-letter-spacing: 0;
    --cds-heading-03-font-size: 1.25rem;
    --cds-heading-03-font-weight: 400;
    --cds-heading-03-line-height: 1.4;
    --cds-heading-03-letter-spacing: 0;
    --cds-heading-04-font-size: 1.75rem;
    --cds-heading-04-font-weight: 400;
    --cds-heading-04-line-height: 1.28572;
    --cds-heading-04-letter-spacing: 0;
    --cds-heading-05-font-size: 2rem;
    --cds-heading-05-font-weight: 400;
    --cds-heading-05-line-height: 1.25;
    --cds-heading-05-letter-spacing: 0;
    --cds-heading-06-font-size: 2.625rem;
    --cds-heading-06-font-weight: 300;
    --cds-heading-06-line-height: 1.199;
    --cds-heading-06-letter-spacing: 0;
    --cds-heading-07-font-size: 3.375rem;
    --cds-heading-07-font-weight: 300;
    --cds-heading-07-line-height: 1.19;
    --cds-heading-07-letter-spacing: 0;
  }
  
  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;
  }
  
  /* 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: 'IBM Plex 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: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-Light-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-Light-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-Light-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-Light-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-Light-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-LightItalic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-LightItalic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-LightItalic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-LightItalic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexMono-LightItalic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Regular-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Regular-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Regular-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Regular-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Regular-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Italic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Italic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Italic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Italic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexMono-Italic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBold-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBold-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBold-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBold-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBold-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBoldItalic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBoldItalic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBoldItalic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Mono";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexMono-SemiBoldItalic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-Light-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-Light-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-Light-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-Light-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-Light-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-LightItalic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-LightItalic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-LightItalic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-LightItalic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSans-LightItalic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Regular-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Regular-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Regular-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Regular-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Regular-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Italic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Italic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Italic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Italic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSans-Italic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBold-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBold-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBold-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBold-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBold-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBoldItalic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBoldItalic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBoldItalic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Sans";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSans-SemiBoldItalic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-Light-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-Light-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-Light-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-Light-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-Light-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-LightItalic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-LightItalic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-LightItalic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-LightItalic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 300;
    src: url('fonts/IBMPlexSerif-LightItalic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Regular-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Regular-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Regular-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Regular-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Regular-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Italic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Italic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Italic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Italic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 400;
    src: url('fonts/IBMPlexSerif-Italic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBold-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBold-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBold-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBold-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBold-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2') format("woff2");
    unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBoldItalic-Pi.woff2') format("woff2");
    unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBoldItalic-Latin3.woff2') format("woff2");
    unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBoldItalic-Latin2.woff2') format("woff2");
    unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
  }
  @font-face {
    font-display: "swap";
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 600;
    src: url('fonts/IBMPlexSerif-SemiBoldItalic-Latin1.woff2') format("woff2");
    unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
  }
  :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--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-start: 0.03125rem;
    --cds-grid-gutter-end: 0.03125rem;
    --cds-grid-column-hang: 0.96875rem;
  }
  
  .cds--grid-column-hang {
    margin-inline-start: var(--cds-grid-column-hang);
  }
  [dir=rtl] .cds--grid-column-hang {
    margin-inline: initial var(--cds-grid-column-hang);
  }
  
  .cds--col-span-0 {
    display: none;
  }
  
  .cds--col-span-1 {
    --cds-grid-columns: 1;
    display: block;
    grid-column: span 1/span 1;
  }
  
  .cds--col-span-2 {
    --cds-grid-columns: 2;
    display: block;
    grid-column: span 2/span 2;
  }
  
  .cds--col-span-3 {
    --cds-grid-columns: 3;
    display: block;
    grid-column: span 3/span 3;
  }
  
  .cds--col-span-4 {
    --cds-grid-columns: 4;
    display: block;
    grid-column: span 4/span 4;
  }
  
  .cds--col-span-5 {
    --cds-grid-columns: 5;
    display: block;
    grid-column: span 5/span 5;
  }
  
  .cds--col-span-6 {
    --cds-grid-columns: 6;
    display: block;
    grid-column: span 6/span 6;
  }
  
  .cds--col-span-7 {
    --cds-grid-columns: 7;
    display: block;
    grid-column: span 7/span 7;
  }
  
  .cds--col-span-8 {
    --cds-grid-columns: 8;
    display: block;
    grid-column: span 8/span 8;
  }
  
  .cds--col-span-9 {
    --cds-grid-columns: 9;
    display: block;
    grid-column: span 9/span 9;
  }
  
  .cds--col-span-10 {
    --cds-grid-columns: 10;
    display: block;
    grid-column: span 10/span 10;
  }
  
  .cds--col-span-11 {
    --cds-grid-columns: 11;
    display: block;
    grid-column: span 11/span 11;
  }
  
  .cds--col-span-12 {
    --cds-grid-columns: 12;
    display: block;
    grid-column: span 12/span 12;
  }
  
  .cds--col-span-13 {
    --cds-grid-columns: 13;
    display: block;
    grid-column: span 13/span 13;
  }
  
  .cds--col-span-14 {
    --cds-grid-columns: 14;
    display: block;
    grid-column: span 14/span 14;
  }
  
  .cds--col-span-15 {
    --cds-grid-columns: 15;
    display: block;
    grid-column: span 15/span 15;
  }
  
  .cds--col-span-16 {
    --cds-grid-columns: 16;
    display: block;
    grid-column: span 16/span 16;
  }
  
  .cds--sm\:col-span-0 {
    display: none;
  }
  
  .cds--sm\:col-span-1 {
    --cds-grid-columns: 1;
    display: block;
    grid-column: span 1/span 1;
  }
  
  .cds--sm\:col-span-2 {
    --cds-grid-columns: 2;
    display: block;
    grid-column: span 2/span 2;
  }
  
  .cds--sm\:col-span-3 {
    --cds-grid-columns: 3;
    display: block;
    grid-column: span 3/span 3;
  }
  
  .cds--sm\:col-span-4 {
    --cds-grid-columns: 4;
    display: block;
    grid-column: span 4/span 4;
  }
  
  .cds--sm\:col-span-auto {
    grid-column: auto;
  }
  
  .cds--sm\:col-span-100 {
    grid-column: 1/-1;
  }
  
  .cds--sm\:col-span-75 {
    --cds-grid-columns: 3;
    grid-column: span 3 / span 3;
  }
  
  .cds--sm\:col-span-50 {
    --cds-grid-columns: 2;
    grid-column: span 2 / span 2;
  }
  
  .cds--sm\:col-span-25 {
    --cds-grid-columns: 1;
    grid-column: span 1 / span 1;
  }
  
  @media (min-width: 42rem) {
    .cds--md\:col-span-0 {
      display: none;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-1 {
      --cds-grid-columns: 1;
      display: block;
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-2 {
      --cds-grid-columns: 2;
      display: block;
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-3 {
      --cds-grid-columns: 3;
      display: block;
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-4 {
      --cds-grid-columns: 4;
      display: block;
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-5 {
      --cds-grid-columns: 5;
      display: block;
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-6 {
      --cds-grid-columns: 6;
      display: block;
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-7 {
      --cds-grid-columns: 7;
      display: block;
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-8 {
      --cds-grid-columns: 8;
      display: block;
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 42rem) {
    .cds--md\:col-span-auto {
      grid-column: auto;
    }
    .cds--md\:col-span-100 {
      grid-column: 1/-1;
    }
    .cds--md\:col-span-75 {
      --cds-grid-columns: 6;
      grid-column: span 6 / span 6;
    }
    .cds--md\:col-span-50 {
      --cds-grid-columns: 4;
      grid-column: span 4 / span 4;
    }
    .cds--md\:col-span-25 {
      --cds-grid-columns: 2;
      grid-column: span 2 / span 2;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-0 {
      display: none;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-1 {
      --cds-grid-columns: 1;
      display: block;
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-2 {
      --cds-grid-columns: 2;
      display: block;
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-3 {
      --cds-grid-columns: 3;
      display: block;
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-4 {
      --cds-grid-columns: 4;
      display: block;
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-5 {
      --cds-grid-columns: 5;
      display: block;
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-6 {
      --cds-grid-columns: 6;
      display: block;
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-7 {
      --cds-grid-columns: 7;
      display: block;
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-8 {
      --cds-grid-columns: 8;
      display: block;
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-9 {
      --cds-grid-columns: 9;
      display: block;
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-10 {
      --cds-grid-columns: 10;
      display: block;
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-11 {
      --cds-grid-columns: 11;
      display: block;
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-12 {
      --cds-grid-columns: 12;
      display: block;
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-13 {
      --cds-grid-columns: 13;
      display: block;
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-14 {
      --cds-grid-columns: 14;
      display: block;
      grid-column: span 14/span 14;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-15 {
      --cds-grid-columns: 15;
      display: block;
      grid-column: span 15/span 15;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-16 {
      --cds-grid-columns: 16;
      display: block;
      grid-column: span 16/span 16;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-span-auto {
      grid-column: auto;
    }
    .cds--lg\:col-span-100 {
      grid-column: 1/-1;
    }
    .cds--lg\:col-span-75 {
      --cds-grid-columns: 12;
      grid-column: span 12 / span 12;
    }
    .cds--lg\:col-span-50 {
      --cds-grid-columns: 8;
      grid-column: span 8 / span 8;
    }
    .cds--lg\:col-span-25 {
      --cds-grid-columns: 4;
      grid-column: span 4 / span 4;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-0 {
      display: none;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-1 {
      --cds-grid-columns: 1;
      display: block;
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-2 {
      --cds-grid-columns: 2;
      display: block;
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-3 {
      --cds-grid-columns: 3;
      display: block;
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-4 {
      --cds-grid-columns: 4;
      display: block;
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-5 {
      --cds-grid-columns: 5;
      display: block;
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-6 {
      --cds-grid-columns: 6;
      display: block;
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-7 {
      --cds-grid-columns: 7;
      display: block;
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-8 {
      --cds-grid-columns: 8;
      display: block;
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-9 {
      --cds-grid-columns: 9;
      display: block;
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-10 {
      --cds-grid-columns: 10;
      display: block;
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-11 {
      --cds-grid-columns: 11;
      display: block;
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-12 {
      --cds-grid-columns: 12;
      display: block;
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-13 {
      --cds-grid-columns: 13;
      display: block;
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-14 {
      --cds-grid-columns: 14;
      display: block;
      grid-column: span 14/span 14;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-15 {
      --cds-grid-columns: 15;
      display: block;
      grid-column: span 15/span 15;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-16 {
      --cds-grid-columns: 16;
      display: block;
      grid-column: span 16/span 16;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-span-auto {
      grid-column: auto;
    }
    .cds--xlg\:col-span-100 {
      grid-column: 1/-1;
    }
    .cds--xlg\:col-span-75 {
      --cds-grid-columns: 12;
      grid-column: span 12 / span 12;
    }
    .cds--xlg\:col-span-50 {
      --cds-grid-columns: 8;
      grid-column: span 8 / span 8;
    }
    .cds--xlg\:col-span-25 {
      --cds-grid-columns: 4;
      grid-column: span 4 / span 4;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-0 {
      display: none;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-1 {
      --cds-grid-columns: 1;
      display: block;
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-2 {
      --cds-grid-columns: 2;
      display: block;
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-3 {
      --cds-grid-columns: 3;
      display: block;
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-4 {
      --cds-grid-columns: 4;
      display: block;
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-5 {
      --cds-grid-columns: 5;
      display: block;
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-6 {
      --cds-grid-columns: 6;
      display: block;
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-7 {
      --cds-grid-columns: 7;
      display: block;
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-8 {
      --cds-grid-columns: 8;
      display: block;
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-9 {
      --cds-grid-columns: 9;
      display: block;
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-10 {
      --cds-grid-columns: 10;
      display: block;
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-11 {
      --cds-grid-columns: 11;
      display: block;
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-12 {
      --cds-grid-columns: 12;
      display: block;
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-13 {
      --cds-grid-columns: 13;
      display: block;
      grid-column: span 13/span 13;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-14 {
      --cds-grid-columns: 14;
      display: block;
      grid-column: span 14/span 14;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-15 {
      --cds-grid-columns: 15;
      display: block;
      grid-column: span 15/span 15;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-16 {
      --cds-grid-columns: 16;
      display: block;
      grid-column: span 16/span 16;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-span-auto {
      grid-column: auto;
    }
    .cds--max\:col-span-100 {
      grid-column: 1/-1;
    }
    .cds--max\:col-span-75 {
      --cds-grid-columns: 12;
      grid-column: span 12 / span 12;
    }
    .cds--max\:col-span-50 {
      --cds-grid-columns: 8;
      grid-column: span 8 / span 8;
    }
    .cds--max\:col-span-25 {
      --cds-grid-columns: 4;
      grid-column: span 4 / span 4;
    }
  }
  .cds--col-span-auto {
    grid-column: auto;
  }
  
  .cds--col-span-100 {
    grid-column: 1/-1;
  }
  
  .cds--col-span-75 {
    --cds-grid-columns: 3;
    grid-column: span 3 / span 3;
  }
  @media (min-width: 42rem) {
    .cds--col-span-75 {
      --cds-grid-columns: 6;
      grid-column: span 6 / span 6;
    }
  }
  @media (min-width: 66rem) {
    .cds--col-span-75 {
      --cds-grid-columns: 12;
      grid-column: span 12 / span 12;
    }
  }
  
  .cds--col-span-50 {
    --cds-grid-columns: 2;
    grid-column: span 2 / span 2;
  }
  @media (min-width: 42rem) {
    .cds--col-span-50 {
      --cds-grid-columns: 4;
      grid-column: span 4 / span 4;
    }
  }
  @media (min-width: 66rem) {
    .cds--col-span-50 {
      --cds-grid-columns: 8;
      grid-column: span 8 / span 8;
    }
  }
  
  .cds--col-span-25 {
    --cds-grid-columns: 1;
    grid-column: span 1 / span 1;
  }
  @media (min-width: 42rem) {
    .cds--col-span-25 {
      --cds-grid-columns: 2;
      grid-column: span 2 / span 2;
    }
  }
  @media (min-width: 66rem) {
    .cds--col-span-25 {
      --cds-grid-columns: 4;
      grid-column: span 4 / span 4;
    }
  }
  
  .cds--col-start-1 {
    grid-column-start: 1;
  }
  
  .cds--col-start-2 {
    grid-column-start: 2;
  }
  
  .cds--col-start-3 {
    grid-column-start: 3;
  }
  
  .cds--col-start-4 {
    grid-column-start: 4;
  }
  
  .cds--col-start-5 {
    grid-column-start: 5;
  }
  
  .cds--col-start-6 {
    grid-column-start: 6;
  }
  
  .cds--col-start-7 {
    grid-column-start: 7;
  }
  
  .cds--col-start-8 {
    grid-column-start: 8;
  }
  
  .cds--col-start-9 {
    grid-column-start: 9;
  }
  
  .cds--col-start-10 {
    grid-column-start: 10;
  }
  
  .cds--col-start-11 {
    grid-column-start: 11;
  }
  
  .cds--col-start-12 {
    grid-column-start: 12;
  }
  
  .cds--col-start-13 {
    grid-column-start: 13;
  }
  
  .cds--col-start-14 {
    grid-column-start: 14;
  }
  
  .cds--col-start-15 {
    grid-column-start: 15;
  }
  
  .cds--col-start-16 {
    grid-column-start: 16;
  }
  
  .cds--col-end-2 {
    grid-column-end: 2;
  }
  
  .cds--col-end-3 {
    grid-column-end: 3;
  }
  
  .cds--col-end-4 {
    grid-column-end: 4;
  }
  
  .cds--col-end-5 {
    grid-column-end: 5;
  }
  
  .cds--col-end-6 {
    grid-column-end: 6;
  }
  
  .cds--col-end-7 {
    grid-column-end: 7;
  }
  
  .cds--col-end-8 {
    grid-column-end: 8;
  }
  
  .cds--col-end-9 {
    grid-column-end: 9;
  }
  
  .cds--col-end-10 {
    grid-column-end: 10;
  }
  
  .cds--col-end-11 {
    grid-column-end: 11;
  }
  
  .cds--col-end-12 {
    grid-column-end: 12;
  }
  
  .cds--col-end-13 {
    grid-column-end: 13;
  }
  
  .cds--col-end-14 {
    grid-column-end: 14;
  }
  
  .cds--col-end-15 {
    grid-column-end: 15;
  }
  
  .cds--col-end-16 {
    grid-column-end: 16;
  }
  
  .cds--col-end-17 {
    grid-column-end: 17;
  }
  
  .cds--col-start-auto {
    grid-column-start: auto;
  }
  
  .cds--col-end-auto {
    grid-column-end: auto;
  }
  
  .cds--sm\:col-start-1 {
    grid-column-start: 1;
  }
  
  .cds--sm\:col-start-2 {
    grid-column-start: 2;
  }
  
  .cds--sm\:col-start-3 {
    grid-column-start: 3;
  }
  
  .cds--sm\:col-start-4 {
    grid-column-start: 4;
  }
  
  .cds--sm\:col-start-5 {
    grid-column-start: 5;
  }
  
  .cds--sm\:col-start-6 {
    grid-column-start: 6;
  }
  
  .cds--sm\:col-start-7 {
    grid-column-start: 7;
  }
  
  .cds--sm\:col-start-8 {
    grid-column-start: 8;
  }
  
  .cds--sm\:col-start-9 {
    grid-column-start: 9;
  }
  
  .cds--sm\:col-start-10 {
    grid-column-start: 10;
  }
  
  .cds--sm\:col-start-11 {
    grid-column-start: 11;
  }
  
  .cds--sm\:col-start-12 {
    grid-column-start: 12;
  }
  
  .cds--sm\:col-start-13 {
    grid-column-start: 13;
  }
  
  .cds--sm\:col-start-14 {
    grid-column-start: 14;
  }
  
  .cds--sm\:col-start-15 {
    grid-column-start: 15;
  }
  
  .cds--sm\:col-start-16 {
    grid-column-start: 16;
  }
  
  .cds--sm\:col-end-2 {
    grid-column-end: 2;
  }
  
  .cds--sm\:col-end-3 {
    grid-column-end: 3;
  }
  
  .cds--sm\:col-end-4 {
    grid-column-end: 4;
  }
  
  .cds--sm\:col-end-5 {
    grid-column-end: 5;
  }
  
  .cds--sm\:col-end-6 {
    grid-column-end: 6;
  }
  
  .cds--sm\:col-end-7 {
    grid-column-end: 7;
  }
  
  .cds--sm\:col-end-8 {
    grid-column-end: 8;
  }
  
  .cds--sm\:col-end-9 {
    grid-column-end: 9;
  }
  
  .cds--sm\:col-end-10 {
    grid-column-end: 10;
  }
  
  .cds--sm\:col-end-11 {
    grid-column-end: 11;
  }
  
  .cds--sm\:col-end-12 {
    grid-column-end: 12;
  }
  
  .cds--sm\:col-end-13 {
    grid-column-end: 13;
  }
  
  .cds--sm\:col-end-14 {
    grid-column-end: 14;
  }
  
  .cds--sm\:col-end-15 {
    grid-column-end: 15;
  }
  
  .cds--sm\:col-end-16 {
    grid-column-end: 16;
  }
  
  .cds--sm\:col-end-17 {
    grid-column-end: 17;
  }
  
  .cds--sm\:col-start-auto {
    grid-column-start: auto;
  }
  
  .cds--sm\:col-end-auto {
    grid-column-end: auto;
  }
  
  @media (min-width: 42rem) {
    .cds--md\:col-start-1 {
      grid-column-start: 1;
    }
    .cds--md\:col-start-2 {
      grid-column-start: 2;
    }
    .cds--md\:col-start-3 {
      grid-column-start: 3;
    }
    .cds--md\:col-start-4 {
      grid-column-start: 4;
    }
    .cds--md\:col-start-5 {
      grid-column-start: 5;
    }
    .cds--md\:col-start-6 {
      grid-column-start: 6;
    }
    .cds--md\:col-start-7 {
      grid-column-start: 7;
    }
    .cds--md\:col-start-8 {
      grid-column-start: 8;
    }
    .cds--md\:col-start-9 {
      grid-column-start: 9;
    }
    .cds--md\:col-start-10 {
      grid-column-start: 10;
    }
    .cds--md\:col-start-11 {
      grid-column-start: 11;
    }
    .cds--md\:col-start-12 {
      grid-column-start: 12;
    }
    .cds--md\:col-start-13 {
      grid-column-start: 13;
    }
    .cds--md\:col-start-14 {
      grid-column-start: 14;
    }
    .cds--md\:col-start-15 {
      grid-column-start: 15;
    }
    .cds--md\:col-start-16 {
      grid-column-start: 16;
    }
    .cds--md\:col-end-2 {
      grid-column-end: 2;
    }
    .cds--md\:col-end-3 {
      grid-column-end: 3;
    }
    .cds--md\:col-end-4 {
      grid-column-end: 4;
    }
    .cds--md\:col-end-5 {
      grid-column-end: 5;
    }
    .cds--md\:col-end-6 {
      grid-column-end: 6;
    }
    .cds--md\:col-end-7 {
      grid-column-end: 7;
    }
    .cds--md\:col-end-8 {
      grid-column-end: 8;
    }
    .cds--md\:col-end-9 {
      grid-column-end: 9;
    }
    .cds--md\:col-end-10 {
      grid-column-end: 10;
    }
    .cds--md\:col-end-11 {
      grid-column-end: 11;
    }
    .cds--md\:col-end-12 {
      grid-column-end: 12;
    }
    .cds--md\:col-end-13 {
      grid-column-end: 13;
    }
    .cds--md\:col-end-14 {
      grid-column-end: 14;
    }
    .cds--md\:col-end-15 {
      grid-column-end: 15;
    }
    .cds--md\:col-end-16 {
      grid-column-end: 16;
    }
    .cds--md\:col-end-17 {
      grid-column-end: 17;
    }
    .cds--md\:col-start-auto {
      grid-column-start: auto;
    }
    .cds--md\:col-end-auto {
      grid-column-end: auto;
    }
  }
  @media (min-width: 66rem) {
    .cds--lg\:col-start-1 {
      grid-column-start: 1;
    }
    .cds--lg\:col-start-2 {
      grid-column-start: 2;
    }
    .cds--lg\:col-start-3 {
      grid-column-start: 3;
    }
    .cds--lg\:col-start-4 {
      grid-column-start: 4;
    }
    .cds--lg\:col-start-5 {
      grid-column-start: 5;
    }
    .cds--lg\:col-start-6 {
      grid-column-start: 6;
    }
    .cds--lg\:col-start-7 {
      grid-column-start: 7;
    }
    .cds--lg\:col-start-8 {
      grid-column-start: 8;
    }
    .cds--lg\:col-start-9 {
      grid-column-start: 9;
    }
    .cds--lg\:col-start-10 {
      grid-column-start: 10;
    }
    .cds--lg\:col-start-11 {
      grid-column-start: 11;
    }
    .cds--lg\:col-start-12 {
      grid-column-start: 12;
    }
    .cds--lg\:col-start-13 {
      grid-column-start: 13;
    }
    .cds--lg\:col-start-14 {
      grid-column-start: 14;
    }
    .cds--lg\:col-start-15 {
      grid-column-start: 15;
    }
    .cds--lg\:col-start-16 {
      grid-column-start: 16;
    }
    .cds--lg\:col-end-2 {
      grid-column-end: 2;
    }
    .cds--lg\:col-end-3 {
      grid-column-end: 3;
    }
    .cds--lg\:col-end-4 {
      grid-column-end: 4;
    }
    .cds--lg\:col-end-5 {
      grid-column-end: 5;
    }
    .cds--lg\:col-end-6 {
      grid-column-end: 6;
    }
    .cds--lg\:col-end-7 {
      grid-column-end: 7;
    }
    .cds--lg\:col-end-8 {
      grid-column-end: 8;
    }
    .cds--lg\:col-end-9 {
      grid-column-end: 9;
    }
    .cds--lg\:col-end-10 {
      grid-column-end: 10;
    }
    .cds--lg\:col-end-11 {
      grid-column-end: 11;
    }
    .cds--lg\:col-end-12 {
      grid-column-end: 12;
    }
    .cds--lg\:col-end-13 {
      grid-column-end: 13;
    }
    .cds--lg\:col-end-14 {
      grid-column-end: 14;
    }
    .cds--lg\:col-end-15 {
      grid-column-end: 15;
    }
    .cds--lg\:col-end-16 {
      grid-column-end: 16;
    }
    .cds--lg\:col-end-17 {
      grid-column-end: 17;
    }
    .cds--lg\:col-start-auto {
      grid-column-start: auto;
    }
    .cds--lg\:col-end-auto {
      grid-column-end: auto;
    }
  }
  @media (min-width: 82rem) {
    .cds--xlg\:col-start-1 {
      grid-column-start: 1;
    }
    .cds--xlg\:col-start-2 {
      grid-column-start: 2;
    }
    .cds--xlg\:col-start-3 {
      grid-column-start: 3;
    }
    .cds--xlg\:col-start-4 {
      grid-column-start: 4;
    }
    .cds--xlg\:col-start-5 {
      grid-column-start: 5;
    }
    .cds--xlg\:col-start-6 {
      grid-column-start: 6;
    }
    .cds--xlg\:col-start-7 {
      grid-column-start: 7;
    }
    .cds--xlg\:col-start-8 {
      grid-column-start: 8;
    }
    .cds--xlg\:col-start-9 {
      grid-column-start: 9;
    }
    .cds--xlg\:col-start-10 {
      grid-column-start: 10;
    }
    .cds--xlg\:col-start-11 {
      grid-column-start: 11;
    }
    .cds--xlg\:col-start-12 {
      grid-column-start: 12;
    }
    .cds--xlg\:col-start-13 {
      grid-column-start: 13;
    }
    .cds--xlg\:col-start-14 {
      grid-column-start: 14;
    }
    .cds--xlg\:col-start-15 {
      grid-column-start: 15;
    }
    .cds--xlg\:col-start-16 {
      grid-column-start: 16;
    }
    .cds--xlg\:col-end-2 {
      grid-column-end: 2;
    }
    .cds--xlg\:col-end-3 {
      grid-column-end: 3;
    }
    .cds--xlg\:col-end-4 {
      grid-column-end: 4;
    }
    .cds--xlg\:col-end-5 {
      grid-column-end: 5;
    }
    .cds--xlg\:col-end-6 {
      grid-column-end: 6;
    }
    .cds--xlg\:col-end-7 {
      grid-column-end: 7;
    }
    .cds--xlg\:col-end-8 {
      grid-column-end: 8;
    }
    .cds--xlg\:col-end-9 {
      grid-column-end: 9;
    }
    .cds--xlg\:col-end-10 {
      grid-column-end: 10;
    }
    .cds--xlg\:col-end-11 {
      grid-column-end: 11;
    }
    .cds--xlg\:col-end-12 {
      grid-column-end: 12;
    }
    .cds--xlg\:col-end-13 {
      grid-column-end: 13;
    }
    .cds--xlg\:col-end-14 {
      grid-column-end: 14;
    }
    .cds--xlg\:col-end-15 {
      grid-column-end: 15;
    }
    .cds--xlg\:col-end-16 {
      grid-column-end: 16;
    }
    .cds--xlg\:col-end-17 {
      grid-column-end: 17;
    }
    .cds--xlg\:col-start-auto {
      grid-column-start: auto;
    }
    .cds--xlg\:col-end-auto {
      grid-column-end: auto;
    }
  }
  @media (min-width: 99rem) {
    .cds--max\:col-start-1 {
      grid-column-start: 1;
    }
    .cds--max\:col-start-2 {
      grid-column-start: 2;
    }
    .cds--max\:col-start-3 {
      grid-column-start: 3;
    }
    .cds--max\:col-start-4 {
      grid-column-start: 4;
    }
    .cds--max\:col-start-5 {
      grid-column-start: 5;
    }
    .cds--max\:col-start-6 {
      grid-column-start: 6;
    }
    .cds--max\:col-start-7 {
      grid-column-start: 7;
    }
    .cds--max\:col-start-8 {
      grid-column-start: 8;
    }
    .cds--max\:col-start-9 {
      grid-column-start: 9;
    }
    .cds--max\:col-start-10 {
      grid-column-start: 10;
    }
    .cds--max\:col-start-11 {
      grid-column-start: 11;
    }
    .cds--max\:col-start-12 {
      grid-column-start: 12;
    }
    .cds--max\:col-start-13 {
      grid-column-start: 13;
    }
    .cds--max\:col-start-14 {
      grid-column-start: 14;
    }
    .cds--max\:col-start-15 {
      grid-column-start: 15;
    }
    .cds--max\:col-start-16 {
      grid-column-start: 16;
    }
    .cds--max\:col-end-2 {
      grid-column-end: 2;
    }
    .cds--max\:col-end-3 {
      grid-column-end: 3;
    }
    .cds--max\:col-end-4 {
      grid-column-end: 4;
    }
    .cds--max\:col-end-5 {
      grid-column-end: 5;
    }
    .cds--max\:col-end-6 {
      grid-column-end: 6;
    }
    .cds--max\:col-end-7 {
      grid-column-end: 7;
    }
    .cds--max\:col-end-8 {
      grid-column-end: 8;
    }
    .cds--max\:col-end-9 {
      grid-column-end: 9;
    }
    .cds--max\:col-end-10 {
      grid-column-end: 10;
    }
    .cds--max\:col-end-11 {
      grid-column-end: 11;
    }
    .cds--max\:col-end-12 {
      grid-column-end: 12;
    }
    .cds--max\:col-end-13 {
      grid-column-end: 13;
    }
    .cds--max\:col-end-14 {
      grid-column-end: 14;
    }
    .cds--max\:col-end-15 {
      grid-column-end: 15;
    }
    .cds--max\:col-end-16 {
      grid-column-end: 16;
    }
    .cds--max\:col-end-17 {
      grid-column-end: 17;
    }
    .cds--max\:col-start-auto {
      grid-column-start: auto;
    }
    .cds--max\:col-end-auto {
      grid-column-end: auto;
    }
  }
  :root {
    --cds-layer: var(--cds-layer-01, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
  }
  
  .cds--layer-one {
    --cds-layer: var(--cds-layer-01, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
  }
  
  .cds--layer-two {
    --cds-layer: var(--cds-layer-02, #f4f4f4);
    --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
    --cds-field: var(--cds-field-02, #f4f4f4);
    --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
    --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, #c6c6c6);
  }
  
  .cds--layer-three {
    --cds-layer: var(--cds-layer-03, #ffffff);
    --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
    --cds-field: var(--cds-field-03, #ffffff);
    --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-02, #c6c6c6);
    --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, #a8a8a8);
  }
  
  .cds--layout--size-xs {
    --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
    --cds-layout-size-height: var(--cds-layout-size-height-context);
  }
  
  .cds--layout-constraint--size__default-xs {
    --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
  }
  
  .cds--layout-constraint--size__min-xs {
    --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
  }
  
  .cds--layout-constraint--size__max-xs {
    --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
  }
  
  .cds--layout--size-sm {
    --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
    --cds-layout-size-height: var(--cds-layout-size-height-context);
  }
  
  .cds--layout-constraint--size__default-sm {
    --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
  }
  
  .cds--layout-constraint--size__min-sm {
    --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
  }
  
  .cds--layout-constraint--size__max-sm {
    --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
  }
  
  .cds--layout--size-md {
    --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
    --cds-layout-size-height: var(--cds-layout-size-height-context);
  }
  
  .cds--layout-constraint--size__default-md {
    --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
  }
  
  .cds--layout-constraint--size__min-md {
    --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
  }
  
  .cds--layout-constraint--size__max-md {
    --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
  }
  
  .cds--layout--size-lg {
    --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
    --cds-layout-size-height: var(--cds-layout-size-height-context);
  }
  
  .cds--layout-constraint--size__default-lg {
    --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
  }
  
  .cds--layout-constraint--size__min-lg {
    --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
  }
  
  .cds--layout-constraint--size__max-lg {
    --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
  }
  
  .cds--layout--size-xl {
    --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
    --cds-layout-size-height: var(--cds-layout-size-height-context);
  }
  
  .cds--layout-constraint--size__default-xl {
    --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
  }
  
  .cds--layout-constraint--size__min-xl {
    --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
  }
  
  .cds--layout-constraint--size__max-xl {
    --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
  }
  
  .cds--layout--size-2xl {
    --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
    --cds-layout-size-height: var(--cds-layout-size-height-context);
  }
  
  .cds--layout-constraint--size__default-2xl {
    --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
  }
  
  .cds--layout-constraint--size__min-2xl {
    --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
  }
  
  .cds--layout-constraint--size__max-2xl {
    --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
  }
  
  .cds--layout--density-condensed {
    --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
    --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
  }
  
  .cds--layout-constraint--density__default-condensed {
    --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
  }
  
  .cds--layout-constraint--density__min-condensed {
    --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
  }
  
  .cds--layout-constraint--density__max-condensed {
    --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
  }
  
  .cds--layout--density-normal {
    --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
    --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
  }
  
  .cds--layout-constraint--density__default-normal {
    --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
  }
  
  .cds--layout-constraint--density__min-normal {
    --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
  }
  
  .cds--layout-constraint--density__max-normal {
    --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
  }
  
  :root {
    --cds-layout-size-height-xs: 1.5rem;
    --cds-layout-size-height-sm: 2rem;
    --cds-layout-size-height-md: 2.5rem;
    --cds-layout-size-height-lg: 3rem;
    --cds-layout-size-height-xl: 4rem;
    --cds-layout-size-height-2xl: 5rem;
    --cds-layout-size-height-min: 0px;
    --cds-layout-size-height-max: 999999999px;
    --cds-layout-density-padding-inline-condensed: 0.5rem;
    --cds-layout-density-padding-inline-normal: 1rem;
    --cds-layout-density-padding-inline-min: 0px;
    --cds-layout-density-padding-inline-max: 999999999px;
  }
  
  .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-border: #e0e0e0;
    --cds-chat-bubble-user: #e0e0e0;
    --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-prompt-background: #ffffff;
    --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
    --cds-chat-prompt-border-start: #f4f4f4;
    --cds-chat-shell-background: #ffffff;
    --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-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(22, 22, 22, 0.5);
    --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-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, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
    --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-yellow: #f1c21b;
    --cds-status-green: #24a148;
    --cds-status-blue: #0043ce;
    --cds-status-purple: #8a3ffc;
    --cds-status-gray: #6f6f6f;
  }
  
  .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-border: #e0e0e0;
    --cds-chat-bubble-user: #e0e0e0;
    --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-prompt-background: #ffffff;
    --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
    --cds-chat-prompt-border-start: #f4f4f4;
    --cds-chat-shell-background: #ffffff;
    --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-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(22, 22, 22, 0.5);
    --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-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, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
    --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-yellow: #f1c21b;
    --cds-status-green: #24a148;
    --cds-status-blue: #0043ce;
    --cds-status-purple: #8a3ffc;
    --cds-status-gray: #6f6f6f;
  }
  
  .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-border: #525252;
    --cds-chat-bubble-user: #393939;
    --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-prompt-background: #161616;
    --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
    --cds-chat-prompt-border-start: #262626;
    --cds-chat-shell-background: #262626;
    --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-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.65);
    --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-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, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
    --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-yellow: #f1c21b;
    --cds-status-green: #42be65;
    --cds-status-blue: #4589ff;
    --cds-status-purple: #a56eff;
    --cds-status-gray: #8d8d8d;
  }
  
  .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-border: #525252;
    --cds-chat-bubble-user: #393939;
    --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-prompt-background: #161616;
    --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
    --cds-chat-prompt-border-start: #262626;
    --cds-chat-shell-background: #262626;
    --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-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.65);
    --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-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, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
    --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-yellow: #f1c21b;
    --cds-status-green: #42be65;
    --cds-status-blue: #4589ff;
    --cds-status-purple: #a56eff;
    --cds-status-gray: #8d8d8d;
  }
  
  .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);
  }
  
  .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;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
  }
  .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);
  }
  .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;
  }
  
  .cds--accordion__heading[disabled] {
    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));
  }
  
  .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, .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;
  }
  .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;
  }
  
  .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 (prefers-reduced-motion: reduce) {
    .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
      transition: none;
    }
  }
  .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:hover, .cds--accordion.cds--skeleton .cds--accordion__arrow:focus, .cds--accordion.cds--skeleton .cds--accordion__arrow:active {
    border: none;
    cursor: default;
    outline: none;
  }
  
  .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;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--accordion__arrow,
    .cds--accordion__item--active .cds--accordion__arrow {
      fill: ButtonText;
    }
  }
  
  [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;
  }
  
  @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--drop-shadow .cds--popover > .cds--popover-content {
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
  }
  
  .cds--popover--caret {
    --cds-popover-offset: 0.625rem;
  }
  
  .cds--popover {
    position: absolute;
    z-index: 6000;
    filter: var(--cds-popover-drop-shadow, none);
    inset: 0;
    pointer-events: none;
  }
  
  .cds--popover-content {
    --cds-layout-size-height-sm: 2rem;
    --cds-layout-size-height-md: 2.5rem;
    --cds-layout-size-height-lg: 3rem;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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: max-content;
    max-inline-size: 23rem;
    pointer-events: auto;
  }
  .cds--layout--size-sm .cds--popover-content {
    --cds-layout-size-height: var(--cds-layout-size-height-sm);
  }
  .cds--layout--size-md .cds--popover-content {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
  }
  .cds--layout--size-lg .cds--popover-content {
    --cds-layout-size-height: var(--cds-layout-size-height-lg);
  }
  .cds--popover-content *,
  .cds--popover-content *::before,
  .cds--popover-content *::after {
    box-sizing: inherit;
  }
  
  .cds--popover--open > .cds--popover > .cds--popover-content {
    display: block;
  }
  
  .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;
    background-color: var(--cds-popover-background-color, var(--cds-layer));
    will-change: transform;
  }
  
  .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)));
  }
  
  [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .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: 0;
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
  }
  
  [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
    inset-inline-end: 0;
    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: 0;
    transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
  }
  
  [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
    inset-inline-start: 0;
  }
  
  .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);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    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));
  }
  
  [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--bottom-end > .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);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
  }
  
  .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)));
  }
  
  [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .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: 0;
    transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
  }
  
  [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
    inset-inline-end: 0;
    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: 0;
    transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
  }
  
  [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
    inset-inline-start: 0;
  }
  
  .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);
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    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)));
  }
  
  [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .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);
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    inline-size: var(--cds-popover-caret-width, 0.75rem);
  }
  
  .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));
  }
  
  [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .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);
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    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%);
  }
  
  [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
    inset-inline-end: 100%;
    inset-inline-start: initial;
  }
  
  .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);
    clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
  }
  
  .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));
  }
  
  [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
  [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .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);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    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%);
  }
  
  [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
  [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
    inset-inline-end: initial;
    inset-inline-start: 100%;
  }
  
  .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);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    inline-size: var(--cds-popover-caret-height, 0.375rem);
  }
  
  .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
    border-radius: 0;
  }
  
  .cds--popover--tab-tip .cds--popover {
    will-change: filter;
  }
  
  .cds--popover--tab-tip__button {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    block-size: 2rem;
    inline-size: 2rem;
  }
  .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: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;
    }
  }
  .cds--popover--tab-tip__button:hover {
    background-color: var(--cds-layer-hover);
  }
  
  .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);
    color: var(--cds-text-inverse, #ffffff);
    max-inline-size: 18rem;
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    border-radius: 0;
    border-block-end: 1px dotted var(--cds-border-strong);
    color: var(--cds-text-primary, #161616);
  }
  .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:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
    border-block-end-color: var(--cds-border-interactive, #0f62fe);
  }
  @media screen and (prefers-contrast) {
    .cds--definition-term:focus {
      outline-style: dotted;
    }
  }
  
  .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;
  }
  
  .cds--btn {
    --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-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;
    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: 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 *,
  .cds--btn *::before,
  .cds--btn *::after {
    box-sizing: inherit;
  }
  .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);
  }
  .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, #f4f4f4);
  }
  .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);
  }
  .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, #f4f4f4);
  }
  .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);
  }
  .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, #f4f4f4);
  }
  .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;
  }
  .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-on-color-disabled, #8d8d8d);
    outline: none;
  }
  
  .cds--btn--ghost {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: var(--cds-link-primary, #0f62fe);
    padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
  }
  .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, #f4f4f4);
  }
  .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 .cds--btn__icon {
    position: static;
    align-self: center;
    margin-inline-start: 0.5rem;
  }
  .cds--btn--ghost:hover, .cds--btn--ghost:active {
    color: var(--cds-link-primary-hover, #0043ce);
  }
  .cds--btn--ghost:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  .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-on-color-disabled, #8d8d8d);
    outline: none;
  }
  .cds--btn--ghost:not([disabled]) svg {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .cds--btn--icon-only {
    justify-content: center;
    padding: 0;
    block-size: var(--cds-layout-size-height-local);
    inline-size: var(--cds-layout-size-height-local);
    padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
  }
  .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 .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--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);
  }
  .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, #f4f4f4);
  }
  .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);
  }
  .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, #f4f4f4);
  }
  .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;
  }
  .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-on-color-disabled, #8d8d8d);
    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);
    padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
  }
  .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, #f4f4f4);
  }
  .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 .cds--btn__icon {
    position: static;
    margin-inline-start: 0.5rem;
  }
  .cds--btn--danger--ghost:hover, .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;
    inline-size: 9.375rem;
  }
  .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;
    }
  }
  
  .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;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--btn:focus {
      color: Highlight;
      outline: 1px solid Highlight;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .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: ButtonText;
    }
  }
  
  [dir=rtl] .cds--btn-set .cds--btn:not(:focus) {
    box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
  }
  
  .cds--toggletip-label {
    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-secondary, #525252);
    margin-inline-end: 0.5rem;
  }
  
  .cds--toggletip-button {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: flex;
    align-items: center;
  }
  .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 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);
  }
  
  .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;
    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 .cds--ai-label__button,
  .cds--slug .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 .cds--ai-label__button--mini,
  .cds--slug .cds--slug__button--mini {
    height: 1rem;
    width: 1rem;
    font-size: 0.5625rem;
    line-height: 0.75rem;
  }
  .cds--ai-label .cds--ai-label__button--2xs,
  .cds--slug .cds--slug__button--2xs {
    height: 1.25rem;
    width: 1.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .cds--ai-label .cds--ai-label__button--xs,
  .cds--slug .cds--slug__button--xs {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .cds--ai-label .cds--ai-label__button--sm,
  .cds--slug .cds--slug__button--sm {
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
    line-height: 1.3125rem;
  }
  .cds--ai-label .cds--ai-label__button--md,
  .cds--slug .cds--slug__button--md {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1rem;
    line-height: 1.3125rem;
  }
  .cds--ai-label .cds--ai-label__button--lg,
  .cds--slug .cds--slug__button--lg {
    height: 3rem;
    width: 3rem;
    font-size: 1rem;
    line-height: 1.3125rem;
  }
  .cds--ai-label .cds--ai-label__button--xl,
  .cds--slug .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);
  }
  
  .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;
    z-index: 1;
  }
  
  .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;
  }
  
  .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--ai-label .cds--ai-label__button--inline-with-content:hover:focus,
  .cds--slug .cds--slug__button--inline-with-content: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, #f4f4f4);
    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, #f4f4f4);
    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--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;
    -webkit-backdrop-filter: blur(85px);
            backdrop-filter: blur(85px);
    background: rgba(0, 0, 0, 0.01);
    border-end-end-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
    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, #f4f4f4);
  }
  
  .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--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;
    display: inline-block;
    padding: 0;
    border: 0;
    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;
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 2.5rem;
    cursor: pointer;
    inline-size: 2.5rem;
    min-block-size: 2.5rem;
    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 *,
  .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 *::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: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;
    }
  }
  .cds--overflow-menu:hover,
  .cds--overflow-menu__trigger:hover {
    background-color: var(--cds-layer-hover);
  }
  
  .cds--overflow-menu > :first-child {
    margin-block-start: 0;
  }
  
  .cds--overflow-menu--sm {
    block-size: 2rem;
    inline-size: 2rem;
    min-block-size: 2rem;
  }
  
  .cds--overflow-menu--lg {
    block-size: 3rem;
    inline-size: 3rem;
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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: 32px;
    inset-inline-start: 0;
    list-style: none;
  }
  .cds--overflow-menu-options *,
  .cds--overflow-menu-options *::before,
  .cds--overflow-menu-options *::after {
    box-sizing: inherit;
  }
  .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;
    }
  }
  
  .cds--overflow-menu.cds--overflow-menu--open:hover {
    background-color: var(--cds-layer);
  }
  
  .cds--overflow-menu-options--light {
    background-color: var(--cds-layer);
  }
  .cds--overflow-menu-options--light::after {
    background-color: var(--cds-layer);
  }
  
  .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
    background-color: var(--cds-layer);
  }
  
  .cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
    block-size: 0.1875rem;
    inline-size: 2.5rem;
    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: 2.5rem;
    inset-block-end: -0.5rem;
    inset-inline-start: 0;
  }
  
  .cds--overflow-menu-options[data-floating-menu-direction=left]::after {
    block-size: 2.5rem;
    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: 2.5rem;
    inline-size: 0.375rem;
    inset-block-start: 0;
    inset-inline-start: -0.375rem;
  }
  
  .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
    inline-size: 2rem;
  }
  .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
    block-size: 2rem;
  }
  
  .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
    inline-size: 3rem;
  }
  .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
    block-size: 3rem;
  }
  
  .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;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: transparent;
    block-size: 2.5rem;
    inline-size: 100%;
    transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
  }
  .cds--overflow-menu-options__option *,
  .cds--overflow-menu-options__option *::before,
  .cds--overflow-menu-options__option *::after {
    box-sizing: inherit;
  }
  
  .cds--overflow-menu-options--sm .cds--overflow-menu-options__option {
    block-size: 2rem;
  }
  
  .cds--overflow-menu-options--lg .cds--overflow-menu-options__option {
    block-size: 3rem;
  }
  
  .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--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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--overflow-menu svg {
      fill: ButtonText;
    }
  }
  
  /*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;
    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;
  }
  .cds--breadcrumb *,
  .cds--breadcrumb *::before,
  .cds--breadcrumb *::after {
    box-sizing: inherit;
  }
  @media (min-width: 42rem) {
    .cds--breadcrumb {
      display: flex;
      flex-wrap: wrap;
    }
  }
  
  .cds--breadcrumb-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-inline-end: 0.5rem;
  }
  
  .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::after {
    color: var(--cds-text-primary, #161616);
    content: "/";
    margin-inline-start: 0.5rem;
  }
  
  .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: 1.25rem;
  }
  .cds--breadcrumb-item .cds--overflow-menu:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
  }
  .cds--breadcrumb-item .cds--overflow-menu:hover {
    background: transparent;
  }
  .cds--breadcrumb-item .cds--overflow-menu::after {
    position: absolute;
    background: var(--cds-link-primary-hover, #0043ce);
    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:hover::after {
    opacity: 1;
  }
  
  .cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {
    background: transparent;
    box-shadow: none;
  }
  
  .cds--breadcrumb-item .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-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--skeleton .cds--link {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
    block-size: 1rem;
    inline-size: 6.25rem;
  }
  .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;
    }
  }
  
  .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
    min-block-size: 1.125rem;
    padding-inline: 0;
  }
  
  .cds--link {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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 *,
  .cds--link *::before,
  .cds--link *::after {
    box-sizing: inherit;
  }
  .cds--link:hover {
    color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
    text-decoration: underline;
  }
  .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
    outline: 1px solid var(--cds-focus, #0f62fe);
    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;
  }
  @media screen and (prefers-contrast) {
    .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
      outline-style: dotted;
    }
  }
  .cds--link:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
    outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
    text-decoration: underline;
  }
  @media screen and (prefers-contrast) {
    .cds--link:focus {
      outline-style: dotted;
    }
  }
  .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;
    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--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.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-flex;
    align-self: center;
    margin-inline-start: 0.5rem;
  }
  
  .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 {
    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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--label strong {
    font-weight: 600;
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    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 *,
  .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: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;
    block-size: 0.875rem;
    inline-size: 4.6875rem;
  }
  .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;
    }
  }
  
  input[type=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--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--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;
  }
  
  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 {
    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 {
    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: none;
    overflow: hidden;
    margin: 0.25rem 0 0;
    max-block-size: 0;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--form-requirement strong {
    font-weight: 600;
  }
  
  .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-secondary, #525252);
    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 {
    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;
            user-select: none;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--checkbox-label strong {
    font-weight: 600;
  }
  
  .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;
    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);
  }
  
  .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;
            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);
  }
  
  .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;
    block-size: 1rem;
    inline-size: 6.25rem;
    margin-block: 0.0625rem 0;
    margin-inline: 0.375rem 0;
  }
  .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;
    }
  }
  
  .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 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background-color: var(--cds-layer);
    cursor: pointer;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--copy-btn strong {
    font-weight: 600;
  }
  .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: 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);
    display: none;
    overflow: visible;
    box-sizing: content-box;
    margin: auto;
    clip: auto;
  }
  @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:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    outline-color: var(--cds-focus, #0f62fe);
  }
  @media screen and (prefers-contrast) {
    .cds--copy-btn:focus {
      outline-style: dotted;
    }
  }
  .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: 'IBM Plex 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--snippet-btn--expand:hover,
  .cds--snippet--disabled .cds--copy-btn,
  .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, 'IBM Plex 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 {
    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;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--snippet--inline strong {
    font-weight: 600;
  }
  .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: 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);
    display: none;
    overflow: visible;
    box-sizing: content-box;
    margin: auto;
    clip: auto;
  }
  @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--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;
  }
  .cds--snippet--inline.cds--snippet--no-copy:hover {
    background-color: var(--cds-layer);
    cursor: auto;
  }
  
  .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, 'IBM Plex 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;
    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%;
    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, 'IBM Plex 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: 0.5rem;
  }
  
  .cds--snippet--single pre,
  .cds--snippet--inline code {
    white-space: pre;
  }
  
  .cds--snippet--multi {
    font-family: var(--cds-code-01-font-family, 'IBM Plex 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;
    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;
    outline-offset: 0;
  }
  @media screen and (prefers-contrast) {
    .cds--snippet--multi .cds--snippet-container:focus {
      outline-style: dotted;
    }
  }
  
  .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 {
    padding-inline-end: 2.5rem;
  }
  
  .cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
    padding-inline-end: 0;
  }
  
  .cds--snippet--multi.cds--snippet--has-right-overflow::after {
    position: absolute;
    background-image: linear-gradient(to right, transparent, var(--cds-layer));
    block-size: 100%;
    content: "";
    inline-size: 1rem;
    inset-block-start: 0;
    inset-inline-end: 1rem;
  }
  
  [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 {
    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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--copy-btn strong {
    font-weight: 600;
  }
  .cds--copy-btn:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    outline-color: var(--cds-focus, #0f62fe);
  }
  @media screen and (prefers-contrast) {
    .cds--copy-btn:focus {
      outline-style: dotted;
    }
  }
  
  .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;
  }
  
  .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);
  }
  
  .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;
    border-color: transparent;
  }
  @media screen and (prefers-contrast) {
    .cds--snippet-btn--expand:focus {
      outline-style: dotted;
    }
  }
  
  .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);
  }
  
  .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--light.cds--snippet--single::after,
  .cds--snippet--light.cds--snippet--multi::after {
    background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
  }
  
  .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__overflow-indicator--left,
  .cds--snippet__overflow-indicator--right {
    z-index: 1;
    flex: 1 0 auto;
    inline-size: 1rem;
  }
  
  .cds--snippet__overflow-indicator--left {
    order: 0;
    background-image: linear-gradient(to left, transparent, var(--cds-layer));
    margin-inline-end: -1rem;
  }
  
  .cds--snippet__overflow-indicator--right {
    order: 2;
    background-image: linear-gradient(to right, transparent, var(--cds-layer));
    margin-inline-start: -1rem;
  }
  
  [dir=rtl] .cds--snippet__overflow-indicator--left {
    background-image: linear-gradient(to right, transparent, var(--cds-layer));
  }
  
  [dir=rtl] .cds--snippet__overflow-indicator--right {
    background-image: linear-gradient(to left, transparent, var(--cds-layer));
  }
  
  .cds--snippet--single .cds--snippet__overflow-indicator--right,
  .cds--snippet--single .cds--snippet__overflow-indicator--left {
    position: absolute;
    block-size: calc(100% - 0.25rem);
    inline-size: 2rem;
  }
  
  .cds--snippet--single .cds--snippet__overflow-indicator--right {
    inset-inline-end: 2.5rem;
  }
  
  .cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right {
    inset-inline-end: 0;
  }
  
  .cds--snippet--single .cds--snippet-container:focus ~ .cds--snippet__overflow-indicator--right {
    inset-inline-end: calc(2.5rem + 0.125rem);
  }
  
  .cds--snippet--single .cds--snippet-container:focus + .cds--snippet__overflow-indicator--left {
    inset-inline-start: 0.125rem;
  }
  
  .cds--snippet--light .cds--snippet__overflow-indicator--left {
    background-image: linear-gradient(to left, transparent, var(--cds-layer));
  }
  
  .cds--snippet--light .cds--snippet__overflow-indicator--right {
    background-image: linear-gradient(to right, transparent, var(--cds-layer));
  }
  
  @media not all and (min-resolution >= 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .cds--snippet__overflow-indicator--left {
        background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));
      }
      .cds--snippet__overflow-indicator--right {
        background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
      }
    }
  }
  .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;
    display: block;
    block-size: 1rem;
    inline-size: 100%;
    margin-block-start: 0.5rem;
  }
  .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;
    }
  }
  .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__icon {
      fill: ButtonText;
    }
  }
  
  @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-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;
    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 *,
  .cds--text-input *::before,
  .cds--text-input *::after {
    box-sizing: inherit;
  }
  .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: 2.5rem;
  }
  
  .cds--text-input--sm.cds--password-input {
    padding-inline-end: 2rem;
  }
  
  .cds--text-input--lg.cds--password-input {
    padding-inline-end: 3rem;
  }
  
  .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, #f4f4f4);
  }
  
  .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;
    cursor: pointer;
  }
  .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: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: 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;
    background: none;
    block-size: 100%;
    cursor: pointer;
    inline-size: 2.5rem;
    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 {
    inset-inline-start: -2.5rem;
  }
  
  .cds--toggle-password-tooltip .cds--popover-content {
    min-inline-size: 2.5rem;
  }
  
  .cds--text-input--sm + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
    inline-size: 2rem;
  }
  
  .cds--text-input--lg + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
    inline-size: 3rem;
  }
  
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
    fill: var(--cds-icon-secondary, #525252);
    transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
    .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
      fill: ButtonText;
    }
  }
  
  .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--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .cds--text-input--invalid,
  .cds--text-input--warning {
    padding-inline-end: 2.5rem;
  }
  
  .cds--text-input--invalid.cds--password-input {
    padding-inline-end: 4rem;
  }
  
  .cds--text-input--invalid + .cds--text-input--password__visibility__toggle {
    inset-inline-end: 1rem;
  }
  
  .cds--password-input-wrapper .cds--text-input__invalid-icon {
    inset-inline-end: 2.5rem;
  }
  
  .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));
  }
  .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 {
    cursor: default;
  }
  .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:hover {
    cursor: default;
  }
  .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__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, #f4f4f4);
  }
  
  .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;
    box-shadow: none;
  }
  @media screen and (prefers-contrast) {
    .cds--text-input--invalid {
      outline-style: dotted;
    }
  }
  .cds--text-input--invalid .cds--text-input--password__visibility__toggle {
    inset-inline-end: 2.5rem;
  }
  
  .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;
    }
  }
  
  .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 wrap;
  }
  
  .cds--text-input-wrapper .cds--label--inline {
    flex: 1;
    margin: 0.8125rem 0 0 0;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  
  .cds--text-input-wrapper .cds--label--inline--sm {
    margin-block-start: 0.5625rem;
  }
  
  .cds--text-input-wrapper .cds--label--inline--lg {
    margin-block-start: 1.0625rem;
  }
  
  .cds--text-input__label-helper-wrapper {
    flex: 2;
    flex-direction: column;
    margin-inline-end: 1.5rem;
    max-inline-size: 8rem;
    overflow-wrap: break-word;
  }
  
  .cds--text-input-wrapper .cds--form__helper-text--inline {
    margin-block-start: 0.125rem;
  }
  
  .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;
    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:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
  .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label),
  .cds--text-input__field-wrapper--slug .cds--text-input: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--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
  .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
  .cds--text-input--invalid ~ .cds--ai-label,
  .cds--text-input--warning ~ .cds--ai-label,
  .cds--text-input--invalid ~ .cds--slug,
  .cds--text-input--warning ~ .cds--slug {
    inset-inline-end: 2.5rem;
  }
  
  .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
    block-size: 1rem;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
    .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
      fill: ButtonText;
    }
  }
  
  .cds--text-input__label-wrapper {
    display: flex;
    justify-content: space-between;
    inline-size: 100%;
  }
  
  .cds--tag {
    --cds-layout-size-height-xs: 1.125rem;
    --cds-layout-size-height-sm: 1.125rem;
    --cds-layout-size-height-md: 1.5rem;
    --cds-layout-size-height-lg: 2rem;
    --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);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    margin: 0.25rem;
    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--layout--size-xs .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-xs);
  }
  .cds--layout--size-sm .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-sm);
  }
  .cds--layout--size-md .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
  }
  .cds--layout--size-lg .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-lg);
  }
  .cds--tag.cds--tag--operational {
    border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
  }
  .cds--tag.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-gray, #d1d1d1);
  }
  .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.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;
  }
  .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;
  }
  .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);
  }
  .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;
  }
  .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);
  }
  .cds--tag--red.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-red, #ffc2c5);
  }
  .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);
  }
  .cds--tag--magenta.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-magenta, #ffbdda);
  }
  .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);
  }
  .cds--tag--purple.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-purple, #dcc7ff);
  }
  .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);
  }
  .cds--tag--blue.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-blue, #b8d3ff);
  }
  .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);
  }
  .cds--tag--cyan.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-cyan, #99daff);
  }
  .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);
  }
  .cds--tag--teal.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-teal, #57e5e5);
  }
  .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);
  }
  .cds--tag--green.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-green, #74e792);
  }
  .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);
  }
  .cds--tag--gray.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-gray, #d1d1d1);
  }
  .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);
  }
  .cds--tag--cool-gray.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
  }
  .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);
  }
  .cds--tag--warm-gray.cds--tag--operational:hover {
    background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
  }
  .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);
  }
  .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
    background-color: var(--cds-background-inverse-hover, #474747);
  }
  .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);
  }
  
  .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, #f4f4f4);
    color: var(--cds-text-primary, #161616);
    outline: 1px solid var(--cds-background-inverse, #393939);
    outline-offset: -1px;
  }
  .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
    border: 1px solid var(--cds-background, #f4f4f4);
  }
  .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
    background-color: var(--cds-layer-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--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));
    box-shadow: none;
    outline: none;
  }
  .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);
  }
  .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);
  }
  .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):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));
  }
  .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);
  }
  
  .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;
    background-color: var(--cds-skeleton-background, #e8e8e8);
    color: var(--cds-text-primary, #161616);
    overflow: hidden;
    inline-size: 3.75rem;
  }
  .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;
    }
  }
  .cds--tag.cds--skeleton.cds--tag--operational {
    border: 1px solid var(--cds-skeleton-background, #e8e8e8);
  }
  .cds--tag.cds--skeleton.cds--tag--operational:hover {
    background-color: var(--cds-skeleton-background, #e8e8e8);
  }
  .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);
  }
  @media not all and (min-resolution >= 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .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;
  }
  
  .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 svg,
    .cds--tag__custom-icon svg {
      fill: ButtonText;
    }
  }
  
  @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: 2;
  }
  
  .cds--list-box {
    position: relative;
    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%;
    max-block-size: 2.5rem;
    transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--list-box strong {
    font-weight: 600;
  }
  .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--lg {
    block-size: 3rem;
    max-block-size: 3rem;
  }
  
  .cds--list-box--sm {
    block-size: 2rem;
    max-block-size: 2rem;
  }
  
  .cds--list-box--expanded {
    border-block-end-color: var(--cds-border-subtle-01, #e0e0e0);
  }
  
  .cds--layer-two .cds--list-box--expanded {
    border-block-end-color: var(--cds-border-subtle-02, #c6c6c6);
  }
  
  .cds--layer-three .cds--list-box--expanded {
    border-block-end-color: var(--cds-border-subtle-03, #e0e0e0);
  }
  
  .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, #f4f4f4);
  }
  
  .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, #f4f4f4);
  }
  .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, #f4f4f4);
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    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 *,
  .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: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: 5rem;
  }
  
  .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;
            user-select: none;
    white-space: nowrap;
  }
  
  .cds--list-box__menu-icon {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    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 *,
  .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 > 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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    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;
            user-select: none;
  }
  .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: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));
  }
  .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));
  }
  .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--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: 13.75rem;
  }
  
  .cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu {
    max-block-size: 16.5rem;
  }
  
  .cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu {
    max-block-size: 11rem;
  }
  
  .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: 2.5rem;
    color: var(--cds-text-secondary, #525252);
    cursor: pointer;
    transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-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--sm .cds--list-box__menu-item {
    block-size: 2rem;
  }
  
  .cds--list-box--lg .cds--list-box__menu-item {
    block-size: 3rem;
  }
  
  .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, #e0e0e0);
  }
  
  .cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
    border-block-start-color: var(--cds-border-subtle-02, #c6c6c6);
  }
  
  .cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
    border-block-start-color: var(--cds-border-subtle-03, #e0e0e0);
  }
  
  .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, #e0e0e0);
  }
  
  .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, #c6c6c6);
  }
  
  .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, #e0e0e0);
  }
  
  .cds--layer-two .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-02, #c6c6c6);
  }
  
  .cds--layer-three .cds--list-box__menu-item__option {
    border-block-start-color: var(--cds-border-subtle-03, #e0e0e0);
  }
  
  .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;
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: block;
    overflow: hidden;
    padding: 0.6875rem 0;
    margin: 0 1rem;
    block-size: 2.5rem;
    border-block-end: 1px solid transparent;
    border-block-start: 1px solid transparent;
    border-block-start-color: var(--cds-border-subtle-01, #e0e0e0);
    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 *,
  .cds--list-box__menu-item__option *::before,
  .cds--list-box__menu-item__option *::after {
    box-sizing: inherit;
  }
  .cds--list-box__menu-item__option:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    padding: 0.6875rem 1rem;
    border-color: transparent;
    margin: 0;
  }
  @media screen and (prefers-contrast) {
    .cds--list-box__menu-item__option:focus {
      outline-style: dotted;
    }
  }
  .cds--list-box__menu-item__option:hover {
    border-color: transparent;
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--list-box--sm .cds--list-box__menu-item__option {
    block-size: 2rem;
    padding-block: 0.4375rem 0.4375rem;
  }
  
  .cds--list-box--lg .cds--list-box__menu-item__option {
    block-size: 3rem;
    padding-block: 0.9375rem 0.9375rem;
  }
  
  .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, #e0e0e0);
  }
  
  .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, #c6c6c6);
  }
  
  .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, #e0e0e0);
  }
  
  .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;
    color: var(--cds-text-primary, #161616);
  }
  @media screen and (prefers-contrast) {
    .cds--list-box__menu-item--highlighted {
      outline-style: dotted;
    }
  }
  
  .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: 2.5rem;
  }
  
  .cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,
  .cds--list-box--up.cds--list-box--sm .cds--list-box__menu,
  .cds--list-box--up .cds--list-box--sm .cds--list-box__menu {
    inset-block-end: 2rem;
  }
  
  .cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,
  .cds--list-box--up.cds--list-box--lg .cds--list-box__menu,
  .cds--list-box--up .cds--list-box--lg .cds--list-box__menu {
    inset-block-end: 3rem;
  }
  
  .cds--list-box input[role=combobox],
  .cds--list-box input[type=text] {
    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 .cds--list-box__inner-wrapper--decorator > *::after,
  .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
  .cds--list-box__wrapper--slug .cds--ai-label::after,
  .cds--list-box__wrapper--slug .cds--ai-label::before,
  .cds--list-box__wrapper--slug .cds--slug::after,
  .cds--list-box__wrapper--slug .cds--slug::before {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #e0e0e0);
    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 > *::after,
  .cds--list-box__wrapper--slug .cds--ai-label::after,
  .cds--list-box__wrapper--slug .cds--slug::after {
    display: block;
    inset-block-start: 0;
    inset-inline-end: -0.5625rem;
  }
  
  .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: 6rem;
  }
  
  .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.8125rem;
  }
  
  .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.1875rem;
  }
  
  .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--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.25rem;
  }
  
  @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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--list-box__menu-icon > svg,
    .cds--list-box__selection > svg,
    .cds--list-box__selection--multi > svg {
      fill: ButtonText;
    }
  }
  
  .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
    position: absolute;
    background-color: var(--cds-border-subtle-01, #e0e0e0);
    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, #e0e0e0);
    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, #f4f4f4);
  }
  
  .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;
    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 *,
  .cds--menu *::before,
  .cds--menu *::after {
    box-sizing: inherit;
  }
  
  .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);
    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__icon {
    display: none;
  }
  
  .cds--menu--with-icons .cds--menu-item__icon {
    display: flex;
  }
  
  .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--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 {
    grid-template-columns: 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-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;
    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-layout-size-height-sm: 1.125rem;
    --cds-layout-size-height-md: 1.5rem;
    --cds-layout-size-height-lg: 1.5rem;
    --cds-layout-size-height-xl: 1.5rem;
    --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--layout--size-xs .cds--contained-list .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-xs);
  }
  .cds--layout--size-sm .cds--contained-list .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-sm);
  }
  .cds--layout--size-md .cds--contained-list .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-md);
  }
  .cds--layout--size-lg .cds--contained-list .cds--tag {
    --cds-layout-size-height: var(--cds-layout-size-height-lg);
  }
  .cds--layout--size-xl .cds--contained-list .cds--tag {
    --cds-layout-size-height: 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;
    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, #f4f4f4);
    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-background, #f4f4f4);
    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, #ffffff);
  }
  
  .cds--layer-three .cds--contained-list--on-page .cds--contained-list__header {
    background-color: var(--cds-layer-02, #f4f4f4);
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    text-align: start;
    transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  .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__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;
    position: absolute;
    content: "";
    inset: 0;
  }
  @media screen and (prefers-contrast) {
    .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
      outline-style: dotted;
    }
  }
  
  .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;
    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;
    block-size: var(--cds-layout-size-height-local);
    inline-size: 100%;
  }
  
  .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;
    transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
    white-space: nowrap;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--content-switcher-btn strong {
    font-weight: 600;
  }
  .cds--content-switcher-btn::after {
    position: absolute;
    display: block;
    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;
    transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  @media (prefers-reduced-motion: reduce) {
    .cds--content-switcher-btn::after {
      transition: none;
    }
  }
  .cds--content-switcher-btn:disabled::after {
    display: none;
  }
  .cds--content-switcher-btn:focus {
    z-index: 3;
    border-color: var(--cds-focus, #0f62fe);
    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:focus::after {
    clip-path: inset(3px 3px 3px 3px);
  }
  .cds--content-switcher-btn:hover {
    color: var(--cds-text-primary, #161616);
    cursor: pointer;
  }
  .cds--content-switcher-btn:hover, .cds--content-switcher-btn:active {
    z-index: 3;
    background-color: var(--cds-layer-hover);
    color: var(--cds-text-primary, #161616);
  }
  .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));
  }
  .cds--content-switcher-btn:disabled:hover {
    cursor: not-allowed;
  }
  .cds--content-switcher-btn:disabled:first-child, .cds--content-switcher-btn:disabled:last-child {
    border-color: var(--cds-border-disabled, #c6c6c6);
  }
  
  .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-inline-start: 0.0625rem solid var(--cds-border-inverse, #161616);
    border-start-start-radius: 0.25rem;
  }
  .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child:disabled {
    border-color: var(--cds-border-disabled, #c6c6c6);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  }
  
  .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
    border-end-end-radius: 0.25rem;
    border-inline-end: 0.0625rem solid var(--cds-border-inverse, #161616);
    border-start-end-radius: 0.25rem;
  }
  .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child:disabled {
    border-color: var(--cds-border-disabled, #c6c6c6);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  }
  
  .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-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 {
    display: none;
  }
  
  .cds--content-switcher-btn:focus::before,
  .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,
  .cds--content-switcher-btn:hover::before,
  .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,
  .cds--content-switcher--selected::before,
  .cds--content-switcher--selected + .cds--content-switcher-btn::before {
    background-color: transparent;
  }
  
  .cds--content-switcher-btn:disabled::before,
  .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,
  .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);
    transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  
  .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:hover .cds--content-switcher__icon,
  .cds--content-switcher-btn:focus .cds--content-switcher__icon {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .cds--content-switcher-btn.cds--content-switcher--selected {
    z-index: 3;
    background-color: var(--cds-layer-selected-inverse, #161616);
    color: var(--cds-text-inverse, #ffffff);
  }
  .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
    background-color: var(--cds-layer-selected-disabled, #8d8d8d);
    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;
  }
  
  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {
    border-end-start-radius: 0.25rem;
    border-inline-start: 0.0625rem solid var(--cds-border-inverse, #161616);
    border-start-start-radius: 0.25rem;
  }
  
  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher--selected[disabled],
  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher--selected[disabled] {
    border-color: var(--cds-layer-selected-disabled, #8d8d8d);
  }
  
  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {
    border-end-end-radius: 0.25rem;
    border-inline-end: 0.0625rem solid var(--cds-border-inverse, #161616);
    border-start-end-radius: 0.25rem;
  }
  
  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn.cds--content-switcher--selected,
  .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn.cds--content-switcher--selected {
    border-color: var(--cds-background, #f4f4f4);
  }
  
  .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 {
    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--icon-only .cds--content-switcher-popover__wrapper:first-of-type .cds--content-switcher-btn::before {
    display: none;
  }
  
  .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-btn:hover::before,
  .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .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;
  }
  
  .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] {
    border-color: var(--cds-border-inverse, #161616);
  }
  
  .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--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--radio-button-group {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    position: relative;
    display: flex;
    align-items: center;
  }
  .cds--radio-button-group *,
  .cds--radio-button-group *::before,
  .cds--radio-button-group *::after {
    box-sizing: inherit;
  }
  
  .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;
  }
  
  .cds--radio-button__appearance {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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__appearance *,
  .cds--radio-button__appearance *::before,
  .cds--radio-button__appearance *::after {
    box-sizing: inherit;
  }
  
  .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 {
      fill: ButtonText;
      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;
            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;
    block-size: 1.125rem;
    inline-size: 6.25rem;
  }
  .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;
    }
  }
  
  .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-header {
    background-color: var(--cds-layer);
    padding-block: 1rem 1.5rem;
    padding-inline: 1rem;
  }
  
  .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);
  }
  
  .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, #e0e0e0);
    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, #c6c6c6);
  }
  
  .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, #e0e0e0);
  }
  
  @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__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, #f4f4f4);
  }
  
  .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,
  .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);
  }
  
  .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);
  }
  
  .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;
    overflow-y: scroll;
    /* 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 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;
    overflow: scroll;
    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;
    overflow-x: scroll;
    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;
  }
  .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 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;
  }
  @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);
  }
  
  .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--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,
  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,
  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;
  }
  
  .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,
  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;
  }
  
  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,
  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);
  }
  
  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 {
    position: relative;
    display: flex;
    align-items: center;
    inline-size: 100%;
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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 2.5rem;
    border: none;
    appearance: none;
    background-color: var(--cds-field);
    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 *,
  .cds--search-input *::before,
  .cds--search-input *::after {
    box-sizing: inherit;
  }
  .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::placeholder {
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
  }
  .cds--search-input::-ms-clear {
    display: 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]::placeholder {
    color: var(--cds-field);
  }
  
  .cds--search--light .cds--search-input {
    background: var(--cds-field-02, #f4f4f4);
  }
  
  .cds--search--light .cds--search-close::before {
    background: var(--cds-field-02, #f4f4f4);
  }
  
  .cds--search--sm .cds--search-input,
  .cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input {
    padding: 0 2rem;
    block-size: 2rem;
  }
  
  .cds--search--sm .cds--search-magnifier-icon {
    inset-inline-start: 0.5rem;
  }
  
  .cds--search--md .cds--search-input,
  .cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input {
    padding: 0 2.5rem;
    block-size: 2.5rem;
  }
  
  .cds--search--md .cds--search-magnifier-icon {
    inset-inline-start: 0.75rem;
  }
  
  .cds--search--lg .cds--search-input,
  .cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input {
    padding: 0 3rem;
    block-size: 3rem;
  }
  
  .cds--search-magnifier-icon {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    position: absolute;
    z-index: 2;
    block-size: 1rem;
    fill: var(--cds-icon-secondary, #525252);
    inline-size: 1rem;
    inset-block-start: 50%;
    inset-inline-start: 1rem;
    pointer-events: none;
    transform: translateY(-50%);
  }
  .cds--search-magnifier-icon *,
  .cds--search-magnifier-icon *::before,
  .cds--search-magnifier-icon *::after {
    box-sizing: inherit;
  }
  
  .cds--search-close {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
  }
  .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::before {
    position: absolute;
    display: block;
    background-color: var(--cds-field);
    block-size: calc(100% - 2px);
    content: "";
    inline-size: 2px;
    inset-block-start: 0.0625rem;
    inset-inline-start: 0;
    transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .cds--search-close::before {
      transition: none;
    }
  }
  .cds--search-close:hover {
    border-block-end: 1px solid var(--cds-border-strong);
  }
  .cds--search-close:hover::before {
    background-color: var(--cds-field-hover);
  }
  
  .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 {
    fill: inherit;
  }
  
  .cds--search-close,
  .cds--search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;
    block-size: 2.5rem;
    cursor: pointer;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 2.5rem;
    opacity: 1;
    transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
    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;
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  }
  @media screen and (prefers-contrast) {
    .cds--search-close:active,
    .cds--search-button:active {
      outline-style: dotted;
    }
  }
  
  .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:focus::before,
  .cds--search-close:active::before {
    background-color: var(--cds-focus, #0f62fe);
  }
  
  .cds--search-input:focus ~ .cds--search-close:hover {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
  }
  @media screen and (prefers-contrast) {
    .cds--search-input:focus ~ .cds--search-close:hover {
      outline-style: dotted;
    }
  }
  
  .cds--search--sm .cds--search-close,
  .cds--search--sm ~ .cds--search-button, .cds--search--sm.cds--search--expandable, .cds--search--sm.cds--search--expandable .cds--search-magnifier {
    block-size: 2rem;
    inline-size: 2rem;
  }
  .cds--search--sm.cds--search--expandable .cds--search-input::placeholder {
    padding: 0 2rem;
  }
  
  .cds--search--md .cds--search-close,
  .cds--search--md ~ .cds--search-button, .cds--search--md.cds--search--expandable, .cds--search--md.cds--search--expandable .cds--search-magnifier {
    block-size: 2.5rem;
    inline-size: 2.5rem;
  }
  .cds--search--md.cds--search--expandable .cds--search-input::placeholder {
    padding: 0 2.5rem;
  }
  
  .cds--search--lg .cds--search-close,
  .cds--search--lg ~ .cds--search-button, .cds--search--lg.cds--search--expandable, .cds--search--lg.cds--search--expandable .cds--search-magnifier {
    block-size: 3rem;
    inline-size: 3rem;
  }
  .cds--search--lg.cds--search--expandable .cds--search-input::placeholder {
    padding: 0 3rem;
  }
  
  .cds--search-close--hidden {
    opacity: 0;
    visibility: hidden;
  }
  
  .cds--search--lg.cds--skeleton .cds--search-input,
  .cds--search--md.cds--skeleton .cds--search-input,
  .cds--search--sm.cds--skeleton .cds--search-input {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
    inline-size: 100%;
  }
  .cds--search--lg.cds--skeleton .cds--search-input:hover, .cds--search--lg.cds--skeleton .cds--search-input:focus, .cds--search--lg.cds--skeleton .cds--search-input:active,
  .cds--search--md.cds--skeleton .cds--search-input:hover,
  .cds--search--md.cds--skeleton .cds--search-input:focus,
  .cds--search--md.cds--skeleton .cds--search-input:active,
  .cds--search--sm.cds--skeleton .cds--search-input:hover,
  .cds--search--sm.cds--skeleton .cds--search-input:focus,
  .cds--search--sm.cds--skeleton .cds--search-input:active {
    border: none;
    cursor: default;
    outline: none;
  }
  .cds--search--lg.cds--skeleton .cds--search-input::before,
  .cds--search--md.cds--skeleton .cds--search-input::before,
  .cds--search--sm.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--search--lg.cds--skeleton .cds--search-input::before,
    .cds--search--md.cds--skeleton .cds--search-input::before,
    .cds--search--sm.cds--skeleton .cds--search-input::before {
      animation: none;
    }
  }
  .cds--search--lg.cds--skeleton .cds--search-input::placeholder,
  .cds--search--md.cds--skeleton .cds--search-input::placeholder,
  .cds--search--sm.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: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9), width 0s linear 70ms;
  }
  .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 {
    inline-size: 100%;
    transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  .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));
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--search-close svg,
    .cds--search-magnifier-icon {
      fill: ButtonText;
    }
  }
  
  .cds--table-toolbar {
    position: relative;
    z-index: 1;
    display: flex;
    background-color: var(--cds-layer);
    inline-size: 100%;
    min-block-size: 3rem;
  }
  
  .cds--toolbar-content {
    display: flex;
    justify-content: flex-end;
    block-size: 3rem;
    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--toolbar-content .cds--search .cds--search-input {
    padding: 0 3rem;
    background-color: transparent;
    block-size: 3rem;
  }
  
  .cds--toolbar-content .cds--overflow-menu {
    block-size: 3rem;
    inline-size: 3rem;
  }
  
  .cds--batch-actions ~ .cds--toolbar-search-container {
    display: flex;
    align-items: center;
    opacity: 1;
    transition: opacity 110ms;
  }
  
  .cds--toolbar-search-container-expandable {
    position: relative;
    block-size: 3rem;
    box-shadow: none;
    cursor: pointer;
    inline-size: 3rem;
    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: 3rem;
  }
  
  .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 .cds--search-close {
    block-size: 3rem;
    inline-size: 3rem;
  }
  .cds--toolbar-search-container-expandable.cds--search .cds--search-close::before {
    background-color: var(--cds-field-hover);
    block-size: calc(100% - 0.25rem);
    inset-block-start: 0.125rem;
  }
  
  .cds--toolbar-search-container-expandable.cds--search .cds--search-close:focus::before {
    background-color: var(--cds-focus, #0f62fe);
  }
  
  .cds--table-toolbar .cds--search--lg .cds--search-magnifier-icon {
    inset-inline-start: 0;
  }
  
  .cds--table-toolbar:not(.cds--table-toolbar--sm) .cds--toolbar-search-container-persistent.cds--search--lg .cds--search-magnifier-icon {
    inset-inline-start: 1rem;
  }
  
  .cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm:not(.cds--toolbar-search-container-active):not(.cds--toolbar-search-container-persistent) .cds--search-magnifier-icon {
    inset-inline-start: 0;
  }
  
  .cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm.cds--toolbar-search-container-active .cds--search-magnifier-icon {
    inset-inline-start: 0.5rem;
  }
  
  .cds--table-toolbar .cds--toolbar-search-container-persistent.cds--search--sm .cds--search-magnifier-icon {
    inset-inline-start: 0.5rem;
  }
  
  .cds--toolbar-search-container-expandable .cds--search-magnifier-icon {
    padding: 1rem;
    block-size: 3rem;
    inline-size: 3rem;
  }
  
  .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 3rem;
    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(: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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: flex;
    padding: 1rem;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
  }
  .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--toolbar-action {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: flex;
    block-size: 3rem;
    cursor: pointer;
    inline-size: 3rem;
    transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
  }
  .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: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, #f4f4f4);
  }
  
  .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, #f4f4f4);
  }
  
  .cds--toolbar-search-container-persistent {
    position: relative;
    block-size: 3rem;
    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-magnifier-icon {
    inset-inline-start: 1rem;
  }
  
  .cds--toolbar-search-container-persistent .cds--search-input {
    padding: 0 3rem;
    border: none;
    block-size: 3rem;
  }
  
  .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:active:not([disabled]),
  .cds--toolbar-search-container-persistent .cds--search-input:not(:placeholder-shown) {
    background-color: var(--cds-field-hover);
  }
  
  .cds--toolbar-search-container-persistent .cds--search-close {
    block-size: 3rem;
    inline-size: 3rem;
  }
  
  .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, 48px, 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, 48px, 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--sm {
    block-size: 2rem;
    min-block-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-expandable,
  .cds--table-toolbar--sm .cds--toolbar-search-container-persistent {
    block-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-input,
  .cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-input {
    block-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-close,
  .cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-close {
    block-size: 2rem;
    inline-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-magnifier-icon,
  .cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {
    padding: 0.5rem;
    block-size: 2rem;
    inline-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-action.cds--toolbar-search-container-persistent {
    inline-size: 100%;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-expandable {
    inline-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search .cds--search-input {
    padding: 0 3rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-active {
    flex: auto;
    transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input {
    visibility: inherit;
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    background-color: var(--cds-field-hover);
  }
  @media screen and (prefers-contrast) {
    .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
      outline-style: dotted;
    }
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:active,
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {
    background-color: var(--cds-field-hover);
  }
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {
    outline: 2px solid transparent;
    outline-offset: -2px;
    background-color: transparent;
  }
  .cds--table-toolbar--sm .cds--overflow-menu.cds--toolbar-action {
    block-size: 2rem;
    inline-size: 2rem;
    min-inline-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-content {
    block-size: 2rem;
  }
  .cds--table-toolbar--sm .cds--toolbar-content .cds--overflow-menu {
    block-size: 2rem;
    inline-size: 2rem;
  }
  
  .cds--search--disabled .cds--search-magnifier-icon:hover {
    background-color: transparent;
  }
  
  .cds--table-toolbar--sm .cds--batch-actions .cds--action-list {
    block-size: 2rem;
  }
  
  .cds--table-toolbar--sm .cds--toolbar-action {
    padding: 0.5rem 0;
    block-size: 2rem;
    inline-size: 2rem;
  }
  
  .cds--table-toolbar--sm .cds--btn--primary {
    block-size: 2rem;
    min-block-size: auto;
    padding-block: 0.375rem;
  }
  
  .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
    inset-block-start: 0.5rem;
  }
  
  .cds--table-toolbar--sm .cds--toolbar-action ~ .cds--btn {
    overflow: hidden;
    block-size: 2rem;
  }
  
  .cds--table-toolbar--sm .cds--batch-summary {
    min-block-size: 2rem;
  }
  
  .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);
  }
  
  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, #e0e0e0);
  }
  
  .cds--layer-two .cds--data-table td.cds--table-expand {
    border-block-end: 1px solid var(--cds-border-subtle-02, #c6c6c6);
  }
  
  .cds--layer-three .cds--data-table td.cds--table-expand {
    border-block-end: 1px solid var(--cds-border-subtle-03, #e0e0e0);
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    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--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--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;
  }
  
  tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
    position: absolute;
    background-color: var(--cds-layer-accent);
    block-size: 0.0625rem;
    content: "";
    inline-size: 0.5rem;
    inset-block-end: -0.0625rem;
    inset-inline-start: 0;
  }
  
  tr.cds--parent-row.cds--expandable-row:hover td.cds--table-expand + td::after,
  tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td.cds--table-expand + td::after {
    background-color: var(--cds-layer-hover);
  }
  
  tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
    display: none;
  }
  
  .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 {
    border-block-end: 1px solid var(--cds-layer);
  }
  
  .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 {
    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 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);
  }
  
  .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);
  }
  
  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,
  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,
  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 tr.cds--data-table--slug-row:hover td,
  .cds--data-table--ai-label-row 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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--table-expand__svg {
      fill: ButtonText;
    }
  }
  
  .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;
    display: block;
    block-size: 1rem;
    inline-size: 4rem;
  }
  .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;
    }
  }
  
  .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;
    block-size: 1.5rem;
    inline-size: 7.5rem;
  }
  .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;
    }
  }
  
  .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;
    block-size: 1rem;
    inline-size: 10rem;
    margin-block-start: 0.5rem;
  }
  .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;
    }
  }
  
  .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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    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 *,
  .cds--table-sort *::before,
  .cds--table-sort *::after {
    box-sizing: inherit;
  }
  .cds--table-sort::-moz-focus-inner {
    border: 0;
  }
  
  .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--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 {
    margin-inline-end: 0.5rem;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--table-sort__icon,
    .cds--table-sort__icon-unsorted {
      fill: ButtonText;
    }
  }
  
  @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;
    }
  }
  .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, #ffffff);
    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;
            user-select: none;
  }
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .flatpickr-prev-month,
    .flatpickr-next-month {
      fill: ButtonText;
    }
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .flatpickr-prev-month,
    .flatpickr-next-month {
      transition: none;
    }
  }
  .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));
  }
  
  .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;
  }
  .flatpickr-current-month .cur-month:hover {
    background-color: var(--cds-layer-hover);
  }
  
  .numInputWrapper {
    position: relative;
    inline-size: 3.75rem;
  }
  .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, #ffffff);
    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, #ffffff);
    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%;
  }
  .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));
  }
  
  .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;
    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);
  }
  .flatpickr-day:hover {
    background: var(--cds-layer-hover);
  }
  .flatpickr-day:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    outline-color: var(--cds-button-primary, #0f62fe);
  }
  @media screen and (prefers-contrast) {
    .flatpickr-day:focus {
      outline-style: dotted;
    }
  }
  
  .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, #f4f4f4);
    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;
    z-index: 3;
    background: var(--cds-layer-01, #ffffff);
  }
  @media screen and (prefers-contrast) {
    .flatpickr-day.startRange.inRange:not(.selected),
    .flatpickr-day.endRange.inRange {
      outline-style: dotted;
    }
  }
  
  .flatpickr-day.endRange:hover {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    background: var(--cds-layer-01, #ffffff);
    color: var(--cds-text-primary, #161616);
  }
  @media screen 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;
  }
  .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, #f4f4f4);
  }
  
  .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;
    font-family: var(--cds-code-02-font-family, 'IBM Plex 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 *,
  .cds--date-picker__input *::before,
  .cds--date-picker__input *::after {
    box-sizing: inherit;
  }
  .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::placeholder {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  }
  .cds--date-picker__input:disabled:hover {
    border-block-end: 1px solid transparent;
  }
  .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;
    inline-size: 100%;
  }
  .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;
    }
  }
  .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;
    block-size: 0.875rem;
    inline-size: 4.6875rem;
  }
  .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__icon {
      fill: ButtonText;
    }
  }
  
  .cds--dropdown__wrapper--inline {
    display: inline-grid;
    align-items: center;
    grid-gap: 0 1.5rem;
    grid-template: auto/auto min-content;
  }
  .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: 2;
  }
  
  .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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--dropdown strong {
    font-weight: 600;
  }
  .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, #f4f4f4);
  }
  .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 {
    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-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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--dropdown-list strong {
    font-weight: 600;
  }
  
  .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, #c6c6c6);
  }
  
  .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;
    padding: 0.6875rem 1rem;
    margin: 0;
  }
  @media screen and (prefers-contrast) {
    .cds--dropdown--focused,
    .cds--dropdown-link:focus {
      outline-style: dotted;
    }
  }
  
  .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;
    padding: 0.6875rem 1rem;
    margin: 0;
  }
  @media screen and (prefers-contrast) {
    .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
      outline-style: dotted;
    }
  }
  
  .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, #f4f4f4);
  }
  
  .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 .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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--list-box__menu-item__selected-icon {
      fill: ButtonText;
    }
  }
  
  .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;
    animation-duration: 690ms;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: cds--rotate;
    animation-timing-function: linear;
    block-size: 5.5rem;
    inline-size: 5.5rem;
  }
  .cds--loading *,
  .cds--loading *::before,
  .cds--loading *::after {
    box-sizing: inherit;
  }
  .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__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;
  }
  
  @media not all and (resolution >= 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      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(22, 22, 22, 0.5));
    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);
  }
  
  .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 {
    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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--file--label strong {
    font-weight: 600;
  }
  
  .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);
  }
  .cds--file-browse-btn:focus, .cds--file-browse-btn:hover {
    outline: 2px solid var(--cds-focus, #0f62fe);
  }
  .cds--file-browse-btn:hover, .cds--file-browse-btn:focus, .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;
  }
  .cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
    outline: none;
    text-decoration: none;
  }
  
  .cds--file-browse-btn--disabled .cds--file__drop-container {
    border: 1px dashed var(--cds-button-disabled, #c6c6c6);
  }
  
  .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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--label-description strong {
    font-weight: 600;
  }
  
  .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;
  }
  @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;
  }
  @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;
  }
  @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;
    background-color: var(--cds-layer);
    margin-block-end: 0.5rem;
    max-inline-size: 20rem;
    outline-width: 1px;
  }
  @media screen and (prefers-contrast) {
    .cds--file__selected-file--invalid__wrapper {
      outline-style: dotted;
    }
  }
  
  .cds--file__selected-file--invalid {
    outline: 2px solid var(--cds-support-error, #da1e28);
    outline-offset: -2px;
    padding: 0.75rem 0;
  }
  @media screen and (prefers-contrast) {
    .cds--file__selected-file--invalid {
      outline-style: dotted;
    }
  }
  
  .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-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);
    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-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;
    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;
    fill: var(--cds-icon-primary, #161616);
    inline-size: 1.5rem;
  }
  .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--file-close svg path {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .cds--file__state-container .cds--inline-loading__animation {
    margin-inline-end: -0.5rem;
  }
  
  .cds--file__drop-container {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    font-size: var(--cds-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__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--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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--file__state-container .cds--file-close svg path {
      fill: ButtonText;
    }
  }
  
  .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;
    z-index: 2;
    outline-offset: 0;
  }
  @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: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;
    z-index: 2;
    outline-offset: 0;
  }
  @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--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--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;
    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__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;
    }
  }
  
  .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;
    position: absolute;
    block-size: 0.5rem;
    inline-size: 25%;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
  }
  .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;
    }
  }
  
  .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: 0.75rem;
  }
  
  .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 .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: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: 0.6875rem 1rem;
    margin: 0;
    border-block-end: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  
  .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 {
    position: relative;
    display: flex;
    flex-direction: column;
    inline-size: 100%;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--number strong {
    font-weight: 600;
  }
  
  .cds--number .cds--number__input-wrapper--warning input[type=number] {
    padding-inline-end: 8rem;
  }
  
  .cds--number input[type=number] {
    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;
    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 {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
  }
  @media screen and (prefers-contrast) {
    .cds--number input[type=number]:focus {
      outline-style: dotted;
    }
  }
  .cds--number input[type=number]:disabled ~ .cds--number__controls {
    cursor: not-allowed;
    pointer-events: none;
  }
  .cds--number input[type=number]:disabled ~ .cds--number__controls svg {
    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  }
  .cds--number input[type=number]::-ms-clear {
    display: none;
  }
  .cds--number input[type=number]::-webkit-inner-spin-button {
    appearance: none;
  }
  .cds--number input[type=number][data-invalid] {
    padding-inline-end: 8rem;
  }
  
  .cds--number--lg.cds--number input[type=number] {
    padding-inline-end: 7rem;
  }
  .cds--number--lg.cds--number input[type=number][data-invalid] {
    padding-inline-end: 9rem;
  }
  .cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number] {
    padding-inline-end: 9rem;
  }
  
  .cds--number--sm.cds--number input[type=number] {
    padding-inline-end: 5rem;
  }
  .cds--number--sm.cds--number input[type=number][data-invalid] {
    padding-inline-end: 7rem;
  }
  .cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number] {
    padding-inline-end: 7rem;
  }
  
  .cds--number input[type=number]: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--number__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .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__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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--number__controls strong {
    font-weight: 600;
  }
  
  .cds--number__control-btn {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    block-size: 100%;
    color: var(--cds-icon-primary, #161616);
  }
  .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 svg {
    fill: currentColor;
  }
  .cds--number__control-btn:focus {
    outline: 1px solid var(--cds-focus, #0f62fe);
    color: var(--cds-icon-primary, #161616);
    outline-offset: -2px;
    outline-width: 2px;
  }
  @media screen and (prefers-contrast) {
    .cds--number__control-btn:focus {
      outline-style: dotted;
    }
  }
  .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 {
    border-block-end-color: var(--cds-support-error, #da1e28);
  }
  
  .cds--number input[type=number]: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 {
    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 {
    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 {
    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 {
    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 {
      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, #c6c6c6);
  }
  
  .cds--number input[type=number]: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 {
    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] {
    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] {
    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] {
    padding-inline-end: 0;
  }
  
  .cds--number--nosteppers input[type=number][data-invalid],
  .cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number] {
    padding-inline-end: 3rem;
  }
  
  .cds--number--nosteppers .cds--number__invalid {
    inset-inline-end: 1rem;
  }
  
  .cds--number--readonly input[type=number] {
    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 {
    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__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 {
    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;
    inline-size: 100%;
  }
  .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;
    }
  }
  .cds--number.cds--skeleton input[type=number] {
    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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--number__control-btn svg {
      fill: ButtonText;
    }
  }
  
  .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] {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
      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] {
    border-block-end: 1px solid transparent;
  }
  
  .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]: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] {
    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) {
    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 {
    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 {
    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 {
    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--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;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    inline-size: 100%;
  }
  .cds--select *,
  .cds--select *::before,
  .cds--select *::after {
    box-sizing: inherit;
  }
  
  .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;
    display: block;
    border: none;
    border-radius: 0;
    appearance: 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;
    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;
  }
  @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;
    color: var(--cds-text-primary, #161616);
  }
  @media screen and (prefers-contrast) {
    .cds--select-input:focus {
      outline-style: dotted;
    }
  }
  .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-input--sm {
    block-size: 2rem;
    max-block-size: 2rem;
  }
  
  .cds--select-input--lg {
    block-size: 3rem;
    max-block-size: 3rem;
  }
  
  .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, #f4f4f4);
  }
  .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, #f4f4f4);
    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__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--select--invalid .cds--label,
  .cds--select--inline.cds--select--invalid .cds--form__helper-text {
    align-self: flex-start;
    margin-block-start: 0.8125rem;
  }
  
  .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: auto;
    padding-inline: 0.5rem 2rem;
  }
  
  .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, #f4f4f4);
  }
  
  .cds--select--inline .cds--select-input[disabled],
  .cds--select--inline .cds--select-input[disabled]:hover {
    background-color: var(--cds-field);
  }
  
  .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 {
    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.cds--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
    block-size: 2.5rem;
    inline-size: 100%;
  }
  .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;
    }
  }
  
  .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, #e0e0e0);
    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: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)) {
    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--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;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--select__arrow {
      fill: ButtonText;
    }
  }
  
  .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--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--text-area {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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 *,
  .cds--text-area *::before,
  .cds--text-area *::after {
    box-sizing: inherit;
  }
  
  .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::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, #f4f4f4);
  }
  
  .cds--text-area--invalid {
    padding-inline-end: 2.5rem;
  }
  
  .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::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--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;
    block-size: 6.25rem;
    inline-size: 100%;
  }
  .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;
    }
  }
  .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, #f4f4f4);
  }
  
  .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, #f4f4f4);
  }
  
  .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--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;
    position: relative;
  }
  @media screen and (prefers-contrast) {
    .cds--time-picker--fluid--invalid {
      outline-style: dotted;
    }
  }
  
  .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--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;
    color: var(--cds-text-secondary, #525252);
  }
  
  .cds--icon-indicator svg {
    align-self: center;
    margin-inline-end: 0.5rem;
  }
  
  .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);
  }
  
  .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);
  }
  
  @keyframes prefix--stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  .cds--inline-loading {
    display: flex;
    align-items: center;
    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);
    color: var(--cds-text-secondary, #525252);
  }
  
  .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;
    }
  }
  .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;
    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--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--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-block;
  }
  
  .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--menu-button__top {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
  }
  
  .cds--menu-button__top-start {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
  }
  
  .cds--menu-button__top-end {
    transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
  }
  
  .cds--modal {
    position: fixed;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
    block-size: 100vh;
    content: "";
    inline-size: 100vw;
    inset-block-start: 0;
    inset-inline-start: 0;
    opacity: 0;
    transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
    visibility: hidden;
  }
  .cds--modal.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.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 .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, #ffffff);
  }
  .cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu {
    background-color: var(--cds-layer-01, #ffffff);
  }
  .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.is-visible .cds--modal-container {
    transform: translate3d(0, 0, 0);
    transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
  }
  
  .cds--modal-container {
    position: fixed;
    display: grid;
    background-color: var(--cds-layer);
    block-size: 100%;
    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: translate3d(0, -24px, 0);
    transform-origin: top center;
    transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
  }
  @media (min-width: 42rem) {
    .cds--modal-container {
      position: static;
      block-size: auto;
      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: -2rem;
  }
  
  .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;
    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;
    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__label *,
  .cds--modal-header__label *::before,
  .cds--modal-header__label *::after {
    box-sizing: inherit;
  }
  
  .cds--modal-header__heading {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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-header__heading *,
  .cds--modal-header__heading *::before,
  .cds--modal-header__heading *::after {
    box-sizing: inherit;
  }
  
  .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;
    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-scroll-content:has(.cds--autoalign) {
    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 {
    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__icon {
      fill: ButtonText;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--modal-close:focus {
      color: Highlight;
      outline: 1px solid Highlight;
    }
  }
  
  .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;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--inline-notification strong {
    font-weight: 600;
  }
  @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::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,
  .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,
  .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;
    }
  }
  
  .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);
  }
  
  @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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--inline-notification .cds--inline-notification__icon {
      fill: ButtonText;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--inline-notification .cds--inline-notification__close-icon {
      fill: ButtonText;
    }
  }
  
  .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;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--toast-notification strong {
    font-weight: 600;
  }
  @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--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--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--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .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--low-contrast .cds--toast-notification__subtitle {
    color: var(--cds-text-primary, #161616);
  }
  
  .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;
  }
  
  .cds--toast-notification--low-contrast .cds--toast-notification__caption {
    color: var(--cds-text-primary, #161616);
  }
  
  @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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--toast-notification .cds--toast-notification__close-icon {
      fill: ButtonText;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--toast-notification .cds--toast-notification__icon {
      fill: ButtonText;
    }
  }
  
  .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;
  }
  .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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--actionable-notification strong {
    font-weight: 600;
  }
  @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: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__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--low-contrast .cds--actionable-notification__subtitle {
    color: var(--cds-text-primary, #161616);
  }
  
  /* 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,
  .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,
  .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);
  }
  .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, #f4f4f4);
  }
  .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;
  }
  
  .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:hover: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:hover,
  .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;
  }
  
  .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;
    }
  }
  
  .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
    fill: var(--cds-icon-primary, #161616);
  }
  
  @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;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--actionable-notification .cds--inline-notification__icon,
    .cds--actionable-notification .cds--toast-notification__icon,
    .cds--actionable-notification .cds--actionable-notification__close-icon {
      fill: ButtonText;
    }
  }
  
  .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;
    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-start: 1px solid var(--cds-border-subtle);
    inline-size: calc(100% - 1px);
    min-block-size: 2.5rem;
    overflow-x: auto;
  }
  .cds--pagination *,
  .cds--pagination *::before,
  .cds--pagination *::after {
    box-sizing: inherit;
  }
  @media (min-width: 42rem) {
    .cds--pagination {
      overflow: initial;
    }
    .cds--pagination .cds--pagination__control-buttons {
      display: flex;
    }
  }
  @media (max-width: 41.98rem) {
    .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--sm {
    min-block-size: 2rem;
  }
  
  .cds--pagination--lg {
    min-block-size: 3rem;
  }
  
  .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: 2.5rem;
    min-inline-size: auto;
  }
  
  .cds--pagination .cds--select--inline .cds--select-input {
    padding-inline: 1rem 2.25rem;
  }
  
  .cds--pagination--sm .cds--select-input {
    line-height: 2rem;
  }
  
  .cds--pagination--lg .cds--select-input {
    line-height: 3rem;
  }
  
  .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);
  }
  
  .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;
  }
  @media (min-width: 42rem) {
    .cds--pagination__left {
      padding: 0 1rem;
    }
  }
  
  @media (min-width: 42rem) {
    .cds--pagination__text {
      display: inline-block;
    }
  }
  
  span.cds--pagination__text {
    color: var(--cds-text-primary, #161616);
    margin-inline-start: 1rem;
  }
  
  span.cds--pagination__text.cds--pagination__items-count {
    color: var(--cds-text-secondary, #525252);
  }
  
  .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;
    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);
    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--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 > 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--sm .cds--pagination__button,
  .cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
    block-size: 2rem;
    inline-size: 2rem;
  }
  
  .cds--pagination--lg .cds--pagination__button,
  .cds--pagination--lg .cds--btn--ghost.cds--pagination__button {
    block-size: 3rem;
    inline-size: 3rem;
  }
  
  .cds--pagination__button:focus,
  .cds--btn--ghost:focus.cds--pagination__button {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    border-inline-start: 0;
  }
  @media screen and (prefers-contrast) {
    .cds--pagination__button:focus,
    .cds--btn--ghost:focus.cds--pagination__button {
      outline-style: dotted;
    }
  }
  
  .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));
  }
  
  .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--unstable-pagination {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    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);
    inline-size: 100%;
    min-block-size: 2.5rem;
  }
  .cds--unstable-pagination *,
  .cds--unstable-pagination *::before,
  .cds--unstable-pagination *::after {
    box-sizing: inherit;
  }
  
  .cds--unstable-pagination__text {
    margin: 0 1rem;
    color: var(--cds-text-secondary, #525252);
  }
  @media (min-width: 42rem) {
    .cds--unstable-pagination__text {
      display: inline-block;
    }
  }
  
  .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;
    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--unstable-pagination__button *::before,
  .cds--unstable-pagination__button *::after {
    box-sizing: inherit;
  }
  
  .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;
    }
  }
  
  .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;
  }
  
  .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;
  }
  
  .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%);
  }
  @media (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 {
    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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--pagination-nav strong {
    font-weight: 600;
  }
  
  .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);
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    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;
            user-select: none;
  }
  .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: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 {
    appearance: none;
    max-block-size: var(--cds-layout-size-height-local);
    text-indent: calc(50% - 4.5px);
  }
  @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-layer);
    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,
  .cds--progress-bar--error .cds--progress-bar__helper-text {
    color: var(--cds-support-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);
  }
  
  .cds--progress {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: flex;
    list-style: none;
  }
  .cds--progress *,
  .cds--progress *::before,
  .cds--progress *::after {
    box-sizing: inherit;
  }
  
  .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;
  }
  
  .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);
    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: "";
  }
  
  .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:not(.cds--progress-step-button--unclickable):focus {
    outline: none;
  }
  .cds--progress-step-button:not(.cds--progress-step-button--unclickable):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;
    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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: flex;
    text-align: start;
  }
  .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--unclickable {
    cursor: default;
    outline: none;
  }
  
  .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,
  .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;
    block-size: 0.875rem;
    inline-size: 2.5rem;
    margin-block-start: 0.625rem;
  }
  .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;
    }
  }
  
  .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;
  }
  
  @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;
    display: inline-block;
    block-size: 1rem;
    inline-size: 1rem;
  }
  .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;
    }
  }
  
  .cds--skeleton__placeholder {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
    block-size: 6.25rem;
    inline-size: 6.25rem;
  }
  .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;
    }
  }
  
  .cds--skeleton__text {
    position: relative;
    padding: 0;
    border: none;
    background: var(--cds-skeleton-background, #e8e8e8);
    box-shadow: none;
    pointer-events: none;
    block-size: 1rem;
    inline-size: 100%;
    margin-block-end: 0.5rem;
  }
  .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;
    }
  }
  
  .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;
  }
  
  .cds--slider-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    -webkit-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);
  }
  .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, #f4f4f4);
    block-size: 0.125rem;
    content: "";
    inline-size: 0.375rem;
    inset-block-start: calc(50% - 0.0625rem);
    inset-inline-end: 0;
  }
  .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:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
    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 {
    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);
  }
  .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:hover, .cds--slider--disabled .cds--slider__thumb--lower:focus,
  .cds--slider--disabled .cds--slider__thumb--upper:active,
  .cds--slider--disabled .cds--slider__thumb--upper:hover,
  .cds--slider--disabled .cds--slider__thumb--upper:focus {
    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--form-item .cds--slider-text-input:hover,
  .cds--slider--disabled ~ .cds--slider-text-input:active,
  .cds--slider--disabled ~ .cds--slider-text-input:focus,
  .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;
    block-size: 0.75rem;
    inline-size: 1.25rem;
  }
  .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;
    }
  }
  
  .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;
    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;
    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 *::before,
  .cds--structured-list *::after {
    box-sizing: inherit;
  }
  .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;
  }
  
  .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;
  }
  
  .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td,
  .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;
    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-th *,
  .cds--structured-list-th *::before,
  .cds--structured-list-th *::after {
    box-sizing: inherit;
  }
  
  .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;
    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-td *,
  .cds--structured-list-td *::before,
  .cds--structured-list-td *::after {
    box-sizing: inherit;
  }
  
  .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;
    display: block;
    block-size: 1rem;
    inline-size: 75%;
  }
  .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;
    }
  }
  
  .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;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--structured-list-input:checked + .cds--structured-list-td .cds--structured-list-svg {
      fill: ButtonText;
    }
  }
  
  .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--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 {
    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 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: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  }
  .cds--tabs strong {
    font-weight: 600;
  }
  .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 {
    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;
    display: flex;
  }
  .cds--tabs .cds--tabs__nav *,
  .cds--tabs .cds--tabs__nav *::before,
  .cds--tabs .cds--tabs__nav *::after {
    box-sizing: inherit;
  }
  .cds--tabs .cds--tab--overflow-nav-button {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: var(--cds-background, #f4f4f4);
    inline-size: 2.5rem;
  }
  .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: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, #f4f4f4));
  }
  .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, #f4f4f4));
  }
  .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));
  }
  @media not all and (resolution >= 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .cds--tabs .cds--tabs__overflow-indicator--left {
        background-image: linear-gradient(to left, rgba(var(--cds-background, #f4f4f4), 0), var(--cds-background, #f4f4f4));
      }
      .cds--tabs .cds--tabs__overflow-indicator--right {
        background-image: linear-gradient(to right, rgba(var(--cds-background, #f4f4f4), 0), var(--cds-background, #f4f4f4));
      }
      .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 {
    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 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: 'IBM Plex 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 + .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, #ffffff);
    block-size: 4rem;
    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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    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 *,
  .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 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-text-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-text-primary, #161616);
  }
  .cds--tabs .cds--tabs__nav-item--close-icon--selected svg {
    fill: var(--cds-text-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-text-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 {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    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 *,
  .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: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;
    padding-inline: var(--cds-layout-density-padding-inline-local);
  }
  .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: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, #f4f4f4);
  }
  .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 {
    grid-column: 3/-1;
    overflow-y: auto;
  }
  .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 .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, #ffffff);
  }
  .cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box__menu {
    background-color: var(--cds-layer-01, #ffffff);
  }
  .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);
  }
  @media (min-width: 66rem) {
    .cds--tabs--vertical ~ .cds--tab-content {
      grid-column: 5/-1;
    }
  }
  
  .cds--tab-content--interactive:focus {
    outline: none;
  }
  
  .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;
    display: block;
    block-size: 0.875rem;
    inline-size: 100%;
  }
  .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__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {
      color: Highlight;
      outline: 1px solid Highlight;
    }
  }
  
  @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: 'IBM Plex 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, #f4f4f4);
  }
  
  .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;
    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 *,
  .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: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;
    text-decoration: none;
  }
  @media screen and (prefers-contrast) {
    .cds--tile--clickable:focus {
      outline-style: dotted;
    }
  }
  .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;
    }
  }
  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
    .cds--tile__chevron svg {
      fill: ButtonText;
    }
  }
  
  .cds--tile__chevron--interactive {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    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 *,
  .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: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;
  }
  @media not all and (resolution >= 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .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);
  }
  @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
    .cds--tile--is-selected .cds--tile__checkmark svg {
      fill: ButtonText;
    }
  }
  
  .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, #f4f4f4);
  }
  
  .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);
  }
  
  .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--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;
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--tile__chevron svg,
    .cds--tile__checkmark svg,
    .cds--tile--is-selected .cds--tile__checkmark svg {
      fill: ButtonText;
    }
  }
  
  .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, 'IBM Plex 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::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, #f4f4f4);
  }
  .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;
            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;
    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: 2px solid var(--cds-focus, #0f62fe);
    border-radius: 1rem;
    block-size: calc(100% + 0.375rem);
    content: "";
    inline-size: calc(100% + 0.375rem);
    margin-block-start: -0.1875rem;
    margin-inline-start: -0.1875rem;
  }
  
  .cds--toggle__switch--checked {
    background-color: var(--cds-support-success, #24a148);
  }
  .cds--toggle__switch--checked::before {
    transform: translateX(1.5rem);
  }
  
  .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-text-primary, #161616);
    inset-block-start: 0.125rem;
    inset-inline-start: 0.125rem;
  }
  
  .cds--toggle--readonly .cds--toggle__check {
    fill: var(--cds-background, #f4f4f4);
    inset-block-start: 0.3125rem;
    inset-inline-end: 0.25rem;
  }
  
  .cds--toggle--readonly .cds--toggle__text {
    cursor: text;
    -webkit-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);
    border-radius: 50%;
    block-size: 1.125rem;
    inline-size: 1.125rem;
  }
  .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;
    }
  }
  
  .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;
    block-size: 0.5rem;
    inline-size: 1.5rem;
    margin-inline-start: 0.5rem;
  }
  .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;
    }
  }
  
  [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;
    overflow: hidden;
  }
  .cds--tree *,
  .cds--tree *::before,
  .cds--tree *::after {
    box-sizing: inherit;
  }
  
  .cds--tree-node {
    background-color: var(--cds-layer-01, #ffffff);
    color: var(--cds-text-secondary, #525252);
    padding-inline-start: 1rem;
  }
  .cds--tree-node:focus {
    outline: none;
  }
  .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;
    list-style-type: none;
  }
  .cds--tree-node__children *,
  .cds--tree-node__children *::before,
  .cds--tree-node__children *::after {
    box-sizing: inherit;
  }
  
  .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--disabled:focus > .cds--tree-node__label {
    outline: none;
  }
  
  .cds--tree-node--disabled,
  .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, #ffffff);
    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  }
  
  .cds--tree-node--disabled .cds--tree-parent-node__toggle-icon,
  .cds--tree-node--disabled .cds--tree-node__icon,
  .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-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, #ffffff);
  }
  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);
    display: flex;
    flex: 1;
    align-items: center;
    min-block-size: 2rem;
  }
  .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;
  }
  
  .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;
  }
  
  .cds--tree-node--with-icon .cds--tree-parent-node__toggle {
    margin-inline-end: 0;
  }
  
  .cds--tree-parent-node__toggle {
    display: flex;
    align-items: center;
    align-self: flex-start;
    border: 0;
    block-size: 1.5rem;
    inline-size: 1.5rem;
    margin-block-start: 0.25rem;
    margin-inline: -0.25rem 0.25rem;
    padding-inline-start: 0.25rem;
  }
  .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 {
    align-self: flex-start;
    fill: var(--cds-icon-secondary, #525252);
    margin-block-start: 0.0625rem;
    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);
  }
  .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--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;
    position: fixed;
    z-index: 8000;
    display: flex;
    align-items: center;
    background-color: var(--cds-background, #f4f4f4);
    block-size: 3rem;
    border-block-end: 1px solid var(--cds-border-subtle);
    inset-block-start: 0;
    inset-inline: 0;
  }
  .cds--header *,
  .cds--header *::before,
  .cds--header *::after {
    box-sizing: inherit;
  }
  
  .cds--header__action {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: inline-flex;
    border: 0.0625rem solid transparent;
    block-size: 3rem;
    inline-size: 3rem;
    transition: background-color 110ms, border-color 110ms;
  }
  .cds--header__action *,
  .cds--header__action *::before,
  .cds--header__action *::after {
    box-sizing: inherit;
  }
  .cds--header__action::-moz-focus-inner {
    border: 0;
  }
  @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;
  }
  
  .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:hover svg,
  .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);
  }
  
  .cds--header__menu-trigger > svg {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .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;
            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,
  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;
    display: flex;
    padding: 0;
    margin: 0;
    block-size: 100%;
    list-style: none;
  }
  .cds--header__menu-bar *,
  .cds--header__menu-bar *::before,
  .cds--header__menu-bar *::after {
    box-sizing: inherit;
  }
  
  a.cds--header__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 2px solid transparent;
    background-color: var(--cds-background, #f4f4f4);
    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;
            user-select: none;
  }
  
  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:hover > svg,
  a.cds--header__menu-item:active > 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);
  }
  
  .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);
  }
  .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 0%;
    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, #f4f4f4);
    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, #f4f4f4);
    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(22, 22, 22, 0.5));
      block-size: 100vh;
      inline-size: 100vw;
      opacity: 1;
      transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
    }
  }
  
  .cds--header ~ .cds--side-nav {
    block-size: calc(100% - 48px);
    inset-block-start: 3rem;
  }
  
  .cds--side-nav--fixed {
    inline-size: 16rem;
  }
  
  .cds--side-nav--collapsed {
    inline-size: 16rem;
    transform: translateX(-16rem);
  }
  
  .cds--side-nav__navigation {
    display: flex;
    flex-direction: column;
  }
  
  .cds--side-nav__items {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    overflow: hidden;
    flex: 1 1 0%;
    padding: 1rem 0 0;
  }
  .cds--side-nav__items *,
  .cds--side-nav__items *::before,
  .cds--side-nav__items *::after {
    box-sizing: inherit;
  }
  .cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
    overflow-y: auto;
  }
  
  .cds--side-nav--ux .cds--side-nav__items {
    overflow-y: auto;
  }
  
  .cds--side-nav__item {
    overflow: hidden;
    block-size: auto;
    inline-size: auto;
  }
  
  .cds--side-nav--ux .cds--side-nav__item {
    block-size: auto;
    inline-size: auto;
  }
  
  .cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
  .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
  .cds--side-nav a.cds--header__menu-item:hover,
  .cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
  .cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__item--large {
    block-size: auto;
  }
  
  .cds--side-nav__divider {
    margin: 0.5rem 1rem;
    background-color: var(--cds-border-subtle);
    block-size: 1px;
    list-style-type: none;
  }
  
  .cds--side-nav__divider hr {
    border: none;
  }
  
  .cds--side-nav__submenu {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
    font-weight: var(--cds-heading-compact-01-font-weight, 600);
    line-height: var(--cds-heading-compact-01-line-height, 1.28572);
    letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    block-size: 2rem;
    color: var(--cds-text-secondary, #525252);
    transition: color 110ms, background-color 110ms, outline 110ms;
    -webkit-user-select: none;
            user-select: none;
  }
  .cds--side-nav__submenu *,
  .cds--side-nav__submenu *::before,
  .cds--side-nav__submenu *::after {
    box-sizing: inherit;
  }
  .cds--side-nav__submenu::-moz-focus-inner {
    border: 0;
  }
  
  .cds--side-nav__submenu:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__submenu:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
  }
  @media screen and (prefers-contrast) {
    .cds--side-nav__submenu:focus {
      outline-style: dotted;
    }
  }
  
  .cds--side-nav__submenu-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
  }
  
  .cds--side-nav__icon.cds--side-nav__submenu-chevron {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
  
  .cds--side-nav__submenu-chevron > svg {
    block-size: 1rem;
    inline-size: 1rem;
    transition: transform 110ms;
  }
  
  .cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
    transform: rotate(180deg);
  }
  
  .cds--side-nav__item--large .cds--side-nav__submenu {
    block-size: 3rem;
  }
  
  .cds--side-nav__item--active .cds--side-nav__submenu:hover {
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
    position: relative;
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
    color: var(--cds-text-primary, #161616);
  }
  .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
    position: absolute;
    background-color: var(--cds-border-interactive, #0f62fe);
    content: "";
    inline-size: 3px;
    inset-block: 0;
    inset-inline-start: 0;
  }
  
  .cds--side-nav__item--active .cds--side-nav__submenu-title {
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
  }
  
  .cds--side-nav__item--active .cds--side-nav__icon > svg {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .cds--side-nav__menu {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: block;
    max-block-size: 0;
    visibility: hidden;
  }
  .cds--side-nav__menu *,
  .cds--side-nav__menu *::before,
  .cds--side-nav__menu *::after {
    box-sizing: inherit;
  }
  
  .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
    max-block-size: 93.75rem;
    visibility: inherit;
  }
  
  .cds--side-nav__menu a.cds--side-nav__link {
    block-size: 2rem;
    font-weight: 400;
    min-block-size: 2rem;
    padding-inline-start: 2rem;
  }
  
  .cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
    padding-inline-start: 4.5rem;
  }
  
  .cds--side-nav__menu a.cds--side-nav__link--current,
  .cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
  a.cds--side-nav__link--current {
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  }
  .cds--side-nav__menu a.cds--side-nav__link--current > span,
  .cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
  a.cds--side-nav__link--current > span {
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
  }
  
  a.cds--side-nav__link,
  .cds--side-nav a.cds--header__menu-item,
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
    font-weight: var(--cds-heading-compact-01-font-weight, 600);
    line-height: var(--cds-heading-compact-01-line-height, 1.28572);
    letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    min-block-size: 2rem;
    text-decoration: none;
    transition: color 110ms, background-color 110ms, outline 110ms;
  }
  
  .cds--side-nav__item--large a.cds--side-nav__link {
    block-size: 3rem;
  }
  
  a.cds--side-nav__link > .cds--side-nav__link-text,
  .cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cds-text-secondary, #525252);
    font-size: 0.875rem;
    letter-spacing: 0.1px;
    line-height: 1.25rem;
    -webkit-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;
    display: none;
  }
  .cds--side-nav__header-navigation *,
  .cds--side-nav__header-navigation *::before,
  .cds--side-nav__header-navigation *::after {
    box-sizing: inherit;
  }
  @media (max-width: 65.98rem) {
    .cds--side-nav__header-navigation {
      position: relative;
      display: block;
      margin-block-end: 2rem;
    }
  }
  
  .cds--side-nav__header-divider::after {
    position: absolute;
    background: var(--cds-border-subtle);
    block-size: 0.0625rem;
    content: "";
    inline-size: calc(100% - 32px);
    inset-block-end: -1rem;
    inset-inline-start: 1rem;
  }
  
  .cds--side-nav a.cds--header__menu-item {
    justify-content: space-between;
    color: var(--cds-text-secondary, #525252);
    white-space: nowrap;
  }
  .cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
    background-color: transparent;
  }
  
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    inline-size: 100%;
    inset-block-end: inherit;
    transform: none;
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
    inline-size: 100%;
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
    font-weight: 400;
    padding-inline-start: 4.25rem;
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
    background-color: var(--cds-layer-selected-hover);
  }
  
  .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
  .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
    block-size: calc(100% + 4px);
    inline-size: 3px;
  }
  
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
    block-size: inherit;
  }
  
  .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
  .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
  .cds--side-nav .cds--header__menu-arrow {
    fill: var(--cds-icon-secondary, #525252);
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--side-nav__icon > svg,
    .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
    .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
    .cds--side-nav .cds--header__menu-arrow {
      fill: ButtonText;
    }
  }
  
  .cds--switcher {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--cds-text-secondary, #525252);
  }
  .cds--switcher *,
  .cds--switcher *::before,
  .cds--switcher *::after {
    box-sizing: inherit;
  }
  
  .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;
  }
  .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;
    position: fixed;
    z-index: 8000;
    display: flex;
    align-items: center;
    background-color: var(--cds-background, #f4f4f4);
    block-size: 3rem;
    border-block-end: 1px solid var(--cds-border-subtle);
    inset-block-start: 0;
    inset-inline: 0;
  }
  .cds--header *,
  .cds--header *::before,
  .cds--header *::after {
    box-sizing: inherit;
  }
  
  .cds--header__action {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    display: inline-flex;
    border: 0.0625rem solid transparent;
    block-size: 3rem;
    inline-size: 3rem;
    transition: background-color 110ms, border-color 110ms;
  }
  .cds--header__action *,
  .cds--header__action *::before,
  .cds--header__action *::after {
    box-sizing: inherit;
  }
  .cds--header__action::-moz-focus-inner {
    border: 0;
  }
  @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;
  }
  
  .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:hover svg,
  .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);
  }
  
  .cds--header__menu-trigger > svg {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .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;
            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,
  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;
    display: flex;
    padding: 0;
    margin: 0;
    block-size: 100%;
    list-style: none;
  }
  .cds--header__menu-bar *,
  .cds--header__menu-bar *::before,
  .cds--header__menu-bar *::after {
    box-sizing: inherit;
  }
  
  a.cds--header__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 2px solid transparent;
    background-color: var(--cds-background, #f4f4f4);
    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;
            user-select: none;
  }
  
  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:hover > svg,
  a.cds--header__menu-item:active > 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);
  }
  
  .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);
  }
  .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 0%;
    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, #f4f4f4);
    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, #f4f4f4);
    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(22, 22, 22, 0.5));
      block-size: 100vh;
      inline-size: 100vw;
      opacity: 1;
      transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
    }
  }
  
  .cds--header ~ .cds--side-nav {
    block-size: calc(100% - 48px);
    inset-block-start: 3rem;
  }
  
  .cds--side-nav--fixed {
    inline-size: 16rem;
  }
  
  .cds--side-nav--collapsed {
    inline-size: 16rem;
    transform: translateX(-16rem);
  }
  
  .cds--side-nav__navigation {
    display: flex;
    flex-direction: column;
  }
  
  .cds--side-nav__items {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    overflow: hidden;
    flex: 1 1 0%;
    padding: 1rem 0 0;
  }
  .cds--side-nav__items *,
  .cds--side-nav__items *::before,
  .cds--side-nav__items *::after {
    box-sizing: inherit;
  }
  .cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
    overflow-y: auto;
  }
  
  .cds--side-nav--ux .cds--side-nav__items {
    overflow-y: auto;
  }
  
  .cds--side-nav__item {
    overflow: hidden;
    block-size: auto;
    inline-size: auto;
  }
  
  .cds--side-nav--ux .cds--side-nav__item {
    block-size: auto;
    inline-size: auto;
  }
  
  .cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
  .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
  .cds--side-nav a.cds--header__menu-item:hover,
  .cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
  .cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__item--large {
    block-size: auto;
  }
  
  .cds--side-nav__divider {
    margin: 0.5rem 1rem;
    background-color: var(--cds-border-subtle);
    block-size: 1px;
    list-style-type: none;
  }
  
  .cds--side-nav__divider hr {
    border: none;
  }
  
  .cds--side-nav__submenu {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
    padding: 0;
    border: 0;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
    font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
    font-weight: var(--cds-heading-compact-01-font-weight, 600);
    line-height: var(--cds-heading-compact-01-line-height, 1.28572);
    letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
    outline: 2px solid transparent;
    outline-offset: -2px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    block-size: 2rem;
    color: var(--cds-text-secondary, #525252);
    transition: color 110ms, background-color 110ms, outline 110ms;
    -webkit-user-select: none;
            user-select: none;
  }
  .cds--side-nav__submenu *,
  .cds--side-nav__submenu *::before,
  .cds--side-nav__submenu *::after {
    box-sizing: inherit;
  }
  .cds--side-nav__submenu::-moz-focus-inner {
    border: 0;
  }
  
  .cds--side-nav__submenu:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__submenu:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
  }
  @media screen and (prefers-contrast) {
    .cds--side-nav__submenu:focus {
      outline-style: dotted;
    }
  }
  
  .cds--side-nav__submenu-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
  }
  
  .cds--side-nav__icon.cds--side-nav__submenu-chevron {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
  
  .cds--side-nav__submenu-chevron > svg {
    block-size: 1rem;
    inline-size: 1rem;
    transition: transform 110ms;
  }
  
  .cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
    transform: rotate(180deg);
  }
  
  .cds--side-nav__item--large .cds--side-nav__submenu {
    block-size: 3rem;
  }
  
  .cds--side-nav__item--active .cds--side-nav__submenu:hover {
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
    color: var(--cds-text-primary, #161616);
  }
  
  .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
    position: relative;
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
    color: var(--cds-text-primary, #161616);
  }
  .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
    position: absolute;
    background-color: var(--cds-border-interactive, #0f62fe);
    content: "";
    inline-size: 3px;
    inset-block: 0;
    inset-inline-start: 0;
  }
  
  .cds--side-nav__item--active .cds--side-nav__submenu-title {
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
  }
  
  .cds--side-nav__item--active .cds--side-nav__icon > svg {
    fill: var(--cds-icon-primary, #161616);
  }
  
  .cds--side-nav__menu {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: block;
    max-block-size: 0;
    visibility: hidden;
  }
  .cds--side-nav__menu *,
  .cds--side-nav__menu *::before,
  .cds--side-nav__menu *::after {
    box-sizing: inherit;
  }
  
  .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
    max-block-size: 93.75rem;
    visibility: inherit;
  }
  
  .cds--side-nav__menu a.cds--side-nav__link {
    block-size: 2rem;
    font-weight: 400;
    min-block-size: 2rem;
    padding-inline-start: 2rem;
  }
  
  .cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
    padding-inline-start: 4.5rem;
  }
  
  .cds--side-nav__menu a.cds--side-nav__link--current,
  .cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
  a.cds--side-nav__link--current {
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  }
  .cds--side-nav__menu a.cds--side-nav__link--current > span,
  .cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
  a.cds--side-nav__link--current > span {
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
  }
  
  a.cds--side-nav__link,
  .cds--side-nav a.cds--header__menu-item,
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
    outline: 2px solid transparent;
    outline-offset: -2px;
    font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
    font-weight: var(--cds-heading-compact-01-font-weight, 600);
    line-height: var(--cds-heading-compact-01-line-height, 1.28572);
    letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    min-block-size: 2rem;
    text-decoration: none;
    transition: color 110ms, background-color 110ms, outline 110ms;
  }
  
  .cds--side-nav__item--large a.cds--side-nav__link {
    block-size: 3rem;
  }
  
  a.cds--side-nav__link > .cds--side-nav__link-text,
  .cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cds-text-secondary, #525252);
    font-size: 0.875rem;
    letter-spacing: 0.1px;
    line-height: 1.25rem;
    -webkit-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;
    display: none;
  }
  .cds--side-nav__header-navigation *,
  .cds--side-nav__header-navigation *::before,
  .cds--side-nav__header-navigation *::after {
    box-sizing: inherit;
  }
  @media (max-width: 65.98rem) {
    .cds--side-nav__header-navigation {
      position: relative;
      display: block;
      margin-block-end: 2rem;
    }
  }
  
  .cds--side-nav__header-divider::after {
    position: absolute;
    background: var(--cds-border-subtle);
    block-size: 0.0625rem;
    content: "";
    inline-size: calc(100% - 32px);
    inset-block-end: -1rem;
    inset-inline-start: 1rem;
  }
  
  .cds--side-nav a.cds--header__menu-item {
    justify-content: space-between;
    color: var(--cds-text-secondary, #525252);
    white-space: nowrap;
  }
  .cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
    background-color: transparent;
  }
  
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    inline-size: 100%;
    inset-block-end: inherit;
    transform: none;
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
    inline-size: 100%;
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
    font-weight: 400;
    padding-inline-start: 4.25rem;
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
    background-color: var(--cds-layer-selected-hover);
  }
  
  .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
  .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
    block-size: calc(100% + 4px);
    inline-size: 3px;
  }
  
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
    block-size: inherit;
  }
  
  .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
  .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
  .cds--side-nav .cds--header__menu-arrow {
    fill: var(--cds-icon-secondary, #525252);
  }
  
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
    .cds--side-nav__icon > svg,
    .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
    .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
    .cds--side-nav .cds--header__menu-arrow {
      fill: ButtonText;
    }
  }
  
  .cds--switcher {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--cds-text-secondary, #525252);
  }
  .cds--switcher *,
  .cds--switcher *::before,
  .cds--switcher *::after {
    box-sizing: inherit;
  }
  
  .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;
  }
  .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);
  }
  
  /*!
  *
  * Copyright (c) 2019-2023 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA,
  * and/or its subsidiaries and/or its affiliates and/or their licensors.
  *
  */
  @font-face {
    font-family: "dlt-icons";
    src: url('dlt-icons.ttf?bhgh7x') format("truetype"), url('dlt-icons.woff?bhgh7x') format("woff"), url('dlt-icons.svg?bhgh7x#dlt-icons') format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  [class^=dlt-icon-], [class*=" dlt-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "dlt-icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .dlt-icon-shutdown:before {
    content: "\e914";
  }
  
  .dlt-icon-signout:before {
    content: "\e982";
  }
  
  .dlt-icon-signin:before {
    content: "\e983";
  }
  
  .dlt-icon-unavailable:before {
    content: "\e984";
  }
  
  .dlt-icon-check-circle:before {
    content: "\e911";
  }
  
  .dlt-icon-plus-circle:before {
    content: "\e912";
  }
  
  .dlt-icon-minus-circle:before {
    content: "\e913";
  }
  
  .dlt-icon-clock:before {
    content: "\e915";
  }
  
  .dlt-icon-alarm:before {
    content: "\e916";
  }
  
  .dlt-icon-buy:before {
    content: "\e917";
  }
  
  .dlt-icon-calendar:before {
    content: "\e918";
  }
  
  .dlt-icon-calendar-add:before {
    content: "\e919";
  }
  
  .dlt-icon-calendar-remove:before {
    content: "\e91a";
  }
  
  .dlt-icon-chat:before {
    content: "\e91b";
  }
  
  .dlt-icon-cloud:before {
    content: "\e91c";
  }
  
  .dlt-icon-cloud-upload:before {
    content: "\e91d";
  }
  
  .dlt-icon-cloud-download:before {
    content: "\e91e";
  }
  
  .dlt-icon-cloud-minus:before {
    content: "\e91f";
  }
  
  .dlt-icon-cloud-plus:before {
    content: "\e920";
  }
  
  .dlt-icon-cloud-restricted:before {
    content: "\e921";
  }
  
  .dlt-icon-cloud-checked:before {
    content: "\e922";
  }
  
  .dlt-icon-cloud-remote-working:before {
    content: "\e923";
  }
  
  .dlt-icon-cloud-search:before {
    content: "\e924";
  }
  
  .dlt-icon-cloud-settings:before {
    content: "\e925";
  }
  
  .dlt-icon-cloud-unavailable:before {
    content: "\e926";
  }
  
  .dlt-icon-cloud-error:before {
    content: "\e927";
  }
  
  .dlt-icon-add-stage:before {
    content: "\e928";
  }
  
  .dlt-icon-add-user:before {
    content: "\e929";
  }
  
  .dlt-icon-env-permission:before {
    content: "\e92a";
  }
  
  .dlt-icon-add-identity-provider:before {
    content: "\e92b";
  }
  
  .dlt-icon-customize:before {
    content: "\e92c";
  }
  
  .dlt-icon-edit:before {
    content: "\e92d";
  }
  
  .dlt-icon-save:before {
    content: "\e92e";
  }
  
  .dlt-icon-save-commit:before {
    content: "\e92f";
  }
  
  .dlt-icon-duplicate:before {
    content: "\e930";
  }
  
  .dlt-icon-delete:before {
    content: "\e931";
  }
  
  .dlt-icon-erase:before {
    content: "\e932";
  }
  
  .dlt-icon-close:before {
    content: "\e933";
  }
  
  .dlt-icon-cut:before {
    content: "\e934";
  }
  
  .dlt-icon-copy:before {
    content: "\e935";
  }
  
  .dlt-icon-paste:before {
    content: "\e936";
  }
  
  .dlt-icon-download:before {
    content: "\e937";
  }
  
  .dlt-icon-upload:before {
    content: "\e938";
  }
  
  .dlt-icon-move-step:before {
    content: "\e939";
  }
  
  .dlt-icon-fullscreen:before {
    content: "\e93a";
  }
  
  .dlt-icon-fullscreen-exit:before {
    content: "\e93b";
  }
  
  .dlt-icon-graph:before {
    content: "\e93c";
  }
  
  .dlt-icon-filter:before {
    content: "\e93d";
  }
  
  .dlt-icon-group:before {
    content: "\e93e";
  }
  
  .dlt-icon-ungroup:before {
    content: "\e93f";
  }
  
  .dlt-icon-list:before {
    content: "\e940";
  }
  
  .dlt-icon-mail:before {
    content: "\e941";
  }
  
  .dlt-icon-more-menu:before {
    content: "\e942";
  }
  
  .dlt-icon-password-hide:before {
    content: "\e943";
  }
  
  .dlt-icon-password-show:before {
    content: "\e944";
  }
  
  .dlt-icon-print:before {
    content: "\e945";
  }
  
  .dlt-icon-restore:before {
    content: "\e946";
  }
  
  .dlt-icon-refresh:before {
    content: "\e947";
  }
  
  .dlt-icon-undo:before {
    content: "\e948";
  }
  
  .dlt-icon-redo:before {
    content: "\e949";
  }
  
  .dlt-icon-check:before {
    content: "\e910";
  }
  
  .dlt-icon-plus:before {
    content: "\e94a";
  }
  
  .dlt-icon-minus:before {
    content: "\e94b";
  }
  
  .dlt-icon-equals:before {
    content: "\e985";
  }
  
  .dlt-icon-history:before {
    content: "\e94c";
  }
  
  .dlt-icon-cross-circle:before {
    content: "\e94d";
  }
  
  .dlt-icon-send:before {
    content: "\e94e";
  }
  
  .dlt-icon-attach:before {
    content: "\e94f";
  }
  
  .dlt-icon-share:before {
    content: "\e950";
  }
  
  .dlt-icon-cam:before {
    content: "\e951";
  }
  
  .dlt-icon-zoom-in:before {
    content: "\e952";
  }
  
  .dlt-icon-zoom-out:before {
    content: "\e953";
  }
  
  .dlt-icon-drag:before {
    content: "\ea35";
  }
  
  .dlt-icon-compare:before {
    content: "\ea37";
  }
  
  .dlt-icon-checkbox-selected:before {
    content: "\e900";
  }
  
  .dlt-icon-checkbox-unselected:before {
    content: "\e901";
  }
  
  .dlt-icon-bookmark:before {
    content: "\e902";
  }
  
  .dlt-icon-unbookmark:before {
    content: "\e903";
  }
  
  .dlt-icon-heart:before {
    content: "\e904";
  }
  
  .dlt-icon-unheart:before {
    content: "\e905";
  }
  
  .dlt-icon-star:before {
    content: "\e906";
  }
  
  .dlt-icon-unstar:before {
    content: "\e907";
  }
  
  .dlt-icon-link:before {
    content: "\e908";
  }
  
  .dlt-icon-unlink:before {
    content: "\e909";
  }
  
  .dlt-icon-connected:before {
    content: "\e90a";
  }
  
  .dlt-icon-disconnected:before {
    content: "\e90b";
  }
  
  .dlt-icon-lock:before {
    content: "\e90c";
  }
  
  .dlt-icon-unlock:before {
    content: "\e90d";
  }
  
  .dlt-icon-expand:before {
    content: "\e90e";
  }
  
  .dlt-icon-collapse:before {
    content: "\e90f";
  }
  
  .dlt-icon-app-switcher:before {
    content: "\e954";
  }
  
  .dlt-icon-hamburger:before {
    content: "\e955";
  }
  
  .dlt-icon-help:before {
    content: "\e956";
  }
  
  .dlt-icon-home:before {
    content: "\e957";
  }
  
  .dlt-icon-notification:before {
    content: "\e958";
  }
  
  .dlt-icon-profile:before {
    content: "\e959";
  }
  
  .dlt-icon-search:before {
    content: "\e95a";
  }
  
  .dlt-icon-settings:before {
    content: "\e95b";
  }
  
  .dlt-icon-dropdown:before {
    content: "\e987";
  }
  
  .dlt-icon-panel-control-down:before {
    content: "\e989";
  }
  
  .dlt-icon-panel-control-right:before {
    content: "\e98a";
  }
  
  .dlt-icon-panel-control-left:before {
    content: "\e992";
  }
  
  .dlt-icon-panel-control-up:before {
    content: "\e993";
  }
  
  .dlt-icon-arrow-left:before {
    content: "\e95c";
  }
  
  .dlt-icon-arrow-right:before {
    content: "\e95d";
  }
  
  .dlt-icon-arrow-up:before {
    content: "\e95e";
  }
  
  .dlt-icon-arrow-down:before {
    content: "\e95f";
  }
  
  .dlt-icon-chevron-left:before {
    content: "\e960";
  }
  
  .dlt-icon-chevron-right:before {
    content: "\e961";
  }
  
  .dlt-icon-chevron-up:before {
    content: "\e962";
  }
  
  .dlt-icon-chevron-down:before {
    content: "\e963";
  }
  
  .dlt-icon-caret-left:before {
    content: "\e964";
  }
  
  .dlt-icon-caret-right:before {
    content: "\e965";
  }
  
  .dlt-icon-caret-up:before {
    content: "\e966";
  }
  
  .dlt-icon-caret-down:before {
    content: "\e967";
  }
  
  .dlt-icon-chevron-circle-left:before {
    content: "\e968";
  }
  
  .dlt-icon-chevron-circle-right:before {
    content: "\e969";
  }
  
  .dlt-icon-chevron-circle-up:before {
    content: "\e96a";
  }
  
  .dlt-icon-chevron-circle-down:before {
    content: "\e96b";
  }
  
  .dlt-icon-chevron-double-left:before {
    content: "\e96c";
  }
  
  .dlt-icon-chevron-double-right:before {
    content: "\e96d";
  }
  
  .dlt-icon-chevron-double-up:before {
    content: "\e96e";
  }
  
  .dlt-icon-chevron-double-down:before {
    content: "\e96f";
  }
  
  .dlt-icon-chevron-breadcrumb:before {
    content: "\e970";
  }
  
  .dlt-icon-sort-arrow:before {
    content: "\e994";
  }
  
  .dlt-icon-up-down-arrows:before {
    content: "\e971";
  }
  
  .dlt-icon-arrow-advance:before {
    content: "\e972";
  }
  
  .dlt-icon-fast-rewind:before {
    content: "\e973";
  }
  
  .dlt-icon-rewind:before {
    content: "\e974";
  }
  
  .dlt-icon-play:before {
    content: "\e975";
  }
  
  .dlt-icon-record:before {
    content: "\ea31";
  }
  
  .dlt-icon-pause:before {
    content: "\e976";
  }
  
  .dlt-icon-stop:before {
    content: "\e979";
  }
  
  .dlt-icon-forward:before {
    content: "\e977";
  }
  
  .dlt-icon-fast-forward:before {
    content: "\e978";
  }
  
  .dlt-icon-shuffle:before {
    content: "\ea32";
  }
  
  .dlt-icon-stop-circle:before {
    content: "\e97a";
  }
  
  .dlt-icon-pause-circle:before {
    content: "\ea20";
  }
  
  .dlt-icon-play-circle:before {
    content: "\e97b";
  }
  
  .dlt-icon-volume:before {
    content: "\ea28";
  }
  
  .dlt-icon-volume-low:before, .dlt-icon-volume_low:before {
    content: "\ea25";
  }
  
  .dlt-icon-volume-high:before, .dlt-icon-volume_high:before {
    content: "\ea24";
  }
  
  .dlt-icon-volume-zero:before, .dlt-icon-volume_zero:before {
    content: "\ea26";
  }
  
  .dlt-icon-volume-mute:before, .dlt-icon-volume_mute:before {
    content: "\ea27";
  }
  
  .dlt-icon-error:before {
    content: "\e97c";
    color: var(--dlt-color-system-message-error, #d22d3d);
  }
  
  .dlt-icon-info:before {
    content: "\e97d";
    color: var(--dlt-color-system-message-info, #1776bf);
  }
  
  .dlt-icon-success:before {
    content: "\e97e";
    color: var(--dlt-color-system-message-success, #71a112);
  }
  
  .dlt-icon-warning:before {
    content: "\e97f";
    color: var(--dlt-color-system-message-warning, #e07800);
  }
  
  .dlt-icon-exclamation:before {
    content: "\e995";
  }
  
  .dlt-icon-enter-bottom:before {
    content: "\e997";
  }
  
  .dlt-icon-enter-left:before {
    content: "\e99a";
  }
  
  .dlt-icon-enter-right:before {
    content: "\e99e";
  }
  
  .dlt-icon-enter-top:before {
    content: "\e9bb";
  }
  
  .dlt-icon-exit-bottom:before {
    content: "\e9bc";
  }
  
  .dlt-icon-exit-left:before {
    content: "\e9bd";
  }
  
  .dlt-icon-exit-right:before {
    content: "\e9be";
  }
  
  .dlt-icon-exit-top:before {
    content: "\e9c6";
  }
  
  .dlt-icon-export:before {
    content: "\e9cf";
  }
  
  .dlt-icon-import:before {
    content: "\ea03";
  }
  
  .dlt-icon-folder-aggregate:before {
    content: "\ea04";
  }
  
  .dlt-icon-folder-open:before {
    content: "\ea05";
  }
  
  .dlt-icon-grid-off:before {
    content: "\ea06";
  }
  
  .dlt-icon-grid-on:before {
    content: "\ea07";
  }
  
  .dlt-icon-input-output:before {
    content: "\ea08";
  }
  
  .dlt-icon-trigger:before {
    content: "\ea09";
  }
  
  .dlt-icon-variable-on:before {
    content: "\ea0a";
  }
  
  .dlt-icon-variable:before {
    content: "\ea0b";
  }
  
  .dlt-icon-student-male:before {
    content: "\ea0c";
  }
  
  .dlt-icon-free-forever:before {
    content: "\ea0d";
  }
  
  .dlt-icon-free-trial:before {
    content: "\ea0e";
  }
  
  .dlt-icon-pricing:before {
    content: "\ea0f";
  }
  
  .dlt-icon-phone:before {
    content: "\ea10";
  }
  
  .dlt-icon-overview:before {
    content: "\ea11";
  }
  
  .dlt-icon-impressum:before {
    content: "\ea12";
  }
  
  .dlt-icon-globe:before {
    content: "\ea13";
  }
  
  .dlt-icon-copyright:before {
    content: "\ea14";
  }
  
  .dlt-icon-codefork:before {
    content: "\ea15";
  }
  
  .dlt-icon-area-chart:before {
    content: "\ea16";
  }
  
  .dlt-icon-stages:before {
    content: "\ea17";
  }
  
  .dlt-icon-management:before {
    content: "\ea18";
  }
  
  .dlt-icon-thumbs-up:before {
    content: "\ea19";
  }
  
  .dlt-icon-thumbs-down:before {
    content: "\ea1a";
  }
  
  .dlt-icon-wrench:before {
    content: "\ea1b";
  }
  
  .dlt-icon-book:before {
    content: "\ea1c";
  }
  
  .dlt-icon-announcement:before {
    content: "\ea1d";
  }
  
  .dlt-icon-spy:before {
    content: "\ea1e";
  }
  
  .dlt-icon-accessibility-settings:before {
    content: "\e980";
  }
  
  .dlt-icon-objects:before {
    content: "\e981";
  }
  
  .dlt-icon-string:before {
    content: "\e986";
  }
  
  .dlt-icon-html-code:before {
    content: "\e988";
  }
  
  .dlt-icon-slides:before {
    content: "\e98b";
  }
  
  .dlt-icon-utility:before {
    content: "\e98c";
  }
  
  .dlt-icon-versions:before {
    content: "\e98d";
  }
  
  .dlt-icon-comment:before {
    content: "\ea1f";
  }
  
  .dlt-icon-note:before {
    content: "\e98e";
  }
  
  .dlt-icon-keyboard:before {
    content: "\e98f";
  }
  
  .dlt-icon-console:before {
    content: "\e990";
  }
  
  .dlt-icon-devices:before {
    content: "\e991";
  }
  
  .dlt-icon-partners:before {
    content: "\e996";
  }
  
  .dlt-icon-monitoring:before {
    content: "\e998";
  }
  
  .dlt-icon-logs:before {
    content: "\e999";
  }
  
  .dlt-icon-package:before {
    content: "\e99b";
  }
  
  .dlt-icon-packages:before {
    content: "\e99c";
  }
  
  .dlt-icon-adjust:before {
    content: "\e99d";
  }
  
  .dlt-icon-contrast:before {
    content: "\e99f";
  }
  
  .dlt-icon-accounting:before {
    content: "\e9a0";
  }
  
  .dlt-icon-add-tag:before {
    content: "\e9a1";
  }
  
  .dlt-icon-badge:before {
    content: "\e9a2";
  }
  
  .dlt-icon-bar-chart:before {
    content: "\e9a3";
  }
  
  .dlt-icon-bluetooth-symbol:before {
    content: "\e9a4";
  }
  
  .dlt-icon-body:before {
    content: "\e9a5";
  }
  
  .dlt-icon-breadcrumb:before {
    content: "\e9a6";
  }
  
  .dlt-icon-briefcase:before {
    content: "\e9a7";
  }
  
  .dlt-icon-bug:before {
    content: "\e9a8";
  }
  
  .dlt-icon-building:before {
    content: "\e9a9";
  }
  
  .dlt-icon-button:before {
    content: "\e9aa";
  }
  
  .dlt-icon-calculator:before {
    content: "\e9ab";
  }
  
  .dlt-icon-car:before {
    content: "\e9ac";
  }
  
  .dlt-icon-card:before {
    content: "\e9ad";
  }
  
  .dlt-icon-case:before {
    content: "\e9ae";
  }
  
  .dlt-icon-centralized-network:before {
    content: "\e9af";
  }
  
  .dlt-icon-circle:before {
    content: "\e9b0";
  }
  
  .dlt-icon-clipboard-with-a-tick:before {
    content: "\e9b1";
  }
  
  .dlt-icon-code:before {
    content: "\e9b2";
  }
  
  .dlt-icon-column:before {
    content: "\e9b3";
  }
  
  .dlt-icon-compass:before {
    content: "\e9b4";
  }
  
  .dlt-icon-contacts-book:before {
    content: "\e9b5";
  }
  
  .dlt-icon-contract:before {
    content: "\e9b6";
  }
  
  .dlt-icon-dashboard:before {
    content: "\e9b7";
  }
  
  .dlt-icon-database:before {
    content: "\e9b8";
  }
  
  .dlt-icon-database-administrator:before {
    content: "\e9b9";
  }
  
  .dlt-icon-data-transfer:before {
    content: "\e9ba";
  }
  
  .dlt-icon-department:before {
    content: "\e9bf";
  }
  
  .dlt-icon-deploy:before {
    content: "\e9c0";
  }
  
  .dlt-icon-desktop:before {
    content: "\e9c1";
  }
  
  .dlt-icon-document:before {
    content: "\e9c2";
  }
  
  .dlt-icon-documents:before {
    content: "\e9c3";
  }
  
  .dlt-icon-document-with-a-check-mark:before {
    content: "\e9c4";
  }
  
  .dlt-icon-document-with-code:before {
    content: "\e9c5";
  }
  
  .dlt-icon-edit-file:before {
    content: "\e9c7";
  }
  
  .dlt-icon-environment:before {
    content: "\e9c8";
  }
  
  .dlt-icon-external-link:before {
    content: "\e9c9";
  }
  
  .dlt-icon-flag-outline:before {
    content: "\e9ca";
  }
  
  .dlt-icon-flow:before {
    content: "\e9cb";
  }
  
  .dlt-icon-flow-chart:before {
    content: "\e9cc";
  }
  
  .dlt-icon-folder:before {
    content: "\e9cd";
  }
  
  .dlt-icon-footer:before {
    content: "\e9ce";
  }
  
  .dlt-icon-header:before {
    content: "\e9d0";
  }
  
  .dlt-icon-gift:before {
    content: "\e9d1";
  }
  
  .dlt-icon-goal:before {
    content: "\e9d2";
  }
  
  .dlt-icon-grid:before {
    content: "\e9d3";
  }
  
  .dlt-icon-hashtag:before {
    content: "\e9d4";
  }
  
  .dlt-icon-health-examine:before {
    content: "\e9d5";
  }
  
  .dlt-icon-identification-documents:before {
    content: "\e9d6";
  }
  
  .dlt-icon-invoice:before {
    content: "\e9d7";
  }
  
  .dlt-icon-key:before {
    content: "\e9d8";
  }
  
  .dlt-icon-landing-page:before {
    content: "\e9d9";
  }
  
  .dlt-icon-light-bulb-outline:before {
    content: "\e9da";
  }
  
  .dlt-icon-marker:before {
    content: "\e9db";
  }
  
  .dlt-icon-mind-map:before {
    content: "\e9dc";
  }
  
  .dlt-icon-network:before {
    content: "\e9dd";
  }
  
  .dlt-icon-online:before {
    content: "\e9de";
  }
  
  .dlt-icon-open-folder:before {
    content: "\e9df";
  }
  
  .dlt-icon-open-document:before {
    content: "\e9e0";
  }
  
  .dlt-icon-pages:before {
    content: "\e9e1";
  }
  
  .dlt-icon-palette:before {
    content: "\e9e2";
  }
  
  .dlt-icon-parking:before {
    content: "\e9e3";
  }
  
  .dlt-icon-password:before {
    content: "\e9e4";
  }
  
  .dlt-icon-photo-gallery:before {
    content: "\e9e5";
  }
  
  .dlt-icon-picture:before {
    content: "\e9e6";
  }
  
  .dlt-icon-pie-chart:before {
    content: "\e9e7";
  }
  
  .dlt-icon-price-tag:before {
    content: "\e9e8";
  }
  
  .dlt-icon-process:before {
    content: "\e9e9";
  }
  
  .dlt-icon-product:before {
    content: "\e9ea";
  }
  
  .dlt-icon-qr-code:before {
    content: "\e9eb";
  }
  
  .dlt-icon-robot:before {
    content: "\e9ec";
  }
  
  .dlt-icon-row:before {
    content: "\e9ed";
  }
  
  .dlt-icon-ruler:before {
    content: "\e9ee";
  }
  
  .dlt-icon-ruler-pencil:before {
    content: "\e9ef";
  }
  
  .dlt-icon-rules:before {
    content: "\e9f0";
  }
  
  .dlt-icon-sales-performance:before {
    content: "\e9f1";
  }
  
  .dlt-icon-sensor:before {
    content: "\e9f2";
  }
  
  .dlt-icon-server:before {
    content: "\e9f3";
  }
  
  .dlt-icon-sheet-of-paper:before {
    content: "\e9f4";
  }
  
  .dlt-icon-shield:before {
    content: "\e9f5";
  }
  
  .dlt-icon-small-business:before {
    content: "\e9f6";
  }
  
  .dlt-icon-stacked-organizational-chart:before {
    content: "\e9f7";
  }
  
  .dlt-icon-storage:before {
    content: "\e9f8";
  }
  
  .dlt-icon-submit-document:before {
    content: "\e9f9";
  }
  
  .dlt-icon-tab:before {
    content: "\e9fa";
  }
  
  .dlt-icon-table:before {
    content: "\e9fb";
  }
  
  .dlt-icon-tag:before {
    content: "\e9fc";
  }
  
  .dlt-icon-target:before {
    content: "\e9fd";
  }
  
  .dlt-icon-team:before {
    content: "\e9fe";
  }
  
  .dlt-icon-temperature:before {
    content: "\e9ff";
  }
  
  .dlt-icon-text-input:before {
    content: "\ea00";
  }
  
  .dlt-icon-wireless-network:before {
    content: "\ea01";
  }
  
  .dlt-icon-workspace:before {
    content: "\ea02";
  }
  
  .dlt-icon-blockly:before {
    content: "\ea21";
  }
  
  .dlt-icon-intelligence:before {
    content: "\ea22";
  }
  
  .dlt-icon-replace:before {
    content: "\ea23";
  }
  
  .dlt-icon-account-disable:before {
    content: "\ea29";
  }
  
  .dlt-icon-account-enable:before {
    content: "\ea2a";
  }
  
  .dlt-icon-facebook:before {
    content: "\ea2b";
  }
  
  .dlt-icon-instagram:before {
    content: "\ea2c";
  }
  
  .dlt-icon-linkedin:before {
    content: "\ea2d";
  }
  
  .dlt-icon-pinterest:before {
    content: "\ea2e";
  }
  
  .dlt-icon-twitter:before {
    content: "\ea2f";
  }
  
  .dlt-icon-youtube:before {
    content: "\ea30";
  }
  
  .dlt-icon-google:before {
    content: "\ea33";
  }
  
  .dlt-icon-github:before {
    content: "\ea34";
  }
  
  .dlt-icon-scale-box:before {
    content: "\ea36";
  }
  
  /*!
  * 
  *
  * Copyright (c) 2019-2023 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA,
  * and/or its subsidiaries and/or its affiliates and/or their licensors.
  *
  *
  */
  .header,
  .dropdown-menu {
    --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-border: #525252;
    --cds-chat-bubble-user: #393939;
    --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-prompt-background: #161616;
    --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
    --cds-chat-prompt-border-start: #262626;
    --cds-chat-shell-background: #262626;
    --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-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.65);
    --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-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-spacing-01: 0.125rem;
    --cds-spacing-02: 0.25rem;
    --cds-spacing-03: 0.5rem;
    --cds-spacing-04: 0.75rem;
    --cds-spacing-05: 1rem;
    --cds-spacing-06: 1.5rem;
    --cds-spacing-07: 2rem;
    --cds-spacing-08: 2.5rem;
    --cds-spacing-09: 3rem;
    --cds-spacing-10: 4rem;
    --cds-spacing-11: 5rem;
    --cds-spacing-12: 6rem;
    --cds-spacing-13: 10rem;
    --cds-fluid-spacing-01: 0;
    --cds-fluid-spacing-02: 2vw;
    --cds-fluid-spacing-03: 5vw;
    --cds-fluid-spacing-04: 10vw;
    --cds-caption-01-font-size: 0.75rem;
    --cds-caption-01-font-weight: 400;
    --cds-caption-01-line-height: 1.33333;
    --cds-caption-01-letter-spacing: 0.32px;
    --cds-caption-02-font-size: 0.875rem;
    --cds-caption-02-font-weight: 400;
    --cds-caption-02-line-height: 1.28572;
    --cds-caption-02-letter-spacing: 0.32px;
    --cds-label-01-font-size: 0.75rem;
    --cds-label-01-font-weight: 400;
    --cds-label-01-line-height: 1.33333;
    --cds-label-01-letter-spacing: 0.32px;
    --cds-label-02-font-size: 0.875rem;
    --cds-label-02-font-weight: 400;
    --cds-label-02-line-height: 1.28572;
    --cds-label-02-letter-spacing: 0.16px;
    --cds-helper-text-01-font-size: 0.75rem;
    --cds-helper-text-01-line-height: 1.33333;
    --cds-helper-text-01-letter-spacing: 0.32px;
    --cds-helper-text-02-font-size: 0.875rem;
    --cds-helper-text-02-font-weight: 400;
    --cds-helper-text-02-line-height: 1.28572;
    --cds-helper-text-02-letter-spacing: 0.16px;
    --cds-body-short-01-font-size: 0.875rem;
    --cds-body-short-01-font-weight: 400;
    --cds-body-short-01-line-height: 1.28572;
    --cds-body-short-01-letter-spacing: 0.16px;
    --cds-body-short-02-font-size: 1rem;
    --cds-body-short-02-font-weight: 400;
    --cds-body-short-02-line-height: 1.375;
    --cds-body-short-02-letter-spacing: 0;
    --cds-body-long-01-font-size: 0.875rem;
    --cds-body-long-01-font-weight: 400;
    --cds-body-long-01-line-height: 1.42857;
    --cds-body-long-01-letter-spacing: 0.16px;
    --cds-body-long-02-font-size: 1rem;
    --cds-body-long-02-font-weight: 400;
    --cds-body-long-02-line-height: 1.5;
    --cds-body-long-02-letter-spacing: 0;
    --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
    --cds-code-01-font-size: 0.75rem;
    --cds-code-01-font-weight: 400;
    --cds-code-01-line-height: 1.33333;
    --cds-code-01-letter-spacing: 0.32px;
    --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
    --cds-code-02-font-size: 0.875rem;
    --cds-code-02-font-weight: 400;
    --cds-code-02-line-height: 1.42857;
    --cds-code-02-letter-spacing: 0.32px;
    --cds-heading-01-font-size: 0.875rem;
    --cds-heading-01-font-weight: 600;
    --cds-heading-01-line-height: 1.42857;
    --cds-heading-01-letter-spacing: 0.16px;
    --cds-heading-02-font-size: 1rem;
    --cds-heading-02-font-weight: 600;
    --cds-heading-02-line-height: 1.5;
    --cds-heading-02-letter-spacing: 0;
    --cds-productive-heading-01-font-size: 0.875rem;
    --cds-productive-heading-01-font-weight: 600;
    --cds-productive-heading-01-line-height: 1.28572;
    --cds-productive-heading-01-letter-spacing: 0.16px;
    --cds-productive-heading-02-font-size: 1rem;
    --cds-productive-heading-02-font-weight: 600;
    --cds-productive-heading-02-line-height: 1.375;
    --cds-productive-heading-02-letter-spacing: 0;
    --cds-productive-heading-03-font-size: 1.25rem;
    --cds-productive-heading-03-font-weight: 400;
    --cds-productive-heading-03-line-height: 1.4;
    --cds-productive-heading-03-letter-spacing: 0;
    --cds-productive-heading-04-font-size: 1.75rem;
    --cds-productive-heading-04-font-weight: 400;
    --cds-productive-heading-04-line-height: 1.28572;
    --cds-productive-heading-04-letter-spacing: 0;
    --cds-productive-heading-05-font-size: 2rem;
    --cds-productive-heading-05-font-weight: 400;
    --cds-productive-heading-05-line-height: 1.25;
    --cds-productive-heading-05-letter-spacing: 0;
    --cds-productive-heading-06-font-size: 2.625rem;
    --cds-productive-heading-06-font-weight: 300;
    --cds-productive-heading-06-line-height: 1.199;
    --cds-productive-heading-06-letter-spacing: 0;
    --cds-productive-heading-07-font-size: 3.375rem;
    --cds-productive-heading-07-font-weight: 300;
    --cds-productive-heading-07-line-height: 1.19;
    --cds-productive-heading-07-letter-spacing: 0;
    --cds-expressive-paragraph-01-font-size: 1.5rem;
    --cds-expressive-paragraph-01-font-weight: 300;
    --cds-expressive-paragraph-01-line-height: 1.334;
    --cds-expressive-paragraph-01-letter-spacing: 0;
    --cds-expressive-heading-01-font-size: 0.875rem;
    --cds-expressive-heading-01-font-weight: 600;
    --cds-expressive-heading-01-line-height: 1.42857;
    --cds-expressive-heading-01-letter-spacing: 0.16px;
    --cds-expressive-heading-02-font-size: 1rem;
    --cds-expressive-heading-02-font-weight: 600;
    --cds-expressive-heading-02-line-height: 1.5;
    --cds-expressive-heading-02-letter-spacing: 0;
    --cds-expressive-heading-03-font-size: 1.25rem;
    --cds-expressive-heading-03-font-weight: 400;
    --cds-expressive-heading-03-line-height: 1.4;
    --cds-expressive-heading-03-letter-spacing: 0;
    --cds-expressive-heading-04-font-size: 1.75rem;
    --cds-expressive-heading-04-font-weight: 400;
    --cds-expressive-heading-04-line-height: 1.28572;
    --cds-expressive-heading-04-letter-spacing: 0;
    --cds-expressive-heading-05-font-size: 2rem;
    --cds-expressive-heading-05-font-weight: 400;
    --cds-expressive-heading-05-line-height: 1.25;
    --cds-expressive-heading-05-letter-spacing: 0;
    --cds-expressive-heading-06-font-size: 2rem;
    --cds-expressive-heading-06-font-weight: 600;
    --cds-expressive-heading-06-line-height: 1.25;
    --cds-expressive-heading-06-letter-spacing: 0;
    --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-quotation-01-font-size: 1.25rem;
    --cds-quotation-01-font-weight: 400;
    --cds-quotation-01-line-height: 1.3;
    --cds-quotation-01-letter-spacing: 0;
    --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-quotation-02-font-size: 2rem;
    --cds-quotation-02-font-weight: 300;
    --cds-quotation-02-line-height: 1.25;
    --cds-quotation-02-letter-spacing: 0;
    --cds-display-01-font-size: 2.625rem;
    --cds-display-01-font-weight: 300;
    --cds-display-01-line-height: 1.19;
    --cds-display-01-letter-spacing: 0;
    --cds-display-02-font-size: 2.625rem;
    --cds-display-02-font-weight: 600;
    --cds-display-02-line-height: 1.19;
    --cds-display-02-letter-spacing: 0;
    --cds-display-03-font-size: 2.625rem;
    --cds-display-03-font-weight: 300;
    --cds-display-03-line-height: 1.19;
    --cds-display-03-letter-spacing: 0;
    --cds-display-04-font-size: 2.625rem;
    --cds-display-04-font-weight: 300;
    --cds-display-04-line-height: 1.19;
    --cds-display-04-letter-spacing: 0;
    --cds-legal-01-font-size: 0.75rem;
    --cds-legal-01-font-weight: 400;
    --cds-legal-01-line-height: 1.33333;
    --cds-legal-01-letter-spacing: 0.32px;
    --cds-legal-02-font-size: 0.875rem;
    --cds-legal-02-font-weight: 400;
    --cds-legal-02-line-height: 1.28572;
    --cds-legal-02-letter-spacing: 0.16px;
    --cds-body-compact-01-font-size: 0.875rem;
    --cds-body-compact-01-font-weight: 400;
    --cds-body-compact-01-line-height: 1.28572;
    --cds-body-compact-01-letter-spacing: 0.16px;
    --cds-body-compact-02-font-size: 1rem;
    --cds-body-compact-02-font-weight: 400;
    --cds-body-compact-02-line-height: 1.375;
    --cds-body-compact-02-letter-spacing: 0;
    --cds-heading-compact-01-font-size: 0.875rem;
    --cds-heading-compact-01-font-weight: 600;
    --cds-heading-compact-01-line-height: 1.28572;
    --cds-heading-compact-01-letter-spacing: 0.16px;
    --cds-heading-compact-02-font-size: 1rem;
    --cds-heading-compact-02-font-weight: 600;
    --cds-heading-compact-02-line-height: 1.375;
    --cds-heading-compact-02-letter-spacing: 0;
    --cds-body-01-font-size: 0.875rem;
    --cds-body-01-font-weight: 400;
    --cds-body-01-line-height: 1.42857;
    --cds-body-01-letter-spacing: 0.16px;
    --cds-body-02-font-size: 1rem;
    --cds-body-02-font-weight: 400;
    --cds-body-02-line-height: 1.5;
    --cds-body-02-letter-spacing: 0;
    --cds-heading-03-font-size: 1.25rem;
    --cds-heading-03-font-weight: 400;
    --cds-heading-03-line-height: 1.4;
    --cds-heading-03-letter-spacing: 0;
    --cds-heading-04-font-size: 1.75rem;
    --cds-heading-04-font-weight: 400;
    --cds-heading-04-line-height: 1.28572;
    --cds-heading-04-letter-spacing: 0;
    --cds-heading-05-font-size: 2rem;
    --cds-heading-05-font-weight: 400;
    --cds-heading-05-line-height: 1.25;
    --cds-heading-05-letter-spacing: 0;
    --cds-heading-06-font-size: 2.625rem;
    --cds-heading-06-font-weight: 300;
    --cds-heading-06-line-height: 1.199;
    --cds-heading-06-letter-spacing: 0;
    --cds-heading-07-font-size: 3.375rem;
    --cds-heading-07-font-weight: 300;
    --cds-heading-07-line-height: 1.19;
    --cds-heading-07-letter-spacing: 0;
    --cds-fluid-heading-03-font-size: 1.25rem;
    --cds-fluid-heading-03-font-weight: 400;
    --cds-fluid-heading-03-line-height: 1.4;
    --cds-fluid-heading-03-letter-spacing: 0;
    --cds-fluid-heading-04-font-size: 1.75rem;
    --cds-fluid-heading-04-font-weight: 400;
    --cds-fluid-heading-04-line-height: 1.28572;
    --cds-fluid-heading-04-letter-spacing: 0;
    --cds-fluid-heading-05-font-size: 2rem;
    --cds-fluid-heading-05-font-weight: 400;
    --cds-fluid-heading-05-line-height: 1.25;
    --cds-fluid-heading-05-letter-spacing: 0;
    --cds-fluid-heading-06-font-size: 2rem;
    --cds-fluid-heading-06-font-weight: 600;
    --cds-fluid-heading-06-line-height: 1.25;
    --cds-fluid-heading-06-letter-spacing: 0;
    --cds-fluid-paragraph-01-font-size: 1.5rem;
    --cds-fluid-paragraph-01-font-weight: 300;
    --cds-fluid-paragraph-01-line-height: 1.334;
    --cds-fluid-paragraph-01-letter-spacing: 0;
    --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-fluid-quotation-01-font-size: 1.25rem;
    --cds-fluid-quotation-01-font-weight: 400;
    --cds-fluid-quotation-01-line-height: 1.3;
    --cds-fluid-quotation-01-letter-spacing: 0;
    --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-fluid-quotation-02-font-size: 2rem;
    --cds-fluid-quotation-02-font-weight: 300;
    --cds-fluid-quotation-02-line-height: 1.25;
    --cds-fluid-quotation-02-letter-spacing: 0;
    --cds-fluid-display-01-font-size: 2.625rem;
    --cds-fluid-display-01-font-weight: 300;
    --cds-fluid-display-01-line-height: 1.19;
    --cds-fluid-display-01-letter-spacing: 0;
    --cds-fluid-display-02-font-size: 2.625rem;
    --cds-fluid-display-02-font-weight: 600;
    --cds-fluid-display-02-line-height: 1.19;
    --cds-fluid-display-02-letter-spacing: 0;
    --cds-fluid-display-03-font-size: 2.625rem;
    --cds-fluid-display-03-font-weight: 300;
    --cds-fluid-display-03-line-height: 1.19;
    --cds-fluid-display-03-letter-spacing: 0;
    --cds-fluid-display-04-font-size: 2.625rem;
    --cds-fluid-display-04-font-weight: 300;
    --cds-fluid-display-04-line-height: 1.19;
    --cds-fluid-display-04-letter-spacing: 0;
    --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-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-yellow: #f1c21b;
    --cds-status-green: #42be65;
    --cds-status-blue: #4589ff;
    --cds-status-purple: #a56eff;
    --cds-status-gray: #8d8d8d;
    --cds-notification-background-error: #262626;
    --cds-notification-background-success: #262626;
    --cds-notification-background-info: #262626;
    --cds-notification-background-warning: #262626;
    --cds-notification-action-hover: var(--cds-layer-hover);
    --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-layer: var(--cds-layer-01, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
  }
  
  .sci-layer-0-form {
    --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-border: #e0e0e0;
    --cds-chat-bubble-user: #e0e0e0;
    --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-prompt-background: #ffffff;
    --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
    --cds-chat-prompt-border-start: #f4f4f4;
    --cds-chat-shell-background: #ffffff;
    --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-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(22, 22, 22, 0.5);
    --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-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-spacing-01: 0.125rem;
    --cds-spacing-02: 0.25rem;
    --cds-spacing-03: 0.5rem;
    --cds-spacing-04: 0.75rem;
    --cds-spacing-05: 1rem;
    --cds-spacing-06: 1.5rem;
    --cds-spacing-07: 2rem;
    --cds-spacing-08: 2.5rem;
    --cds-spacing-09: 3rem;
    --cds-spacing-10: 4rem;
    --cds-spacing-11: 5rem;
    --cds-spacing-12: 6rem;
    --cds-spacing-13: 10rem;
    --cds-fluid-spacing-01: 0;
    --cds-fluid-spacing-02: 2vw;
    --cds-fluid-spacing-03: 5vw;
    --cds-fluid-spacing-04: 10vw;
    --cds-caption-01-font-size: 0.75rem;
    --cds-caption-01-font-weight: 400;
    --cds-caption-01-line-height: 1.33333;
    --cds-caption-01-letter-spacing: 0.32px;
    --cds-caption-02-font-size: 0.875rem;
    --cds-caption-02-font-weight: 400;
    --cds-caption-02-line-height: 1.28572;
    --cds-caption-02-letter-spacing: 0.32px;
    --cds-label-01-font-size: 0.75rem;
    --cds-label-01-font-weight: 400;
    --cds-label-01-line-height: 1.33333;
    --cds-label-01-letter-spacing: 0.32px;
    --cds-label-02-font-size: 0.875rem;
    --cds-label-02-font-weight: 400;
    --cds-label-02-line-height: 1.28572;
    --cds-label-02-letter-spacing: 0.16px;
    --cds-helper-text-01-font-size: 0.75rem;
    --cds-helper-text-01-line-height: 1.33333;
    --cds-helper-text-01-letter-spacing: 0.32px;
    --cds-helper-text-02-font-size: 0.875rem;
    --cds-helper-text-02-font-weight: 400;
    --cds-helper-text-02-line-height: 1.28572;
    --cds-helper-text-02-letter-spacing: 0.16px;
    --cds-body-short-01-font-size: 0.875rem;
    --cds-body-short-01-font-weight: 400;
    --cds-body-short-01-line-height: 1.28572;
    --cds-body-short-01-letter-spacing: 0.16px;
    --cds-body-short-02-font-size: 1rem;
    --cds-body-short-02-font-weight: 400;
    --cds-body-short-02-line-height: 1.375;
    --cds-body-short-02-letter-spacing: 0;
    --cds-body-long-01-font-size: 0.875rem;
    --cds-body-long-01-font-weight: 400;
    --cds-body-long-01-line-height: 1.42857;
    --cds-body-long-01-letter-spacing: 0.16px;
    --cds-body-long-02-font-size: 1rem;
    --cds-body-long-02-font-weight: 400;
    --cds-body-long-02-line-height: 1.5;
    --cds-body-long-02-letter-spacing: 0;
    --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
    --cds-code-01-font-size: 0.75rem;
    --cds-code-01-font-weight: 400;
    --cds-code-01-line-height: 1.33333;
    --cds-code-01-letter-spacing: 0.32px;
    --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
    --cds-code-02-font-size: 0.875rem;
    --cds-code-02-font-weight: 400;
    --cds-code-02-line-height: 1.42857;
    --cds-code-02-letter-spacing: 0.32px;
    --cds-heading-01-font-size: 0.875rem;
    --cds-heading-01-font-weight: 600;
    --cds-heading-01-line-height: 1.42857;
    --cds-heading-01-letter-spacing: 0.16px;
    --cds-heading-02-font-size: 1rem;
    --cds-heading-02-font-weight: 600;
    --cds-heading-02-line-height: 1.5;
    --cds-heading-02-letter-spacing: 0;
    --cds-productive-heading-01-font-size: 0.875rem;
    --cds-productive-heading-01-font-weight: 600;
    --cds-productive-heading-01-line-height: 1.28572;
    --cds-productive-heading-01-letter-spacing: 0.16px;
    --cds-productive-heading-02-font-size: 1rem;
    --cds-productive-heading-02-font-weight: 600;
    --cds-productive-heading-02-line-height: 1.375;
    --cds-productive-heading-02-letter-spacing: 0;
    --cds-productive-heading-03-font-size: 1.25rem;
    --cds-productive-heading-03-font-weight: 400;
    --cds-productive-heading-03-line-height: 1.4;
    --cds-productive-heading-03-letter-spacing: 0;
    --cds-productive-heading-04-font-size: 1.75rem;
    --cds-productive-heading-04-font-weight: 400;
    --cds-productive-heading-04-line-height: 1.28572;
    --cds-productive-heading-04-letter-spacing: 0;
    --cds-productive-heading-05-font-size: 2rem;
    --cds-productive-heading-05-font-weight: 400;
    --cds-productive-heading-05-line-height: 1.25;
    --cds-productive-heading-05-letter-spacing: 0;
    --cds-productive-heading-06-font-size: 2.625rem;
    --cds-productive-heading-06-font-weight: 300;
    --cds-productive-heading-06-line-height: 1.199;
    --cds-productive-heading-06-letter-spacing: 0;
    --cds-productive-heading-07-font-size: 3.375rem;
    --cds-productive-heading-07-font-weight: 300;
    --cds-productive-heading-07-line-height: 1.19;
    --cds-productive-heading-07-letter-spacing: 0;
    --cds-expressive-paragraph-01-font-size: 1.5rem;
    --cds-expressive-paragraph-01-font-weight: 300;
    --cds-expressive-paragraph-01-line-height: 1.334;
    --cds-expressive-paragraph-01-letter-spacing: 0;
    --cds-expressive-heading-01-font-size: 0.875rem;
    --cds-expressive-heading-01-font-weight: 600;
    --cds-expressive-heading-01-line-height: 1.42857;
    --cds-expressive-heading-01-letter-spacing: 0.16px;
    --cds-expressive-heading-02-font-size: 1rem;
    --cds-expressive-heading-02-font-weight: 600;
    --cds-expressive-heading-02-line-height: 1.5;
    --cds-expressive-heading-02-letter-spacing: 0;
    --cds-expressive-heading-03-font-size: 1.25rem;
    --cds-expressive-heading-03-font-weight: 400;
    --cds-expressive-heading-03-line-height: 1.4;
    --cds-expressive-heading-03-letter-spacing: 0;
    --cds-expressive-heading-04-font-size: 1.75rem;
    --cds-expressive-heading-04-font-weight: 400;
    --cds-expressive-heading-04-line-height: 1.28572;
    --cds-expressive-heading-04-letter-spacing: 0;
    --cds-expressive-heading-05-font-size: 2rem;
    --cds-expressive-heading-05-font-weight: 400;
    --cds-expressive-heading-05-line-height: 1.25;
    --cds-expressive-heading-05-letter-spacing: 0;
    --cds-expressive-heading-06-font-size: 2rem;
    --cds-expressive-heading-06-font-weight: 600;
    --cds-expressive-heading-06-line-height: 1.25;
    --cds-expressive-heading-06-letter-spacing: 0;
    --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-quotation-01-font-size: 1.25rem;
    --cds-quotation-01-font-weight: 400;
    --cds-quotation-01-line-height: 1.3;
    --cds-quotation-01-letter-spacing: 0;
    --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-quotation-02-font-size: 2rem;
    --cds-quotation-02-font-weight: 300;
    --cds-quotation-02-line-height: 1.25;
    --cds-quotation-02-letter-spacing: 0;
    --cds-display-01-font-size: 2.625rem;
    --cds-display-01-font-weight: 300;
    --cds-display-01-line-height: 1.19;
    --cds-display-01-letter-spacing: 0;
    --cds-display-02-font-size: 2.625rem;
    --cds-display-02-font-weight: 600;
    --cds-display-02-line-height: 1.19;
    --cds-display-02-letter-spacing: 0;
    --cds-display-03-font-size: 2.625rem;
    --cds-display-03-font-weight: 300;
    --cds-display-03-line-height: 1.19;
    --cds-display-03-letter-spacing: 0;
    --cds-display-04-font-size: 2.625rem;
    --cds-display-04-font-weight: 300;
    --cds-display-04-line-height: 1.19;
    --cds-display-04-letter-spacing: 0;
    --cds-legal-01-font-size: 0.75rem;
    --cds-legal-01-font-weight: 400;
    --cds-legal-01-line-height: 1.33333;
    --cds-legal-01-letter-spacing: 0.32px;
    --cds-legal-02-font-size: 0.875rem;
    --cds-legal-02-font-weight: 400;
    --cds-legal-02-line-height: 1.28572;
    --cds-legal-02-letter-spacing: 0.16px;
    --cds-body-compact-01-font-size: 0.875rem;
    --cds-body-compact-01-font-weight: 400;
    --cds-body-compact-01-line-height: 1.28572;
    --cds-body-compact-01-letter-spacing: 0.16px;
    --cds-body-compact-02-font-size: 1rem;
    --cds-body-compact-02-font-weight: 400;
    --cds-body-compact-02-line-height: 1.375;
    --cds-body-compact-02-letter-spacing: 0;
    --cds-heading-compact-01-font-size: 0.875rem;
    --cds-heading-compact-01-font-weight: 600;
    --cds-heading-compact-01-line-height: 1.28572;
    --cds-heading-compact-01-letter-spacing: 0.16px;
    --cds-heading-compact-02-font-size: 1rem;
    --cds-heading-compact-02-font-weight: 600;
    --cds-heading-compact-02-line-height: 1.375;
    --cds-heading-compact-02-letter-spacing: 0;
    --cds-body-01-font-size: 0.875rem;
    --cds-body-01-font-weight: 400;
    --cds-body-01-line-height: 1.42857;
    --cds-body-01-letter-spacing: 0.16px;
    --cds-body-02-font-size: 1rem;
    --cds-body-02-font-weight: 400;
    --cds-body-02-line-height: 1.5;
    --cds-body-02-letter-spacing: 0;
    --cds-heading-03-font-size: 1.25rem;
    --cds-heading-03-font-weight: 400;
    --cds-heading-03-line-height: 1.4;
    --cds-heading-03-letter-spacing: 0;
    --cds-heading-04-font-size: 1.75rem;
    --cds-heading-04-font-weight: 400;
    --cds-heading-04-line-height: 1.28572;
    --cds-heading-04-letter-spacing: 0;
    --cds-heading-05-font-size: 2rem;
    --cds-heading-05-font-weight: 400;
    --cds-heading-05-line-height: 1.25;
    --cds-heading-05-letter-spacing: 0;
    --cds-heading-06-font-size: 2.625rem;
    --cds-heading-06-font-weight: 300;
    --cds-heading-06-line-height: 1.199;
    --cds-heading-06-letter-spacing: 0;
    --cds-heading-07-font-size: 3.375rem;
    --cds-heading-07-font-weight: 300;
    --cds-heading-07-line-height: 1.19;
    --cds-heading-07-letter-spacing: 0;
    --cds-fluid-heading-03-font-size: 1.25rem;
    --cds-fluid-heading-03-font-weight: 400;
    --cds-fluid-heading-03-line-height: 1.4;
    --cds-fluid-heading-03-letter-spacing: 0;
    --cds-fluid-heading-04-font-size: 1.75rem;
    --cds-fluid-heading-04-font-weight: 400;
    --cds-fluid-heading-04-line-height: 1.28572;
    --cds-fluid-heading-04-letter-spacing: 0;
    --cds-fluid-heading-05-font-size: 2rem;
    --cds-fluid-heading-05-font-weight: 400;
    --cds-fluid-heading-05-line-height: 1.25;
    --cds-fluid-heading-05-letter-spacing: 0;
    --cds-fluid-heading-06-font-size: 2rem;
    --cds-fluid-heading-06-font-weight: 600;
    --cds-fluid-heading-06-line-height: 1.25;
    --cds-fluid-heading-06-letter-spacing: 0;
    --cds-fluid-paragraph-01-font-size: 1.5rem;
    --cds-fluid-paragraph-01-font-weight: 300;
    --cds-fluid-paragraph-01-line-height: 1.334;
    --cds-fluid-paragraph-01-letter-spacing: 0;
    --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-fluid-quotation-01-font-size: 1.25rem;
    --cds-fluid-quotation-01-font-weight: 400;
    --cds-fluid-quotation-01-line-height: 1.3;
    --cds-fluid-quotation-01-letter-spacing: 0;
    --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
    --cds-fluid-quotation-02-font-size: 2rem;
    --cds-fluid-quotation-02-font-weight: 300;
    --cds-fluid-quotation-02-line-height: 1.25;
    --cds-fluid-quotation-02-letter-spacing: 0;
    --cds-fluid-display-01-font-size: 2.625rem;
    --cds-fluid-display-01-font-weight: 300;
    --cds-fluid-display-01-line-height: 1.19;
    --cds-fluid-display-01-letter-spacing: 0;
    --cds-fluid-display-02-font-size: 2.625rem;
    --cds-fluid-display-02-font-weight: 600;
    --cds-fluid-display-02-line-height: 1.19;
    --cds-fluid-display-02-letter-spacing: 0;
    --cds-fluid-display-03-font-size: 2.625rem;
    --cds-fluid-display-03-font-weight: 300;
    --cds-fluid-display-03-line-height: 1.19;
    --cds-fluid-display-03-letter-spacing: 0;
    --cds-fluid-display-04-font-size: 2.625rem;
    --cds-fluid-display-04-font-weight: 300;
    --cds-fluid-display-04-line-height: 1.19;
    --cds-fluid-display-04-letter-spacing: 0;
    --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-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-yellow: #f1c21b;
    --cds-status-green: #24a148;
    --cds-status-blue: #0043ce;
    --cds-status-purple: #8a3ffc;
    --cds-status-gray: #6f6f6f;
    --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-layer: var(--cds-layer-01, #ffffff);
    --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
    --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
    --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
    --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
    --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
    --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
    --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
    --cds-field: var(--cds-field-01, #ffffff);
    --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
    --cds-border-subtle: var(--cds-border-subtle-00, #c6c6c6);
    --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, #a8a8a8);
  }
  
  /*lighten($component-active-bg, 25%)*/
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  
  html {
    font-size: 16px;
    line-height: 1.45;
    font-family: var(--font-family-base, font-family("sans"));
    color: var(--cds-text-primary, #161616);
  }
  
  h1,
  h2,
  h3,
  h4 {
    margin: 0 0 0.5em;
    font-weight: inherit;
    line-height: 1.2;
    font-family: var(--font-family-headings, font-family("sans"));
  }
  
  .h1,
  .h2,
  .h3,
  .h4 {
    display: inline;
  }
  
  h1,
  .h1 {
    margin-top: 0;
    font-size: 2.998em;
  }
  @media (min-width: 992px) {
    h1,
    .h1 {
      font-size: 3.998em;
    }
  }
  
  h2,
  .h2 {
    font-size: 2.127em;
    font-weight: 300;
  }
  @media (min-width: 992px) {
    h2,
    .h2 {
      font-size: 2.827em;
    }
  }
  
  h3,
  .h3 {
    font-size: 1.569em;
  }
  @media (min-width: 992px) {
    h3,
    .h3 {
      font-size: 1.999em;
    }
  }
  
  h4,
  .h4 {
    font-size: 1.214em;
  }
  @media (min-width: 992px) {
    h4,
    .h4 {
      font-size: 1.414em;
    }
  }
  
  .lead {
    font-size: 1.2em;
    font-weight: 300;
  }
  
  p {
    margin: 0 0 1.3em;
  }
  
  small,
  .small {
    font-size: 0.707em;
  }
  
  .text-small {
    font-size: 0.875em;
    line-height: 1.4;
  }
  
  blockquote {
    padding: 0;
    margin: 0 0 2rem;
    font-style: italic;
    position: relative;
    color: var(--cds-text-primary, #161616);
  }
  blockquote p {
    margin: 0;
  }
  blockquote:before {
    content: "“";
    font-size: 4em;
    position: absolute;
    left: -30px;
    top: -20px;
    color: var(--cds-text-primary, #161616);
    opacity: 0.5;
  }
  blockquote small {
    color: #36597d;
    display: block;
    margin-top: 0.5rem;
    font-style: normal;
  }
  blockquote small::before {
    content: "— ";
  }
  
  .list-unstyled {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .text-regular {
    font-weight: normal;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-uppercase {
    text-transform: uppercase;
  }
  
  .text-lowercase {
    text-transform: lowercase;
  }
  
  .text-capitalize {
    text-transform: capitalize;
  }
  
  .text-truncate {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .text-nowrap {
    white-space: nowrap;
  }
  
  hr {
    margin: 1rem 0;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    border-bottom: 0;
  }
  
  @font-face {
    font-family: "sag_product_icons";
    src: url("fonts/sag_product_icons.ttf?wnquwl") format("truetype"), url("fonts/sag_product_icons.woff?wnquwl") format("woff"), url("fonts/sag_product_icons.svg?wnquwl#sag_product_icons") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: "carbon_icons";
    src: url("fonts/carbon_icons.eot?4sc61u"), url("fonts/carbon_icons.ttf?wnquwl") format("truetype"), url("fonts/carbon_icons.woff?wnquwl") format("woff"), url("fonts/carbon_icons.svg?wnquwl#carbon_icons") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  [class^=sci-prod-icon-],
  [class*=" sci-prod-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "sag_product_icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inherit;
  }
  
  [class^=carbon-icon-], [class*=carbon-icon-] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "carbon_icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inherit;
  }
  
  .sci-prod-icon-apicontrolplane .path1:before {
    content: "\e900";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-apicontrolplane .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-cloudcontainer .path1:before,
  .sci-prod-icon-cloud-container .path1:before {
    content: "\e902";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-cloudcontainer .path2:before,
  .sci-prod-icon-cloud-container .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-devportal .path1:before {
    content: "\e906";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-devportal .path2:before {
    content: "\e907";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-devportal .path3:before {
    content: "\e908";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-devportal .path4:before {
    content: "\e909";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-devportal .path5:before {
    content: "\e90a";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-devportal .path6:before {
    content: "\e90b";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-devportal .path7:before {
    content: "\e90c";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-metering .path1:before {
    content: "\e90d";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-metering .path2:before {
    content: "\e90e";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-mft .path1:before {
    content: "\e90f";
    color: #011f3d;
  }
  
  .sci-prod-icon-mft .path2:before {
    content: "\e910";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-mycloud .path1:before {
    content: "\e911";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-mycloud .path2:before {
    content: "\e912";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-wm-agile-apps .path1:before {
    content: "\e913";
    color: #011f3d;
  }
  
  .sci-prod-icon-wm-agile-apps .path2:before {
    content: "\e914";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-wm-api .path1:before,
  .sci-prod-icon-apiportal .path1:before,
  .sci-prod-icon-apigateway .path1:before {
    content: "\e915";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-wm-api .path2:before,
  .sci-prod-icon-apiportal .path2:before,
  .sci-prod-icon-apigateway .path2:before {
    content: "\e916";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-wm-b2b .path1:before,
  .sci-prod-icon-b2b .path1:before {
    content: "\e917";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-wm-b2b .path2:before,
  .sci-prod-icon-b2b .path2:before {
    content: "\e918";
    margin-left: -1em;
    color: #011f3d;
  }
  
  .sci-prod-icon-integrationcloud .path1:before,
  .sci-prod-icon-wmintegration .path1:before {
    content: "\e919";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-integrationcloud .path2:before,
  .sci-prod-icon-wmintegration .path2:before {
    content: "\e91a";
    margin-left: -0.9697265625em;
    color: #011f3d;
  }
  
  .sci-prod-icon-wm-integration-io .path1:before,
  .sci-prod-icon-webmethodsioint .path1:before {
    content: "\e91b";
    color: #011f3d;
  }
  
  .sci-prod-icon-wm-integration-io .path2:before,
  .sci-prod-icon-webmethodsioint .path2:before {
    content: "\e91c";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-datahub .path1:before {
    content: "\e91d";
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-datahub .path2:before {
    content: "\e91e";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-datahub .path3:before {
    content: "\e91f";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-datahub .path4:before {
    content: "\e920";
    margin-left: -1em;
    background-color: #3cc1b7;
    background: linear-gradient(to left, #3cc1b7, #8e3cf7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-clip: text;
  }
  
  .sci-prod-icon-datahub .path5:before {
    content: "\e921";
    margin-left: -1em;
    color: #011f3d;
  }

  .carbon-icon-close:before {
    content: "\e908";
  }

  .carbon-icon-close-error {
    display: inline;
  }
  .carbon-icon-close-error:before {
    content: "\e908";
    color: var(--cds-support-error, #da1e28);
  }

  .carbon-icon-view-off:before {
    content: "\e906";
  }
  .carbon-icon-view:before {
    content: "\e907";
  }

  .carbon-icon-info {
    display: inline;
  }

  .carbon-icon-info:before {
    content: "\e903";
    color: var(--cds-support-info, #0043ce);
  }
  
  .carbon-icon-success:before {
    content: "\e904";
    color: var(--cds-support-success, #24a148);
  }

  .carbon-icon-warning-alt {
    display: inline;
    font-size: 1.5rem;
    margin-right: 0.5rem;
    vertical-align: text-bottom;
  }

  .carbon-icon-warning-alt .path1:before {
    content: "\e909";
    color: rgb(22, 22, 22);
  }
  .carbon-icon-warning-alt .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(241, 194, 27);
  }
  .carbon-icon-warning-alt .path3:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(241, 194, 27);
  }
  
  .carbon-icon-warning:before {
    content: "\e902";
    color: var(--cds-support-warning, #f1c21b);
  }
  
  .carbon-icon-exp-warning:before {
    content: "\e900";
    color: var(--cds-support-error, #da1e28);
  }
  
  .carbon-icon-error:before {
    content: "\e901";
    color: var(--cds-support-error, #da1e28);
  }
  
  .carbon-icon-checkmark:before {
    content: "\e905";
  }
  
  .carbon-icon-checkmark-success:before {
    content: "\e905";
    color: var(--cds-support-success, #24a148);
  }

  .carbon-icon-checkmark-success {
    display: inline;
  }
  
  /*!
   * Hamburgers
   * @description Tasty CSS-animated hamburgers
   * @author Jonathan Suh @jonsuh
   * @site https://jonsuh.com/hamburgers
   * @link https://github.com/jonsuh/hamburgers
   */
  .hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
  
  .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: currentColor;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::before {
    top: -10px;
  }
  .hamburger-inner::after {
    bottom: -10px;
  }
  
  .hamburger-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  
  /*
   * Squeeze
   */
  .hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  /*
   * Spring
   */
  .hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
  }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent;
  }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
  }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
  }
  
  .navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
  }
  
  .navbar-container {
    margin: 0 auto;
  }
  
  .navbar-nav .nav-item,
  .navbar-nav .nav-icon {
    display: flex;
    align-items: stretch;
  }
  .navbar-nav .nav-icon > a {
    font-size: 1.5rem;
    height: 3rem;
    width: 3rem;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cds-icon-primary, #161616);
    text-decoration: none;
  }
  .navbar-nav .nav-icon > a:hover {
    background-color: var(--cds-button-secondary-hover, #474747);
  }
  .navbar-nav .nav-icon > a:active {
    background-color: var(--cds-button-secondary-active, #6f6f6f);
  }
  .navbar-nav .nav-icon > a:focus {
    outline: 2px solid var(--cds-border-inverse, #161616);
    outline-offset: -2px;
  }
  @media (max-width: 991px) {
    .navbar-nav .nav-icon > a {
      width: 100%;
      padding: 0;
    }
  }
  .navbar-nav .nav-icon.dropdown.show > a {
    background-color: var(--cds-icon-on-color, #ffffff);
  }
  .navbar-nav .nav-item a:not(.dropdown-item):not(.btn) {
    text-decoration: none;
    font-size: 16px;
    border: 0;
    border-left: 4px solid transparent;
    display: flex;
    align-items: center;
    line-height: 1.5;
    width: 100%;
    white-space: nowrap;
    padding: 12px 1rem;
  }
  .products-menu .navbar-nav .nav-item a:not(.dropdown-item):not(.btn) {
    padding: 12px 0.4rem;
  }
  .navbar-nav .nav-btn {
    padding-top: 1em;
    padding-left: 0.75rem;
  }
  .navbar-nav .nav-btn .btn {
    padding: 0.3rem 1.5rem;
  }
  .navbar-nav .nav-btn .btn + .btn {
    margin-left: 0.5rem;
  }
  @media (max-width: 992px) {
    .navbar-nav .nav-btn .btn {
      width: 220px !important;
    }
    .navbar-nav .nav-btn .btn + .btn {
      margin-left: 0;
      margin-top: 0.5rem;
    }
  }
  
  .tabs-menu.headroom--not-top {
    position: fixed;
  }
  
  .header.navigation {
    background-color: var(--cds-background, #f4f4f4);
    color: var(--cds-text-primary, #161616);
    padding: 0 0 0 0;
    border: 0;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 1030;
  }
  .header.navigation .navbar {
    display: flex;
    flex-flow: column nowrap;
  }
  .header.navigation .navbar-brand {
    height: 3rem;
    max-width: 12.5rem;
    min-width: 12.5rem;
    margin-left: 1.5rem;
    display: flex;
    align-items: center;
  }
  .header.navigation .navbar-brand .img-responsive {
    max-width: 12.5rem !important;
    max-height: 100%;
  }
  .header.navigation .navbar-brand-separator {
    width: 1px;
    height: 1.5rem;
    border: 1px solid #525252;
    margin: 0.75rem 1rem 0 0;
  }
  .header.navigation .navbar-toggle {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1040;
  }
  .header.navigation .navbar-toggle:focus {
    outline: none;
  }
  .header.navigation .nav-item a:not(.dropdown-item) {
    color: var(--cds-text-secondary, #525252);
  }
  .header.navigation .nav-item a:not(.dropdown-item):hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  .header.navigation .nav-item a:not(.dropdown-item):focus {
    color: var(--cds-text-secondary, #525252);
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
    box-shadow: none;
  }
  .header.navigation .nav-item a:not(.dropdown-item):active {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    color: var(--cds-text-primary, #161616);
  }
  .header.navigation .nav-item .dropdown-toggle {
    padding-right: 0.5rem !important;
    height: 100%;
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) {
    padding: 0;
    background-color: var(--cds-background, #f4f4f4);
    color: var(--cds-text-secondary, #525252);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
    margin-top: -4px !important;
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) .dropdown-item {
    color: var(--cds-text-secondary, #525252);
    line-height: 32px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    border-left: 2px solid transparent;
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) .dropdown-item:hover {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) .dropdown-item:focus {
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) .dropdown-item:active {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-layer-active-01, #c6c6c6);
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) .dropdown-item.active {
    color: var(--cds-text-primary, #161616);
    background: var(--cds-layer-selected-01, #e0e0e0);
    border-left: 2px solid var(--cds-border-interactive, #0f62fe);
  }
  .header.navigation .nav-item .dropdown-menu:not(.default) .dropdown-divider {
    border-color: rgba(255, 255, 255, 0.15);
    margin: 0;
  }
  .header.navigation .nav-item .dropdown-item img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
  }
  .header.navigation .nav-item.active > a, .header.navigation .nav-item.active .dropdown > a {
    border-color: var(--cds-border-interactive, #0f62fe) !important;
    background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
    color: var(--cds-text-primary, #161616);
    border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
    padding-bottom: 9x;
  }
  .header.navigation .nav-item .dropdown.show > a {
    border-color: var(--cds-border-interactive, #0f62fe) !important;
    background-color: inherit;
  }
  .header.navigation .navbar-right .dropdown-item {
    border: 0;
    line-height: 3.25rem;
    padding-bottom: 0;
    padding-top: 0;
  }
  .header.navigation .navbar-right .dropdown-info {
    margin-top: 0.5rem;
    line-height: 1.25rem;
    pointer-events: none;
    border: none;
  }
  .header.navigation .navbar-right .dropdown-menu-right {
    right: 0.1rem;
    margin-top: 0rem;
    box-shadow: 0px 0px 1px 0px rgb(1, 31, 61), 0px 2px 12px 2px rgba(1, 31, 61, 0.12);
  }
  .header.navigation #sci-environments-menu-dropdown {
    border-left: 1px solid var(--cds-border-subtle-02, #c6c6c6);
    border-right: 1px solid var(--cds-border-subtle-02, #c6c6c6);
  }
  .header.navigation #sci-environments-menu-dropdown .dropdown-toggle {
    padding: 0 0.75rem !important;
    line-height: 1.2;
  }
  .header.navigation #sci-environments-menu-dropdown .dropdown-toggle .d-flex {
    align-items: center;
  }
  .header.navigation #sci-environments-menu-dropdown .dropdown-toggle .d-flex div #sci-environments-first div {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 12.77rem;
    white-space: nowrap;
  }
  .header.navigation #sci-environments-menu-dropdown .dropdown-toggle small {
    opacity: 1;
  }
  .header.navigation #sci-environments-menu-dropdown .dropdown-toggle[aria-expanded=true]::after {
    rotate: 180deg;
  }
  .header.navigation #sci-environments-menu-dropdown a.nav-link:focus {
    box-shadow: none;
  }
  .header.navigation #sci-environments-menu-dropdown .dropdown-menu-right {
    margin-top: 0rem;
  }
  .header.navigation #sci-help-menu #sci-version-info {
    font-size: 0.75rem;
    color: var(--cds-text-secondary, #525252);
  }
  .header.navigation #sci-help-menu #sci-version-info.hidden + .dropdown-divider {
    display: none;
  }
  .header.navigation #sci-help-menu #sci-version-info #sci-version-number,
  .header.navigation #sci-help-menu #sci-version-info #sci-region {
    font-size: 0.875rem;
    color: var(--cds-text-primary, #161616);
  }
  .header.navigation #sci-help-menu #sci-version-info > div {
    margin-bottom: 0.75rem;
  }
  .header.navigation .text-truncate {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .header.navigation .text-nowrap {
    white-space: nowrap;
  }
  .header.navigation svg {
    fill: var(--cds-icon-on-color, #ffffff);
  }
  
  @media screen and (max-width: 991px) {
    .navbar-collapse {
      position: absolute;
      z-index: 1030;
      top: 3rem;
      left: 0;
      min-height: calc(100vh - 3rem);
      width: 15rem;
      background-color: var(--cds-background, #f4f4f4);
      transform: translateX(-15rem);
      transition: transform 0.4s ease-in-out;
      display: flex;
      flex-flow: column nowrap;
    }
    .navbar-collapse .navbar-nav {
      flex-flow: column nowrap;
    }
    .navbar-collapse.open {
      transform: translateX(0);
    }
    .navbar-collapse .dropdown {
      width: 100%;
    }
    .navbar-collapse .dropdown .dropdown-menu {
      left: 4px;
      right: auto;
    }
    .navbar-collapse .dropdown .dropdown-menu.arrow-top.dropdown-menu-right:before {
      left: 15px;
      right: auto;
      border-color: var(--cds-overlay, rgba(22, 22, 22, 0.5)) !important;
    }
    .navbar-collapse .dropdown .dropdown-menu.arrow-top.dropdown-menu-right:after {
      left: 16px;
      right: auto;
      border-color: var(--cds-overlay, rgba(22, 22, 22, 0.5)) !important;
    }
    .nav-cover {
      position: fixed;
      background-color: rgba(0, 0, 0, 0);
      top: 3rem;
      bottom: 0;
      width: 0;
      left: 0;
      transition: width 0.4s ease-in-out;
    }
    .open .nav-cover {
      width: 100%;
    }
    .navbar-right {
      position: fixed;
      top: 0;
      right: 1rem;
    }
    .navbar-right .nav-item a {
      border: 0 solid transparent;
      width: auto;
    }
    .header.navigation .nav-item a:not(.dropdown-item) {
      color: var(--cds-text-secondary, #525252);
    }
    .header.navigation .nav-item a:not(.dropdown-item):hover {
      background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12)) !important;
      color: var(--cds-text-primary, #161616);
    }
    .header.navigation .nav-item a:not(.dropdown-item):focus {
      border: 1px solid var(--cds-focus, #0f62fe);
    }
    .header.navigation .nav-item a:not(.dropdown-item):active {
      background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5)) !important;
      color: var(--cds-text-primary, #161616);
    }
    .header.navigation .nav-item.active > a {
      background: var(--cds-background, #f4f4f4) !important;
      color: var(--cds-text-primary, #161616);
      border-color: var(--cds-border-interactive, #0f62fe) !important;
    }
    .header.navigation .nav-item .dropdown.show > a {
      border-color: transparent !important;
    }
  }
  @media screen and (min-width: 992px) {
    .headroom {
      will-change: transform;
      transition: transform 200ms linear;
    }
    .header.navigation.headroom--pinned {
      transform: translateY(0%);
    }
    .header.navigation.headroom--unpinned {
      transform: translateY(-100%);
    }
    .sci-cloud .header.navigation.headroom--unpinned {
      transform: translateY(0%);
    }
    .header.navigation {
      padding: 0;
    }
    .header.navigation .navbar-toggle {
      display: none;
    }
    .header.navigation .navbar-collapse {
      display: flex;
      flex: 1 0 auto;
    }
    .header.navigation .navbar-collapse .navbar-right {
      margin-left: auto;
    }
    .header.navigation .navbar {
      flex-flow: row nowrap;
    }
    .header.navigation .navbar .nav-item a {
      border: 0 solid transparent;
      width: auto;
    }
    .header.navigation .navbar .nav-item.active > a {
      border-bottom: 3px solid var(--cds-border-interactive, #0f62fe) !important;
      padding-bottom: 9px;
    }
    .header.navigation .navbar-brand {
      margin-left: 1rem;
    }
    .header.navigation .navbar-nav {
      flex-flow: row nowrap;
      height: 100%;
    }
  }
  .sci-profile-menu {
    display: flex !important;
    flex-wrap: nowrap;
    padding: 1rem !important;
    position: relative;
  }
  .sci-profile-menu .sci-profile-image {
    background-color: var(--cds-tag-border-cyan, #33b1ff);
    font-size: 1.25rem;
    font-weight: 400;
    height: 3rem;
    letter-spacing: 0;
    line-height: 1.4;
    width: 3rem;
    align-items: center;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    color: var(--cds-text-primary, #161616);
  }
  .sci-profile-menu .sci-profile-text {
    margin-left: 1rem;
  }
  .sci-profile-menu .sci-profile-text .sci-profile-name {
    display: block;
    word-wrap: break-word;
    width: auto;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    line-height: 1.2;
    margin-bottom: 0.125rem;
  }
  .sci-profile-menu .sci-profile-text .sci-profile-email {
    color: var(--cds-text-secondary, #525252);
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.32px;
    line-height: 1.33333;
    display: block;
    word-wrap: break-word;
    width: 189px;
  }
  
  @-moz-document url-prefix() {
    .nav-item,
    .dropdown-item {
      outline-offset: unset !important;
    }
  }
  @media screen and (max-width: 600px) {
    #sci-environments-menu {
      display: none;
    }
  }
  body .gsc-search-box.gsc-search-box-tools {
    width: 220px;
    padding: 16px 12px 0;
    position: relative;
  }
  body .gsc-search-box-tools .gsc-search-box .gsc-input {
    background-color: transparent !important;
    padding-right: 0;
    background-image: none !important;
  }
  body .gsc-search-box-tools .gsc-search-box input.gsc-input {
    display: block !important;
    padding: 0 8px !important;
    width: 100% !important;
    height: 32px !important;
    border: 0 solid #e5e7e7 !important;
    border-radius: 0 !important;
    background-color: #1c5569 !important;
    background-image: none !important;
    color: white !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    text-indent: 0 !important;
    margin: 0 !important;
  }
  body .gsc-search-box-tools .gsc-search-box input.gsc-input:focus {
    background-color: white !important;
    color: var(--cds-text-primary, #161616) !important;
  }
  body .gsc-search-box-tools .gsc-search-box input.gsc-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5) !important;
  }
  body .gsc-search-box-tools .gsc-search-box input.gsc-input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5) !important;
  }
  body .gsc-search-box-tools .gsc-search-box input.gsc-input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5) !important;
  }
  body .gsc-search-box-tools .gsc-search-box input.gsc-input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5) !important;
  }
  body .gsib_a {
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
  }
  body .gsst_b {
    padding-top: 3px;
  }
  body .gsc-input-box-focus,
  body .gsc-input-box-hover {
    box-shadow: none !important;
  }
  body td.gsc-search-button {
    position: relative;
  }
  body td.gsc-search-button .gsc-search-button-v2,
  body td.gsc-search-button .gsc-search-button-v2:focus {
    width: 34px;
    padding: 0;
    height: 32px;
    border-radius: 0;
    background-color: #1c5569;
    border: 0;
    margin: 0;
    cursor: pointer;
  }
  body td.gsc-search-button .gsc-search-button-v2:focus,
  body td.gsc-search-button .gsc-search-button-v2:focus:focus {
    border: 0;
    box-shadow: none;
  }
  body td.gsc-search-button .gsc-search-button-v2 > svg,
  body td.gsc-search-button .gsc-search-button-v2:focus > svg {
    width: auto;
    height: auto;
    margin: auto;
    opacity: 0.8;
  }
  body td.gsc-search-button .gsc-search-button-v2:hover {
    background-color: #1c5569;
  }
  body td.gsc-search-button .gsc-search-button-v2:hover > svg {
    opacity: 1;
  }
  body .gsc-adBlock {
    display: none;
  }
  body .gsc-input-box {
    border: 0;
    background-color: transparent;
    height: 32px;
  }
  body table.gsc-search-box .gsst_b {
    position: absolute;
    top: 16px;
    right: 46px;
  }
  body table.gsc-search-box .gsst_b .gsst_a {
    padding-top: 3.5px;
  }
  body table.gsc-search-box .gsst_b .gsst_a .gscb_a {
    color: var(--cds-text-primary, #161616);
    font-size: 21px;
  }
  
  .gsc-control-cse .gsc-table-result {
    font-family: font-family("sans");
  }
  
  .cse .gsc-control-cse,
  .gsc-control-cse {
    padding: 0 !important;
    border: 0 !important;
  }
  
  /*!
   * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
   * Copyright 2011-2018 The Bootstrap Authors
   * Copyright 2011-2018 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */
  html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }
  @media (min-width: 1400px) {
    .container {
      max-width: 1280px;
    }
  }
  
  .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
  }
  
  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters > .col,
  .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
  
  .col-xxl,
  .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
  .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
  .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
  .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
  .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
  .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }
  
  .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  
  .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  
  .col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  
  .col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  
  .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  
  .col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  
  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  
  .col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  
  .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  
  .col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  
  .col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .order-first {
    order: -1;
  }
  
  .order-last {
    order: 13;
  }
  
  .order-0 {
    order: 0;
  }
  
  .order-1 {
    order: 1;
  }
  
  .order-2 {
    order: 2;
  }
  
  .order-3 {
    order: 3;
  }
  
  .order-4 {
    order: 4;
  }
  
  .order-5 {
    order: 5;
  }
  
  .order-6 {
    order: 6;
  }
  
  .order-7 {
    order: 7;
  }
  
  .order-8 {
    order: 8;
  }
  
  .order-9 {
    order: 9;
  }
  
  .order-10 {
    order: 10;
  }
  
  .order-11 {
    order: 11;
  }
  
  .order-12 {
    order: 12;
  }
  
  .offset-1 {
    margin-left: 8.3333333333%;
  }
  
  .offset-2 {
    margin-left: 16.6666666667%;
  }
  
  .offset-3 {
    margin-left: 25%;
  }
  
  .offset-4 {
    margin-left: 33.3333333333%;
  }
  
  .offset-5 {
    margin-left: 41.6666666667%;
  }
  
  .offset-6 {
    margin-left: 50%;
  }
  
  .offset-7 {
    margin-left: 58.3333333333%;
  }
  
  .offset-8 {
    margin-left: 66.6666666667%;
  }
  
  .offset-9 {
    margin-left: 75%;
  }
  
  .offset-10 {
    margin-left: 83.3333333333%;
  }
  
  .offset-11 {
    margin-left: 91.6666666667%;
  }
  
  @media (min-width: 576px) {
    .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-sm-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-sm-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-sm-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-sm-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-sm-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-sm-first {
      order: -1;
    }
    .order-sm-last {
      order: 13;
    }
    .order-sm-0 {
      order: 0;
    }
    .order-sm-1 {
      order: 1;
    }
    .order-sm-2 {
      order: 2;
    }
    .order-sm-3 {
      order: 3;
    }
    .order-sm-4 {
      order: 4;
    }
    .order-sm-5 {
      order: 5;
    }
    .order-sm-6 {
      order: 6;
    }
    .order-sm-7 {
      order: 7;
    }
    .order-sm-8 {
      order: 8;
    }
    .order-sm-9 {
      order: 9;
    }
    .order-sm-10 {
      order: 10;
    }
    .order-sm-11 {
      order: 11;
    }
    .order-sm-12 {
      order: 12;
    }
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
      margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
      margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
      margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-md-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-md-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-md-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-md-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-md-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-md-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-md-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-md-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-md-first {
      order: -1;
    }
    .order-md-last {
      order: 13;
    }
    .order-md-0 {
      order: 0;
    }
    .order-md-1 {
      order: 1;
    }
    .order-md-2 {
      order: 2;
    }
    .order-md-3 {
      order: 3;
    }
    .order-md-4 {
      order: 4;
    }
    .order-md-5 {
      order: 5;
    }
    .order-md-6 {
      order: 6;
    }
    .order-md-7 {
      order: 7;
    }
    .order-md-8 {
      order: 8;
    }
    .order-md-9 {
      order: 9;
    }
    .order-md-10 {
      order: 10;
    }
    .order-md-11 {
      order: 11;
    }
    .order-md-12 {
      order: 12;
    }
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.3333333333%;
    }
    .offset-md-2 {
      margin-left: 16.6666666667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.3333333333%;
    }
    .offset-md-5 {
      margin-left: 41.6666666667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.3333333333%;
    }
    .offset-md-8 {
      margin-left: 66.6666666667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.3333333333%;
    }
    .offset-md-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-lg-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-lg-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-lg-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-lg-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-lg-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-lg-first {
      order: -1;
    }
    .order-lg-last {
      order: 13;
    }
    .order-lg-0 {
      order: 0;
    }
    .order-lg-1 {
      order: 1;
    }
    .order-lg-2 {
      order: 2;
    }
    .order-lg-3 {
      order: 3;
    }
    .order-lg-4 {
      order: 4;
    }
    .order-lg-5 {
      order: 5;
    }
    .order-lg-6 {
      order: 6;
    }
    .order-lg-7 {
      order: 7;
    }
    .order-lg-8 {
      order: 8;
    }
    .order-lg-9 {
      order: 9;
    }
    .order-lg-10 {
      order: 10;
    }
    .order-lg-11 {
      order: 11;
    }
    .order-lg-12 {
      order: 12;
    }
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
      margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
      margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
      margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xl-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-xl-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-xl-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-xl-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-xl-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xl-first {
      order: -1;
    }
    .order-xl-last {
      order: 13;
    }
    .order-xl-0 {
      order: 0;
    }
    .order-xl-1 {
      order: 1;
    }
    .order-xl-2 {
      order: 2;
    }
    .order-xl-3 {
      order: 3;
    }
    .order-xl-4 {
      order: 4;
    }
    .order-xl-5 {
      order: 5;
    }
    .order-xl-6 {
      order: 6;
    }
    .order-xl-7 {
      order: 7;
    }
    .order-xl-8 {
      order: 8;
    }
    .order-xl-9 {
      order: 9;
    }
    .order-xl-10 {
      order: 10;
    }
    .order-xl-11 {
      order: 11;
    }
    .order-xl-12 {
      order: 12;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
      margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
      margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
      margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
      margin-left: 91.6666666667%;
    }
  }
  @media (min-width: 1400px) {
    .col-xxl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-xxl-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-xxl-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-xxl-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-xxl-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-xxl-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-xxl-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-xxl-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-xxl-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      order: -1;
    }
    .order-xxl-last {
      order: 13;
    }
    .order-xxl-0 {
      order: 0;
    }
    .order-xxl-1 {
      order: 1;
    }
    .order-xxl-2 {
      order: 2;
    }
    .order-xxl-3 {
      order: 3;
    }
    .order-xxl-4 {
      order: 4;
    }
    .order-xxl-5 {
      order: 5;
    }
    .order-xxl-6 {
      order: 6;
    }
    .order-xxl-7 {
      order: 7;
    }
    .order-xxl-8 {
      order: 8;
    }
    .order-xxl-9 {
      order: 9;
    }
    .order-xxl-10 {
      order: 10;
    }
    .order-xxl-11 {
      order: 11;
    }
    .order-xxl-12 {
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.3333333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.6666666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.3333333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.6666666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.3333333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.6666666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.3333333333%;
    }
    .offset-xxl-11 {
      margin-left: 91.6666666667%;
    }
  }
  .d-none {
    display: none !important;
  }
  
  .d-inline {
    display: inline !important;
  }
  
  .d-inline-block {
    display: inline-block !important;
  }
  
  .d-block {
    display: block !important;
  }
  
  .d-table {
    display: table !important;
  }
  
  .d-table-row {
    display: table-row !important;
  }
  
  .d-table-cell {
    display: table-cell !important;
  }
  
  .d-flex {
    display: flex !important;
  }
  
  .d-inline-flex {
    display: inline-flex !important;
  }
  
  @media (min-width: 576px) {
    .d-sm-none {
      display: none !important;
    }
    .d-sm-inline {
      display: inline !important;
    }
    .d-sm-inline-block {
      display: inline-block !important;
    }
    .d-sm-block {
      display: block !important;
    }
    .d-sm-table {
      display: table !important;
    }
    .d-sm-table-row {
      display: table-row !important;
    }
    .d-sm-table-cell {
      display: table-cell !important;
    }
    .d-sm-flex {
      display: flex !important;
    }
    .d-sm-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 768px) {
    .d-md-none {
      display: none !important;
    }
    .d-md-inline {
      display: inline !important;
    }
    .d-md-inline-block {
      display: inline-block !important;
    }
    .d-md-block {
      display: block !important;
    }
    .d-md-table {
      display: table !important;
    }
    .d-md-table-row {
      display: table-row !important;
    }
    .d-md-table-cell {
      display: table-cell !important;
    }
    .d-md-flex {
      display: flex !important;
    }
    .d-md-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 992px) {
    .d-lg-none {
      display: none !important;
    }
    .d-lg-inline {
      display: inline !important;
    }
    .d-lg-inline-block {
      display: inline-block !important;
    }
    .d-lg-block {
      display: block !important;
    }
    .d-lg-table {
      display: table !important;
    }
    .d-lg-table-row {
      display: table-row !important;
    }
    .d-lg-table-cell {
      display: table-cell !important;
    }
    .d-lg-flex {
      display: flex !important;
    }
    .d-lg-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 1200px) {
    .d-xl-none {
      display: none !important;
    }
    .d-xl-inline {
      display: inline !important;
    }
    .d-xl-inline-block {
      display: inline-block !important;
    }
    .d-xl-block {
      display: block !important;
    }
    .d-xl-table {
      display: table !important;
    }
    .d-xl-table-row {
      display: table-row !important;
    }
    .d-xl-table-cell {
      display: table-cell !important;
    }
    .d-xl-flex {
      display: flex !important;
    }
    .d-xl-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 1400px) {
    .d-xxl-none {
      display: none !important;
    }
    .d-xxl-inline {
      display: inline !important;
    }
    .d-xxl-inline-block {
      display: inline-block !important;
    }
    .d-xxl-block {
      display: block !important;
    }
    .d-xxl-table {
      display: table !important;
    }
    .d-xxl-table-row {
      display: table-row !important;
    }
    .d-xxl-table-cell {
      display: table-cell !important;
    }
    .d-xxl-flex {
      display: flex !important;
    }
    .d-xxl-inline-flex {
      display: inline-flex !important;
    }
  }
  @media print {
    .d-print-none {
      display: none !important;
    }
    .d-print-inline {
      display: inline !important;
    }
    .d-print-inline-block {
      display: inline-block !important;
    }
    .d-print-block {
      display: block !important;
    }
    .d-print-table {
      display: table !important;
    }
    .d-print-table-row {
      display: table-row !important;
    }
    .d-print-table-cell {
      display: table-cell !important;
    }
    .d-print-flex {
      display: flex !important;
    }
    .d-print-inline-flex {
      display: inline-flex !important;
    }
  }
  .flex-row {
    flex-direction: row !important;
  }
  
  .flex-column {
    flex-direction: column !important;
  }
  
  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  
  .flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  
  .flex-fill {
    flex: 1 1 auto !important;
  }
  
  .flex-grow-0 {
    flex-grow: 0 !important;
  }
  
  .flex-grow-1 {
    flex-grow: 1 !important;
  }
  
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  
  .flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  
  .justify-content-start {
    justify-content: flex-start !important;
  }
  
  .justify-content-end {
    justify-content: flex-end !important;
  }
  
  .justify-content-center {
    justify-content: center !important;
  }
  
  .justify-content-between {
    justify-content: space-between !important;
  }
  
  .justify-content-around {
    justify-content: space-around !important;
  }
  
  .align-items-start {
    align-items: flex-start !important;
  }
  
  .align-items-end {
    align-items: flex-end !important;
  }
  
  .align-items-center {
    align-items: center !important;
  }
  
  .align-items-baseline {
    align-items: baseline !important;
  }
  
  .align-items-stretch {
    align-items: stretch !important;
  }
  
  .align-content-start {
    align-content: flex-start !important;
  }
  
  .align-content-end {
    align-content: flex-end !important;
  }
  
  .align-content-center {
    align-content: center !important;
  }
  
  .align-content-between {
    align-content: space-between !important;
  }
  
  .align-content-around {
    align-content: space-around !important;
  }
  
  .align-content-stretch {
    align-content: stretch !important;
  }
  
  .align-self-auto {
    align-self: auto !important;
  }
  
  .align-self-start {
    align-self: flex-start !important;
  }
  
  .align-self-end {
    align-self: flex-end !important;
  }
  
  .align-self-center {
    align-self: center !important;
  }
  
  .align-self-baseline {
    align-self: baseline !important;
  }
  
  .align-self-stretch {
    align-self: stretch !important;
  }
  
  @media (min-width: 576px) {
    .flex-sm-row {
      flex-direction: row !important;
    }
    .flex-sm-column {
      flex-direction: column !important;
    }
    .flex-sm-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
      flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
      flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
      justify-content: flex-start !important;
    }
    .justify-content-sm-end {
      justify-content: flex-end !important;
    }
    .justify-content-sm-center {
      justify-content: center !important;
    }
    .justify-content-sm-between {
      justify-content: space-between !important;
    }
    .justify-content-sm-around {
      justify-content: space-around !important;
    }
    .align-items-sm-start {
      align-items: flex-start !important;
    }
    .align-items-sm-end {
      align-items: flex-end !important;
    }
    .align-items-sm-center {
      align-items: center !important;
    }
    .align-items-sm-baseline {
      align-items: baseline !important;
    }
    .align-items-sm-stretch {
      align-items: stretch !important;
    }
    .align-content-sm-start {
      align-content: flex-start !important;
    }
    .align-content-sm-end {
      align-content: flex-end !important;
    }
    .align-content-sm-center {
      align-content: center !important;
    }
    .align-content-sm-between {
      align-content: space-between !important;
    }
    .align-content-sm-around {
      align-content: space-around !important;
    }
    .align-content-sm-stretch {
      align-content: stretch !important;
    }
    .align-self-sm-auto {
      align-self: auto !important;
    }
    .align-self-sm-start {
      align-self: flex-start !important;
    }
    .align-self-sm-end {
      align-self: flex-end !important;
    }
    .align-self-sm-center {
      align-self: center !important;
    }
    .align-self-sm-baseline {
      align-self: baseline !important;
    }
    .align-self-sm-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 768px) {
    .flex-md-row {
      flex-direction: row !important;
    }
    .flex-md-column {
      flex-direction: column !important;
    }
    .flex-md-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
      flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
      flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-md-start {
      justify-content: flex-start !important;
    }
    .justify-content-md-end {
      justify-content: flex-end !important;
    }
    .justify-content-md-center {
      justify-content: center !important;
    }
    .justify-content-md-between {
      justify-content: space-between !important;
    }
    .justify-content-md-around {
      justify-content: space-around !important;
    }
    .align-items-md-start {
      align-items: flex-start !important;
    }
    .align-items-md-end {
      align-items: flex-end !important;
    }
    .align-items-md-center {
      align-items: center !important;
    }
    .align-items-md-baseline {
      align-items: baseline !important;
    }
    .align-items-md-stretch {
      align-items: stretch !important;
    }
    .align-content-md-start {
      align-content: flex-start !important;
    }
    .align-content-md-end {
      align-content: flex-end !important;
    }
    .align-content-md-center {
      align-content: center !important;
    }
    .align-content-md-between {
      align-content: space-between !important;
    }
    .align-content-md-around {
      align-content: space-around !important;
    }
    .align-content-md-stretch {
      align-content: stretch !important;
    }
    .align-self-md-auto {
      align-self: auto !important;
    }
    .align-self-md-start {
      align-self: flex-start !important;
    }
    .align-self-md-end {
      align-self: flex-end !important;
    }
    .align-self-md-center {
      align-self: center !important;
    }
    .align-self-md-baseline {
      align-self: baseline !important;
    }
    .align-self-md-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 992px) {
    .flex-lg-row {
      flex-direction: row !important;
    }
    .flex-lg-column {
      flex-direction: column !important;
    }
    .flex-lg-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
      flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
      flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
      justify-content: flex-start !important;
    }
    .justify-content-lg-end {
      justify-content: flex-end !important;
    }
    .justify-content-lg-center {
      justify-content: center !important;
    }
    .justify-content-lg-between {
      justify-content: space-between !important;
    }
    .justify-content-lg-around {
      justify-content: space-around !important;
    }
    .align-items-lg-start {
      align-items: flex-start !important;
    }
    .align-items-lg-end {
      align-items: flex-end !important;
    }
    .align-items-lg-center {
      align-items: center !important;
    }
    .align-items-lg-baseline {
      align-items: baseline !important;
    }
    .align-items-lg-stretch {
      align-items: stretch !important;
    }
    .align-content-lg-start {
      align-content: flex-start !important;
    }
    .align-content-lg-end {
      align-content: flex-end !important;
    }
    .align-content-lg-center {
      align-content: center !important;
    }
    .align-content-lg-between {
      align-content: space-between !important;
    }
    .align-content-lg-around {
      align-content: space-around !important;
    }
    .align-content-lg-stretch {
      align-content: stretch !important;
    }
    .align-self-lg-auto {
      align-self: auto !important;
    }
    .align-self-lg-start {
      align-self: flex-start !important;
    }
    .align-self-lg-end {
      align-self: flex-end !important;
    }
    .align-self-lg-center {
      align-self: center !important;
    }
    .align-self-lg-baseline {
      align-self: baseline !important;
    }
    .align-self-lg-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 1200px) {
    .flex-xl-row {
      flex-direction: row !important;
    }
    .flex-xl-column {
      flex-direction: column !important;
    }
    .flex-xl-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
      flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
      justify-content: flex-start !important;
    }
    .justify-content-xl-end {
      justify-content: flex-end !important;
    }
    .justify-content-xl-center {
      justify-content: center !important;
    }
    .justify-content-xl-between {
      justify-content: space-between !important;
    }
    .justify-content-xl-around {
      justify-content: space-around !important;
    }
    .align-items-xl-start {
      align-items: flex-start !important;
    }
    .align-items-xl-end {
      align-items: flex-end !important;
    }
    .align-items-xl-center {
      align-items: center !important;
    }
    .align-items-xl-baseline {
      align-items: baseline !important;
    }
    .align-items-xl-stretch {
      align-items: stretch !important;
    }
    .align-content-xl-start {
      align-content: flex-start !important;
    }
    .align-content-xl-end {
      align-content: flex-end !important;
    }
    .align-content-xl-center {
      align-content: center !important;
    }
    .align-content-xl-between {
      align-content: space-between !important;
    }
    .align-content-xl-around {
      align-content: space-around !important;
    }
    .align-content-xl-stretch {
      align-content: stretch !important;
    }
    .align-self-xl-auto {
      align-self: auto !important;
    }
    .align-self-xl-start {
      align-self: flex-start !important;
    }
    .align-self-xl-end {
      align-self: flex-end !important;
    }
    .align-self-xl-center {
      align-self: center !important;
    }
    .align-self-xl-baseline {
      align-self: baseline !important;
    }
    .align-self-xl-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 1400px) {
    .flex-xxl-row {
      flex-direction: row !important;
    }
    .flex-xxl-column {
      flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-xxl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-xxl-fill {
      flex: 1 1 auto !important;
    }
    .flex-xxl-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-xxl-start {
      justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
      justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
      justify-content: center !important;
    }
    .justify-content-xxl-between {
      justify-content: space-between !important;
    }
    .justify-content-xxl-around {
      justify-content: space-around !important;
    }
    .align-items-xxl-start {
      align-items: flex-start !important;
    }
    .align-items-xxl-end {
      align-items: flex-end !important;
    }
    .align-items-xxl-center {
      align-items: center !important;
    }
    .align-items-xxl-baseline {
      align-items: baseline !important;
    }
    .align-items-xxl-stretch {
      align-items: stretch !important;
    }
    .align-content-xxl-start {
      align-content: flex-start !important;
    }
    .align-content-xxl-end {
      align-content: flex-end !important;
    }
    .align-content-xxl-center {
      align-content: center !important;
    }
    .align-content-xxl-between {
      align-content: space-between !important;
    }
    .align-content-xxl-around {
      align-content: space-around !important;
    }
    .align-content-xxl-stretch {
      align-content: stretch !important;
    }
    .align-self-xxl-auto {
      align-self: auto !important;
    }
    .align-self-xxl-start {
      align-self: flex-start !important;
    }
    .align-self-xxl-end {
      align-self: flex-end !important;
    }
    .align-self-xxl-center {
      align-self: center !important;
    }
    .align-self-xxl-baseline {
      align-self: baseline !important;
    }
    .align-self-xxl-stretch {
      align-self: stretch !important;
    }
  }
  .m-0 {
    margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  
  .m-1 {
    margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  
  .m-2 {
    margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  
  .m-3 {
    margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  
  .m-4 {
    margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  
  .m-5 {
    margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }
  
  .m-sci-4 {
    margin: 4px !important;
  }
  
  .mt-sci-4,
  .my-sci-4 {
    margin-top: 4px !important;
  }
  
  .mr-sci-4,
  .mx-sci-4 {
    margin-right: 4px !important;
  }
  
  .mb-sci-4,
  .my-sci-4 {
    margin-bottom: 4px !important;
  }
  
  .ml-sci-4,
  .mx-sci-4 {
    margin-left: 4px !important;
  }
  
  .m-sci-8 {
    margin: 8px !important;
  }
  
  .mt-sci-8,
  .my-sci-8 {
    margin-top: 8px !important;
  }
  
  .mr-sci-8,
  .mx-sci-8 {
    margin-right: 8px !important;
  }
  
  .mb-sci-8,
  .my-sci-8 {
    margin-bottom: 8px !important;
  }
  
  .ml-sci-8,
  .mx-sci-8 {
    margin-left: 8px !important;
  }
  
  .m-sci-12 {
    margin: 12px !important;
  }
  
  .mt-sci-12,
  .my-sci-12 {
    margin-top: 12px !important;
  }
  
  .mr-sci-12,
  .mx-sci-12 {
    margin-right: 12px !important;
  }
  
  .mb-sci-12,
  .my-sci-12 {
    margin-bottom: 12px !important;
  }
  
  .ml-sci-12,
  .mx-sci-12 {
    margin-left: 12px !important;
  }
  
  .m-sci-16 {
    margin: 16px !important;
  }
  
  .mt-sci-16,
  .my-sci-16 {
    margin-top: 16px !important;
  }
  
  .mr-sci-16,
  .mx-sci-16 {
    margin-right: 16px !important;
  }
  
  .mb-sci-16,
  .my-sci-16 {
    margin-bottom: 16px !important;
  }
  
  .ml-sci-16,
  .mx-sci-16 {
    margin-left: 16px !important;
  }
  
  .m-sci-24 {
    margin: 24px !important;
  }
  
  .mt-sci-24,
  .my-sci-24 {
    margin-top: 24px !important;
  }
  
  .mr-sci-24,
  .mx-sci-24 {
    margin-right: 24px !important;
  }
  
  .mb-sci-24,
  .my-sci-24 {
    margin-bottom: 24px !important;
  }
  
  .ml-sci-24,
  .mx-sci-24 {
    margin-left: 24px !important;
  }
  
  .m-sci-40 {
    margin: 40px !important;
  }
  
  .mt-sci-40,
  .my-sci-40 {
    margin-top: 40px !important;
  }
  
  .mr-sci-40,
  .mx-sci-40 {
    margin-right: 40px !important;
  }
  
  .mb-sci-40,
  .my-sci-40 {
    margin-bottom: 40px !important;
  }
  
  .ml-sci-40,
  .mx-sci-40 {
    margin-left: 40px !important;
  }
  
  .p-0 {
    padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
    padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
    padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
    padding-left: 0 !important;
  }
  
  .p-1 {
    padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
    padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
    padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
    padding-left: 0.25rem !important;
  }
  
  .p-2 {
    padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
    padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
    padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
    padding-left: 0.5rem !important;
  }
  
  .p-3 {
    padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
    padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3 {
    padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3 {
    padding-left: 1rem !important;
  }
  
  .p-4 {
    padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important;
  }
  
  .p-5 {
    padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
    padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
    padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
    padding-left: 3rem !important;
  }
  
  .p-sci-4 {
    padding: 4px !important;
  }
  
  .pt-sci-4,
  .py-sci-4 {
    padding-top: 4px !important;
  }
  
  .pr-sci-4,
  .px-sci-4 {
    padding-right: 4px !important;
  }
  
  .pb-sci-4,
  .py-sci-4 {
    padding-bottom: 4px !important;
  }
  
  .pl-sci-4,
  .px-sci-4 {
    padding-left: 4px !important;
  }
  
  .p-sci-8 {
    padding: 8px !important;
  }
  
  .pt-sci-8,
  .py-sci-8 {
    padding-top: 8px !important;
  }
  
  .pr-sci-8,
  .px-sci-8 {
    padding-right: 8px !important;
  }
  
  .pb-sci-8,
  .py-sci-8 {
    padding-bottom: 8px !important;
  }
  
  .pl-sci-8,
  .px-sci-8 {
    padding-left: 8px !important;
  }
  
  .p-sci-12 {
    padding: 12px !important;
  }
  
  .pt-sci-12,
  .py-sci-12 {
    padding-top: 12px !important;
  }
  
  .pr-sci-12,
  .px-sci-12 {
    padding-right: 12px !important;
  }
  
  .pb-sci-12,
  .py-sci-12 {
    padding-bottom: 12px !important;
  }
  
  .pl-sci-12,
  .px-sci-12 {
    padding-left: 12px !important;
  }
  
  .p-sci-16 {
    padding: 16px !important;
  }
  
  .pt-sci-16,
  .py-sci-16 {
    padding-top: 16px !important;
  }
  
  .pr-sci-16,
  .px-sci-16 {
    padding-right: 16px !important;
  }
  
  .pb-sci-16,
  .py-sci-16 {
    padding-bottom: 16px !important;
  }
  
  .pl-sci-16,
  .px-sci-16 {
    padding-left: 16px !important;
  }
  
  .p-sci-24 {
    padding: 24px !important;
  }
  
  .pt-sci-24,
  .py-sci-24 {
    padding-top: 24px !important;
  }
  
  .pr-sci-24,
  .px-sci-24 {
    padding-right: 24px !important;
  }
  
  .pb-sci-24,
  .py-sci-24 {
    padding-bottom: 24px !important;
  }
  
  .pl-sci-24,
  .px-sci-24 {
    padding-left: 24px !important;
  }
  
  .p-sci-40 {
    padding: 40px !important;
  }
  
  .pt-sci-40,
  .py-sci-40 {
    padding-top: 40px !important;
  }
  
  .pr-sci-40,
  .px-sci-40 {
    padding-right: 40px !important;
  }
  
  .pb-sci-40,
  .py-sci-40 {
    padding-bottom: 40px !important;
  }
  
  .pl-sci-40,
  .px-sci-40 {
    padding-left: 40px !important;
  }
  
  .m-n1 {
    margin: -0.25rem !important;
  }
  
  .mt-n1,
  .my-n1 {
    margin-top: -0.25rem !important;
  }
  
  .mr-n1,
  .mx-n1 {
    margin-right: -0.25rem !important;
  }
  
  .mb-n1,
  .my-n1 {
    margin-bottom: -0.25rem !important;
  }
  
  .ml-n1,
  .mx-n1 {
    margin-left: -0.25rem !important;
  }
  
  .m-n2 {
    margin: -0.5rem !important;
  }
  
  .mt-n2,
  .my-n2 {
    margin-top: -0.5rem !important;
  }
  
  .mr-n2,
  .mx-n2 {
    margin-right: -0.5rem !important;
  }
  
  .mb-n2,
  .my-n2 {
    margin-bottom: -0.5rem !important;
  }
  
  .ml-n2,
  .mx-n2 {
    margin-left: -0.5rem !important;
  }
  
  .m-n3 {
    margin: -1rem !important;
  }
  
  .mt-n3,
  .my-n3 {
    margin-top: -1rem !important;
  }
  
  .mr-n3,
  .mx-n3 {
    margin-right: -1rem !important;
  }
  
  .mb-n3,
  .my-n3 {
    margin-bottom: -1rem !important;
  }
  
  .ml-n3,
  .mx-n3 {
    margin-left: -1rem !important;
  }
  
  .m-n4 {
    margin: -1.5rem !important;
  }
  
  .mt-n4,
  .my-n4 {
    margin-top: -1.5rem !important;
  }
  
  .mr-n4,
  .mx-n4 {
    margin-right: -1.5rem !important;
  }
  
  .mb-n4,
  .my-n4 {
    margin-bottom: -1.5rem !important;
  }
  
  .ml-n4,
  .mx-n4 {
    margin-left: -1.5rem !important;
  }
  
  .m-n5 {
    margin: -3rem !important;
  }
  
  .mt-n5,
  .my-n5 {
    margin-top: -3rem !important;
  }
  
  .mr-n5,
  .mx-n5 {
    margin-right: -3rem !important;
  }
  
  .mb-n5,
  .my-n5 {
    margin-bottom: -3rem !important;
  }
  
  .ml-n5,
  .mx-n5 {
    margin-left: -3rem !important;
  }
  
  .m-nsci-4 {
    margin: -4px !important;
  }
  
  .mt-nsci-4,
  .my-nsci-4 {
    margin-top: -4px !important;
  }
  
  .mr-nsci-4,
  .mx-nsci-4 {
    margin-right: -4px !important;
  }
  
  .mb-nsci-4,
  .my-nsci-4 {
    margin-bottom: -4px !important;
  }
  
  .ml-nsci-4,
  .mx-nsci-4 {
    margin-left: -4px !important;
  }
  
  .m-nsci-8 {
    margin: -8px !important;
  }
  
  .mt-nsci-8,
  .my-nsci-8 {
    margin-top: -8px !important;
  }
  
  .mr-nsci-8,
  .mx-nsci-8 {
    margin-right: -8px !important;
  }
  
  .mb-nsci-8,
  .my-nsci-8 {
    margin-bottom: -8px !important;
  }
  
  .ml-nsci-8,
  .mx-nsci-8 {
    margin-left: -8px !important;
  }
  
  .m-nsci-12 {
    margin: -12px !important;
  }
  
  .mt-nsci-12,
  .my-nsci-12 {
    margin-top: -12px !important;
  }
  
  .mr-nsci-12,
  .mx-nsci-12 {
    margin-right: -12px !important;
  }
  
  .mb-nsci-12,
  .my-nsci-12 {
    margin-bottom: -12px !important;
  }
  
  .ml-nsci-12,
  .mx-nsci-12 {
    margin-left: -12px !important;
  }
  
  .m-nsci-16 {
    margin: -16px !important;
  }
  
  .mt-nsci-16,
  .my-nsci-16 {
    margin-top: -16px !important;
  }
  
  .mr-nsci-16,
  .mx-nsci-16 {
    margin-right: -16px !important;
  }
  
  .mb-nsci-16,
  .my-nsci-16 {
    margin-bottom: -16px !important;
  }
  
  .ml-nsci-16,
  .mx-nsci-16 {
    margin-left: -16px !important;
  }
  
  .m-nsci-24 {
    margin: -24px !important;
  }
  
  .mt-nsci-24,
  .my-nsci-24 {
    margin-top: -24px !important;
  }
  
  .mr-nsci-24,
  .mx-nsci-24 {
    margin-right: -24px !important;
  }
  
  .mb-nsci-24,
  .my-nsci-24 {
    margin-bottom: -24px !important;
  }
  
  .ml-nsci-24,
  .mx-nsci-24 {
    margin-left: -24px !important;
  }
  
  .m-nsci-40 {
    margin: -40px !important;
  }
  
  .mt-nsci-40,
  .my-nsci-40 {
    margin-top: -40px !important;
  }
  
  .mr-nsci-40,
  .mx-nsci-40 {
    margin-right: -40px !important;
  }
  
  .mb-nsci-40,
  .my-nsci-40 {
    margin-bottom: -40px !important;
  }
  
  .ml-nsci-40,
  .mx-nsci-40 {
    margin-left: -40px !important;
  }
  
  .m-auto {
    margin: auto !important;
  }
  
  .mt-auto,
  .my-auto {
    margin-top: auto !important;
  }
  
  .mr-auto,
  .mx-auto {
    margin-right: auto !important;
  }
  
  .mb-auto,
  .my-auto {
    margin-bottom: auto !important;
  }
  
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
  }
  
  @media (min-width: 576px) {
    .m-sm-0 {
      margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
      margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
      margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
      margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
      margin-left: 0 !important;
    }
    .m-sm-1 {
      margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
      margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
      margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
      margin-left: 0.25rem !important;
    }
    .m-sm-2 {
      margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
      margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
      margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
      margin-left: 0.5rem !important;
    }
    .m-sm-3 {
      margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
      margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
      margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
      margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
      margin-left: 1rem !important;
    }
    .m-sm-4 {
      margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
      margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
      margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
      margin-left: 1.5rem !important;
    }
    .m-sm-5 {
      margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
      margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
      margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
      margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
      margin-left: 3rem !important;
    }
    .m-sm-sci-4 {
      margin: 4px !important;
    }
    .mt-sm-sci-4,
    .my-sm-sci-4 {
      margin-top: 4px !important;
    }
    .mr-sm-sci-4,
    .mx-sm-sci-4 {
      margin-right: 4px !important;
    }
    .mb-sm-sci-4,
    .my-sm-sci-4 {
      margin-bottom: 4px !important;
    }
    .ml-sm-sci-4,
    .mx-sm-sci-4 {
      margin-left: 4px !important;
    }
    .m-sm-sci-8 {
      margin: 8px !important;
    }
    .mt-sm-sci-8,
    .my-sm-sci-8 {
      margin-top: 8px !important;
    }
    .mr-sm-sci-8,
    .mx-sm-sci-8 {
      margin-right: 8px !important;
    }
    .mb-sm-sci-8,
    .my-sm-sci-8 {
      margin-bottom: 8px !important;
    }
    .ml-sm-sci-8,
    .mx-sm-sci-8 {
      margin-left: 8px !important;
    }
    .m-sm-sci-12 {
      margin: 12px !important;
    }
    .mt-sm-sci-12,
    .my-sm-sci-12 {
      margin-top: 12px !important;
    }
    .mr-sm-sci-12,
    .mx-sm-sci-12 {
      margin-right: 12px !important;
    }
    .mb-sm-sci-12,
    .my-sm-sci-12 {
      margin-bottom: 12px !important;
    }
    .ml-sm-sci-12,
    .mx-sm-sci-12 {
      margin-left: 12px !important;
    }
    .m-sm-sci-16 {
      margin: 16px !important;
    }
    .mt-sm-sci-16,
    .my-sm-sci-16 {
      margin-top: 16px !important;
    }
    .mr-sm-sci-16,
    .mx-sm-sci-16 {
      margin-right: 16px !important;
    }
    .mb-sm-sci-16,
    .my-sm-sci-16 {
      margin-bottom: 16px !important;
    }
    .ml-sm-sci-16,
    .mx-sm-sci-16 {
      margin-left: 16px !important;
    }
    .m-sm-sci-24 {
      margin: 24px !important;
    }
    .mt-sm-sci-24,
    .my-sm-sci-24 {
      margin-top: 24px !important;
    }
    .mr-sm-sci-24,
    .mx-sm-sci-24 {
      margin-right: 24px !important;
    }
    .mb-sm-sci-24,
    .my-sm-sci-24 {
      margin-bottom: 24px !important;
    }
    .ml-sm-sci-24,
    .mx-sm-sci-24 {
      margin-left: 24px !important;
    }
    .m-sm-sci-40 {
      margin: 40px !important;
    }
    .mt-sm-sci-40,
    .my-sm-sci-40 {
      margin-top: 40px !important;
    }
    .mr-sm-sci-40,
    .mx-sm-sci-40 {
      margin-right: 40px !important;
    }
    .mb-sm-sci-40,
    .my-sm-sci-40 {
      margin-bottom: 40px !important;
    }
    .ml-sm-sci-40,
    .mx-sm-sci-40 {
      margin-left: 40px !important;
    }
    .p-sm-0 {
      padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
      padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
      padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
      padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
      padding-left: 0 !important;
    }
    .p-sm-1 {
      padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
      padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
      padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
      padding-left: 0.25rem !important;
    }
    .p-sm-2 {
      padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
      padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
      padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
      padding-left: 0.5rem !important;
    }
    .p-sm-3 {
      padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
      padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
      padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
      padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
      padding-left: 1rem !important;
    }
    .p-sm-4 {
      padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
      padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
      padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
      padding-left: 1.5rem !important;
    }
    .p-sm-5 {
      padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
      padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
      padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
      padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
      padding-left: 3rem !important;
    }
    .p-sm-sci-4 {
      padding: 4px !important;
    }
    .pt-sm-sci-4,
    .py-sm-sci-4 {
      padding-top: 4px !important;
    }
    .pr-sm-sci-4,
    .px-sm-sci-4 {
      padding-right: 4px !important;
    }
    .pb-sm-sci-4,
    .py-sm-sci-4 {
      padding-bottom: 4px !important;
    }
    .pl-sm-sci-4,
    .px-sm-sci-4 {
      padding-left: 4px !important;
    }
    .p-sm-sci-8 {
      padding: 8px !important;
    }
    .pt-sm-sci-8,
    .py-sm-sci-8 {
      padding-top: 8px !important;
    }
    .pr-sm-sci-8,
    .px-sm-sci-8 {
      padding-right: 8px !important;
    }
    .pb-sm-sci-8,
    .py-sm-sci-8 {
      padding-bottom: 8px !important;
    }
    .pl-sm-sci-8,
    .px-sm-sci-8 {
      padding-left: 8px !important;
    }
    .p-sm-sci-12 {
      padding: 12px !important;
    }
    .pt-sm-sci-12,
    .py-sm-sci-12 {
      padding-top: 12px !important;
    }
    .pr-sm-sci-12,
    .px-sm-sci-12 {
      padding-right: 12px !important;
    }
    .pb-sm-sci-12,
    .py-sm-sci-12 {
      padding-bottom: 12px !important;
    }
    .pl-sm-sci-12,
    .px-sm-sci-12 {
      padding-left: 12px !important;
    }
    .p-sm-sci-16 {
      padding: 16px !important;
    }
    .pt-sm-sci-16,
    .py-sm-sci-16 {
      padding-top: 16px !important;
    }
    .pr-sm-sci-16,
    .px-sm-sci-16 {
      padding-right: 16px !important;
    }
    .pb-sm-sci-16,
    .py-sm-sci-16 {
      padding-bottom: 16px !important;
    }
    .pl-sm-sci-16,
    .px-sm-sci-16 {
      padding-left: 16px !important;
    }
    .p-sm-sci-24 {
      padding: 24px !important;
    }
    .pt-sm-sci-24,
    .py-sm-sci-24 {
      padding-top: 24px !important;
    }
    .pr-sm-sci-24,
    .px-sm-sci-24 {
      padding-right: 24px !important;
    }
    .pb-sm-sci-24,
    .py-sm-sci-24 {
      padding-bottom: 24px !important;
    }
    .pl-sm-sci-24,
    .px-sm-sci-24 {
      padding-left: 24px !important;
    }
    .p-sm-sci-40 {
      padding: 40px !important;
    }
    .pt-sm-sci-40,
    .py-sm-sci-40 {
      padding-top: 40px !important;
    }
    .pr-sm-sci-40,
    .px-sm-sci-40 {
      padding-right: 40px !important;
    }
    .pb-sm-sci-40,
    .py-sm-sci-40 {
      padding-bottom: 40px !important;
    }
    .pl-sm-sci-40,
    .px-sm-sci-40 {
      padding-left: 40px !important;
    }
    .m-sm-n1 {
      margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
      margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
      margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
      margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
      margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
      margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
      margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
      margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
      margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
      margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
      margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
      margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
      margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
      margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
      margin-left: -1rem !important;
    }
    .m-sm-n4 {
      margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
      margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
      margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
      margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
      margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
      margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
      margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
      margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
      margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
      margin-left: -3rem !important;
    }
    .m-sm-nsci-4 {
      margin: -4px !important;
    }
    .mt-sm-nsci-4,
    .my-sm-nsci-4 {
      margin-top: -4px !important;
    }
    .mr-sm-nsci-4,
    .mx-sm-nsci-4 {
      margin-right: -4px !important;
    }
    .mb-sm-nsci-4,
    .my-sm-nsci-4 {
      margin-bottom: -4px !important;
    }
    .ml-sm-nsci-4,
    .mx-sm-nsci-4 {
      margin-left: -4px !important;
    }
    .m-sm-nsci-8 {
      margin: -8px !important;
    }
    .mt-sm-nsci-8,
    .my-sm-nsci-8 {
      margin-top: -8px !important;
    }
    .mr-sm-nsci-8,
    .mx-sm-nsci-8 {
      margin-right: -8px !important;
    }
    .mb-sm-nsci-8,
    .my-sm-nsci-8 {
      margin-bottom: -8px !important;
    }
    .ml-sm-nsci-8,
    .mx-sm-nsci-8 {
      margin-left: -8px !important;
    }
    .m-sm-nsci-12 {
      margin: -12px !important;
    }
    .mt-sm-nsci-12,
    .my-sm-nsci-12 {
      margin-top: -12px !important;
    }
    .mr-sm-nsci-12,
    .mx-sm-nsci-12 {
      margin-right: -12px !important;
    }
    .mb-sm-nsci-12,
    .my-sm-nsci-12 {
      margin-bottom: -12px !important;
    }
    .ml-sm-nsci-12,
    .mx-sm-nsci-12 {
      margin-left: -12px !important;
    }
    .m-sm-nsci-16 {
      margin: -16px !important;
    }
    .mt-sm-nsci-16,
    .my-sm-nsci-16 {
      margin-top: -16px !important;
    }
    .mr-sm-nsci-16,
    .mx-sm-nsci-16 {
      margin-right: -16px !important;
    }
    .mb-sm-nsci-16,
    .my-sm-nsci-16 {
      margin-bottom: -16px !important;
    }
    .ml-sm-nsci-16,
    .mx-sm-nsci-16 {
      margin-left: -16px !important;
    }
    .m-sm-nsci-24 {
      margin: -24px !important;
    }
    .mt-sm-nsci-24,
    .my-sm-nsci-24 {
      margin-top: -24px !important;
    }
    .mr-sm-nsci-24,
    .mx-sm-nsci-24 {
      margin-right: -24px !important;
    }
    .mb-sm-nsci-24,
    .my-sm-nsci-24 {
      margin-bottom: -24px !important;
    }
    .ml-sm-nsci-24,
    .mx-sm-nsci-24 {
      margin-left: -24px !important;
    }
    .m-sm-nsci-40 {
      margin: -40px !important;
    }
    .mt-sm-nsci-40,
    .my-sm-nsci-40 {
      margin-top: -40px !important;
    }
    .mr-sm-nsci-40,
    .mx-sm-nsci-40 {
      margin-right: -40px !important;
    }
    .mb-sm-nsci-40,
    .my-sm-nsci-40 {
      margin-bottom: -40px !important;
    }
    .ml-sm-nsci-40,
    .mx-sm-nsci-40 {
      margin-left: -40px !important;
    }
    .m-sm-auto {
      margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
      margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
      margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
      margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
      margin-left: auto !important;
    }
  }
  @media (min-width: 768px) {
    .m-md-0 {
      margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
      margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
      margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
      margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
      margin-left: 0 !important;
    }
    .m-md-1 {
      margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
      margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
      margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
      margin-left: 0.25rem !important;
    }
    .m-md-2 {
      margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
      margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
      margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
      margin-left: 0.5rem !important;
    }
    .m-md-3 {
      margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
      margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
      margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
      margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
      margin-left: 1rem !important;
    }
    .m-md-4 {
      margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
      margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
      margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
      margin-left: 1.5rem !important;
    }
    .m-md-5 {
      margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
      margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
      margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
      margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
      margin-left: 3rem !important;
    }
    .m-md-sci-4 {
      margin: 4px !important;
    }
    .mt-md-sci-4,
    .my-md-sci-4 {
      margin-top: 4px !important;
    }
    .mr-md-sci-4,
    .mx-md-sci-4 {
      margin-right: 4px !important;
    }
    .mb-md-sci-4,
    .my-md-sci-4 {
      margin-bottom: 4px !important;
    }
    .ml-md-sci-4,
    .mx-md-sci-4 {
      margin-left: 4px !important;
    }
    .m-md-sci-8 {
      margin: 8px !important;
    }
    .mt-md-sci-8,
    .my-md-sci-8 {
      margin-top: 8px !important;
    }
    .mr-md-sci-8,
    .mx-md-sci-8 {
      margin-right: 8px !important;
    }
    .mb-md-sci-8,
    .my-md-sci-8 {
      margin-bottom: 8px !important;
    }
    .ml-md-sci-8,
    .mx-md-sci-8 {
      margin-left: 8px !important;
    }
    .m-md-sci-12 {
      margin: 12px !important;
    }
    .mt-md-sci-12,
    .my-md-sci-12 {
      margin-top: 12px !important;
    }
    .mr-md-sci-12,
    .mx-md-sci-12 {
      margin-right: 12px !important;
    }
    .mb-md-sci-12,
    .my-md-sci-12 {
      margin-bottom: 12px !important;
    }
    .ml-md-sci-12,
    .mx-md-sci-12 {
      margin-left: 12px !important;
    }
    .m-md-sci-16 {
      margin: 16px !important;
    }
    .mt-md-sci-16,
    .my-md-sci-16 {
      margin-top: 16px !important;
    }
    .mr-md-sci-16,
    .mx-md-sci-16 {
      margin-right: 16px !important;
    }
    .mb-md-sci-16,
    .my-md-sci-16 {
      margin-bottom: 16px !important;
    }
    .ml-md-sci-16,
    .mx-md-sci-16 {
      margin-left: 16px !important;
    }
    .m-md-sci-24 {
      margin: 24px !important;
    }
    .mt-md-sci-24,
    .my-md-sci-24 {
      margin-top: 24px !important;
    }
    .mr-md-sci-24,
    .mx-md-sci-24 {
      margin-right: 24px !important;
    }
    .mb-md-sci-24,
    .my-md-sci-24 {
      margin-bottom: 24px !important;
    }
    .ml-md-sci-24,
    .mx-md-sci-24 {
      margin-left: 24px !important;
    }
    .m-md-sci-40 {
      margin: 40px !important;
    }
    .mt-md-sci-40,
    .my-md-sci-40 {
      margin-top: 40px !important;
    }
    .mr-md-sci-40,
    .mx-md-sci-40 {
      margin-right: 40px !important;
    }
    .mb-md-sci-40,
    .my-md-sci-40 {
      margin-bottom: 40px !important;
    }
    .ml-md-sci-40,
    .mx-md-sci-40 {
      margin-left: 40px !important;
    }
    .p-md-0 {
      padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
      padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
      padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
      padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
      padding-left: 0 !important;
    }
    .p-md-1 {
      padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
      padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
      padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
      padding-left: 0.25rem !important;
    }
    .p-md-2 {
      padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
      padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
      padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
      padding-left: 0.5rem !important;
    }
    .p-md-3 {
      padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
      padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
      padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
      padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
      padding-left: 1rem !important;
    }
    .p-md-4 {
      padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
      padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
      padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
      padding-left: 1.5rem !important;
    }
    .p-md-5 {
      padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
      padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
      padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
      padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
      padding-left: 3rem !important;
    }
    .p-md-sci-4 {
      padding: 4px !important;
    }
    .pt-md-sci-4,
    .py-md-sci-4 {
      padding-top: 4px !important;
    }
    .pr-md-sci-4,
    .px-md-sci-4 {
      padding-right: 4px !important;
    }
    .pb-md-sci-4,
    .py-md-sci-4 {
      padding-bottom: 4px !important;
    }
    .pl-md-sci-4,
    .px-md-sci-4 {
      padding-left: 4px !important;
    }
    .p-md-sci-8 {
      padding: 8px !important;
    }
    .pt-md-sci-8,
    .py-md-sci-8 {
      padding-top: 8px !important;
    }
    .pr-md-sci-8,
    .px-md-sci-8 {
      padding-right: 8px !important;
    }
    .pb-md-sci-8,
    .py-md-sci-8 {
      padding-bottom: 8px !important;
    }
    .pl-md-sci-8,
    .px-md-sci-8 {
      padding-left: 8px !important;
    }
    .p-md-sci-12 {
      padding: 12px !important;
    }
    .pt-md-sci-12,
    .py-md-sci-12 {
      padding-top: 12px !important;
    }
    .pr-md-sci-12,
    .px-md-sci-12 {
      padding-right: 12px !important;
    }
    .pb-md-sci-12,
    .py-md-sci-12 {
      padding-bottom: 12px !important;
    }
    .pl-md-sci-12,
    .px-md-sci-12 {
      padding-left: 12px !important;
    }
    .p-md-sci-16 {
      padding: 16px !important;
    }
    .pt-md-sci-16,
    .py-md-sci-16 {
      padding-top: 16px !important;
    }
    .pr-md-sci-16,
    .px-md-sci-16 {
      padding-right: 16px !important;
    }
    .pb-md-sci-16,
    .py-md-sci-16 {
      padding-bottom: 16px !important;
    }
    .pl-md-sci-16,
    .px-md-sci-16 {
      padding-left: 16px !important;
    }
    .p-md-sci-24 {
      padding: 24px !important;
    }
    .pt-md-sci-24,
    .py-md-sci-24 {
      padding-top: 24px !important;
    }
    .pr-md-sci-24,
    .px-md-sci-24 {
      padding-right: 24px !important;
    }
    .pb-md-sci-24,
    .py-md-sci-24 {
      padding-bottom: 24px !important;
    }
    .pl-md-sci-24,
    .px-md-sci-24 {
      padding-left: 24px !important;
    }
    .p-md-sci-40 {
      padding: 40px !important;
    }
    .pt-md-sci-40,
    .py-md-sci-40 {
      padding-top: 40px !important;
    }
    .pr-md-sci-40,
    .px-md-sci-40 {
      padding-right: 40px !important;
    }
    .pb-md-sci-40,
    .py-md-sci-40 {
      padding-bottom: 40px !important;
    }
    .pl-md-sci-40,
    .px-md-sci-40 {
      padding-left: 40px !important;
    }
    .m-md-n1 {
      margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
      margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
      margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
      margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
      margin-left: -0.25rem !important;
    }
    .m-md-n2 {
      margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
      margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
      margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
      margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
      margin-left: -0.5rem !important;
    }
    .m-md-n3 {
      margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
      margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
      margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
      margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
      margin-left: -1rem !important;
    }
    .m-md-n4 {
      margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
      margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
      margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
      margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
      margin-left: -1.5rem !important;
    }
    .m-md-n5 {
      margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
      margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
      margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
      margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
      margin-left: -3rem !important;
    }
    .m-md-nsci-4 {
      margin: -4px !important;
    }
    .mt-md-nsci-4,
    .my-md-nsci-4 {
      margin-top: -4px !important;
    }
    .mr-md-nsci-4,
    .mx-md-nsci-4 {
      margin-right: -4px !important;
    }
    .mb-md-nsci-4,
    .my-md-nsci-4 {
      margin-bottom: -4px !important;
    }
    .ml-md-nsci-4,
    .mx-md-nsci-4 {
      margin-left: -4px !important;
    }
    .m-md-nsci-8 {
      margin: -8px !important;
    }
    .mt-md-nsci-8,
    .my-md-nsci-8 {
      margin-top: -8px !important;
    }
    .mr-md-nsci-8,
    .mx-md-nsci-8 {
      margin-right: -8px !important;
    }
    .mb-md-nsci-8,
    .my-md-nsci-8 {
      margin-bottom: -8px !important;
    }
    .ml-md-nsci-8,
    .mx-md-nsci-8 {
      margin-left: -8px !important;
    }
    .m-md-nsci-12 {
      margin: -12px !important;
    }
    .mt-md-nsci-12,
    .my-md-nsci-12 {
      margin-top: -12px !important;
    }
    .mr-md-nsci-12,
    .mx-md-nsci-12 {
      margin-right: -12px !important;
    }
    .mb-md-nsci-12,
    .my-md-nsci-12 {
      margin-bottom: -12px !important;
    }
    .ml-md-nsci-12,
    .mx-md-nsci-12 {
      margin-left: -12px !important;
    }
    .m-md-nsci-16 {
      margin: -16px !important;
    }
    .mt-md-nsci-16,
    .my-md-nsci-16 {
      margin-top: -16px !important;
    }
    .mr-md-nsci-16,
    .mx-md-nsci-16 {
      margin-right: -16px !important;
    }
    .mb-md-nsci-16,
    .my-md-nsci-16 {
      margin-bottom: -16px !important;
    }
    .ml-md-nsci-16,
    .mx-md-nsci-16 {
      margin-left: -16px !important;
    }
    .m-md-nsci-24 {
      margin: -24px !important;
    }
    .mt-md-nsci-24,
    .my-md-nsci-24 {
      margin-top: -24px !important;
    }
    .mr-md-nsci-24,
    .mx-md-nsci-24 {
      margin-right: -24px !important;
    }
    .mb-md-nsci-24,
    .my-md-nsci-24 {
      margin-bottom: -24px !important;
    }
    .ml-md-nsci-24,
    .mx-md-nsci-24 {
      margin-left: -24px !important;
    }
    .m-md-nsci-40 {
      margin: -40px !important;
    }
    .mt-md-nsci-40,
    .my-md-nsci-40 {
      margin-top: -40px !important;
    }
    .mr-md-nsci-40,
    .mx-md-nsci-40 {
      margin-right: -40px !important;
    }
    .mb-md-nsci-40,
    .my-md-nsci-40 {
      margin-bottom: -40px !important;
    }
    .ml-md-nsci-40,
    .mx-md-nsci-40 {
      margin-left: -40px !important;
    }
    .m-md-auto {
      margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
      margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
      margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
      margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
      margin-left: auto !important;
    }
  }
  @media (min-width: 992px) {
    .m-lg-0 {
      margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
      margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
      margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
      margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
      margin-left: 0 !important;
    }
    .m-lg-1 {
      margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
      margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
      margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
      margin-left: 0.25rem !important;
    }
    .m-lg-2 {
      margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
      margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
      margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
      margin-left: 0.5rem !important;
    }
    .m-lg-3 {
      margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
      margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
      margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
      margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
      margin-left: 1rem !important;
    }
    .m-lg-4 {
      margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
      margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
      margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
      margin-left: 1.5rem !important;
    }
    .m-lg-5 {
      margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
      margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
      margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
      margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
      margin-left: 3rem !important;
    }
    .m-lg-sci-4 {
      margin: 4px !important;
    }
    .mt-lg-sci-4,
    .my-lg-sci-4 {
      margin-top: 4px !important;
    }
    .mr-lg-sci-4,
    .mx-lg-sci-4 {
      margin-right: 4px !important;
    }
    .mb-lg-sci-4,
    .my-lg-sci-4 {
      margin-bottom: 4px !important;
    }
    .ml-lg-sci-4,
    .mx-lg-sci-4 {
      margin-left: 4px !important;
    }
    .m-lg-sci-8 {
      margin: 8px !important;
    }
    .mt-lg-sci-8,
    .my-lg-sci-8 {
      margin-top: 8px !important;
    }
    .mr-lg-sci-8,
    .mx-lg-sci-8 {
      margin-right: 8px !important;
    }
    .mb-lg-sci-8,
    .my-lg-sci-8 {
      margin-bottom: 8px !important;
    }
    .ml-lg-sci-8,
    .mx-lg-sci-8 {
      margin-left: 8px !important;
    }
    .m-lg-sci-12 {
      margin: 12px !important;
    }
    .mt-lg-sci-12,
    .my-lg-sci-12 {
      margin-top: 12px !important;
    }
    .mr-lg-sci-12,
    .mx-lg-sci-12 {
      margin-right: 12px !important;
    }
    .mb-lg-sci-12,
    .my-lg-sci-12 {
      margin-bottom: 12px !important;
    }
    .ml-lg-sci-12,
    .mx-lg-sci-12 {
      margin-left: 12px !important;
    }
    .m-lg-sci-16 {
      margin: 16px !important;
    }
    .mt-lg-sci-16,
    .my-lg-sci-16 {
      margin-top: 16px !important;
    }
    .mr-lg-sci-16,
    .mx-lg-sci-16 {
      margin-right: 16px !important;
    }
    .mb-lg-sci-16,
    .my-lg-sci-16 {
      margin-bottom: 16px !important;
    }
    .ml-lg-sci-16,
    .mx-lg-sci-16 {
      margin-left: 16px !important;
    }
    .m-lg-sci-24 {
      margin: 24px !important;
    }
    .mt-lg-sci-24,
    .my-lg-sci-24 {
      margin-top: 24px !important;
    }
    .mr-lg-sci-24,
    .mx-lg-sci-24 {
      margin-right: 24px !important;
    }
    .mb-lg-sci-24,
    .my-lg-sci-24 {
      margin-bottom: 24px !important;
    }
    .ml-lg-sci-24,
    .mx-lg-sci-24 {
      margin-left: 24px !important;
    }
    .m-lg-sci-40 {
      margin: 40px !important;
    }
    .mt-lg-sci-40,
    .my-lg-sci-40 {
      margin-top: 40px !important;
    }
    .mr-lg-sci-40,
    .mx-lg-sci-40 {
      margin-right: 40px !important;
    }
    .mb-lg-sci-40,
    .my-lg-sci-40 {
      margin-bottom: 40px !important;
    }
    .ml-lg-sci-40,
    .mx-lg-sci-40 {
      margin-left: 40px !important;
    }
    .p-lg-0 {
      padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
      padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
      padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
      padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
      padding-left: 0 !important;
    }
    .p-lg-1 {
      padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
      padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
      padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
      padding-left: 0.25rem !important;
    }
    .p-lg-2 {
      padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
      padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
      padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
      padding-left: 0.5rem !important;
    }
    .p-lg-3 {
      padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
      padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
      padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
      padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
      padding-left: 1rem !important;
    }
    .p-lg-4 {
      padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
      padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
      padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
      padding-left: 1.5rem !important;
    }
    .p-lg-5 {
      padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
      padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
      padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
      padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
      padding-left: 3rem !important;
    }
    .p-lg-sci-4 {
      padding: 4px !important;
    }
    .pt-lg-sci-4,
    .py-lg-sci-4 {
      padding-top: 4px !important;
    }
    .pr-lg-sci-4,
    .px-lg-sci-4 {
      padding-right: 4px !important;
    }
    .pb-lg-sci-4,
    .py-lg-sci-4 {
      padding-bottom: 4px !important;
    }
    .pl-lg-sci-4,
    .px-lg-sci-4 {
      padding-left: 4px !important;
    }
    .p-lg-sci-8 {
      padding: 8px !important;
    }
    .pt-lg-sci-8,
    .py-lg-sci-8 {
      padding-top: 8px !important;
    }
    .pr-lg-sci-8,
    .px-lg-sci-8 {
      padding-right: 8px !important;
    }
    .pb-lg-sci-8,
    .py-lg-sci-8 {
      padding-bottom: 8px !important;
    }
    .pl-lg-sci-8,
    .px-lg-sci-8 {
      padding-left: 8px !important;
    }
    .p-lg-sci-12 {
      padding: 12px !important;
    }
    .pt-lg-sci-12,
    .py-lg-sci-12 {
      padding-top: 12px !important;
    }
    .pr-lg-sci-12,
    .px-lg-sci-12 {
      padding-right: 12px !important;
    }
    .pb-lg-sci-12,
    .py-lg-sci-12 {
      padding-bottom: 12px !important;
    }
    .pl-lg-sci-12,
    .px-lg-sci-12 {
      padding-left: 12px !important;
    }
    .p-lg-sci-16 {
      padding: 16px !important;
    }
    .pt-lg-sci-16,
    .py-lg-sci-16 {
      padding-top: 16px !important;
    }
    .pr-lg-sci-16,
    .px-lg-sci-16 {
      padding-right: 16px !important;
    }
    .pb-lg-sci-16,
    .py-lg-sci-16 {
      padding-bottom: 16px !important;
    }
    .pl-lg-sci-16,
    .px-lg-sci-16 {
      padding-left: 16px !important;
    }
    .p-lg-sci-24 {
      padding: 24px !important;
    }
    .pt-lg-sci-24,
    .py-lg-sci-24 {
      padding-top: 24px !important;
    }
    .pr-lg-sci-24,
    .px-lg-sci-24 {
      padding-right: 24px !important;
    }
    .pb-lg-sci-24,
    .py-lg-sci-24 {
      padding-bottom: 24px !important;
    }
    .pl-lg-sci-24,
    .px-lg-sci-24 {
      padding-left: 24px !important;
    }
    .p-lg-sci-40 {
      padding: 40px !important;
    }
    .pt-lg-sci-40,
    .py-lg-sci-40 {
      padding-top: 40px !important;
    }
    .pr-lg-sci-40,
    .px-lg-sci-40 {
      padding-right: 40px !important;
    }
    .pb-lg-sci-40,
    .py-lg-sci-40 {
      padding-bottom: 40px !important;
    }
    .pl-lg-sci-40,
    .px-lg-sci-40 {
      padding-left: 40px !important;
    }
    .m-lg-n1 {
      margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
      margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
      margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
      margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
      margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
      margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
      margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
      margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
      margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
      margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
      margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
      margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
      margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
      margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
      margin-left: -1rem !important;
    }
    .m-lg-n4 {
      margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
      margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
      margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
      margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
      margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
      margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
      margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
      margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
      margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
      margin-left: -3rem !important;
    }
    .m-lg-nsci-4 {
      margin: -4px !important;
    }
    .mt-lg-nsci-4,
    .my-lg-nsci-4 {
      margin-top: -4px !important;
    }
    .mr-lg-nsci-4,
    .mx-lg-nsci-4 {
      margin-right: -4px !important;
    }
    .mb-lg-nsci-4,
    .my-lg-nsci-4 {
      margin-bottom: -4px !important;
    }
    .ml-lg-nsci-4,
    .mx-lg-nsci-4 {
      margin-left: -4px !important;
    }
    .m-lg-nsci-8 {
      margin: -8px !important;
    }
    .mt-lg-nsci-8,
    .my-lg-nsci-8 {
      margin-top: -8px !important;
    }
    .mr-lg-nsci-8,
    .mx-lg-nsci-8 {
      margin-right: -8px !important;
    }
    .mb-lg-nsci-8,
    .my-lg-nsci-8 {
      margin-bottom: -8px !important;
    }
    .ml-lg-nsci-8,
    .mx-lg-nsci-8 {
      margin-left: -8px !important;
    }
    .m-lg-nsci-12 {
      margin: -12px !important;
    }
    .mt-lg-nsci-12,
    .my-lg-nsci-12 {
      margin-top: -12px !important;
    }
    .mr-lg-nsci-12,
    .mx-lg-nsci-12 {
      margin-right: -12px !important;
    }
    .mb-lg-nsci-12,
    .my-lg-nsci-12 {
      margin-bottom: -12px !important;
    }
    .ml-lg-nsci-12,
    .mx-lg-nsci-12 {
      margin-left: -12px !important;
    }
    .m-lg-nsci-16 {
      margin: -16px !important;
    }
    .mt-lg-nsci-16,
    .my-lg-nsci-16 {
      margin-top: -16px !important;
    }
    .mr-lg-nsci-16,
    .mx-lg-nsci-16 {
      margin-right: -16px !important;
    }
    .mb-lg-nsci-16,
    .my-lg-nsci-16 {
      margin-bottom: -16px !important;
    }
    .ml-lg-nsci-16,
    .mx-lg-nsci-16 {
      margin-left: -16px !important;
    }
    .m-lg-nsci-24 {
      margin: -24px !important;
    }
    .mt-lg-nsci-24,
    .my-lg-nsci-24 {
      margin-top: -24px !important;
    }
    .mr-lg-nsci-24,
    .mx-lg-nsci-24 {
      margin-right: -24px !important;
    }
    .mb-lg-nsci-24,
    .my-lg-nsci-24 {
      margin-bottom: -24px !important;
    }
    .ml-lg-nsci-24,
    .mx-lg-nsci-24 {
      margin-left: -24px !important;
    }
    .m-lg-nsci-40 {
      margin: -40px !important;
    }
    .mt-lg-nsci-40,
    .my-lg-nsci-40 {
      margin-top: -40px !important;
    }
    .mr-lg-nsci-40,
    .mx-lg-nsci-40 {
      margin-right: -40px !important;
    }
    .mb-lg-nsci-40,
    .my-lg-nsci-40 {
      margin-bottom: -40px !important;
    }
    .ml-lg-nsci-40,
    .mx-lg-nsci-40 {
      margin-left: -40px !important;
    }
    .m-lg-auto {
      margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
      margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
      margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
      margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
      margin-left: auto !important;
    }
  }
  @media (min-width: 1200px) {
    .m-xl-0 {
      margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
      margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
      margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
      margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
      margin-left: 0 !important;
    }
    .m-xl-1 {
      margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
      margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
      margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
      margin-left: 0.25rem !important;
    }
    .m-xl-2 {
      margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
      margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
      margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
      margin-left: 0.5rem !important;
    }
    .m-xl-3 {
      margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
      margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
      margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
      margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
      margin-left: 1rem !important;
    }
    .m-xl-4 {
      margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
      margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
      margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
      margin-left: 1.5rem !important;
    }
    .m-xl-5 {
      margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
      margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
      margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
      margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
      margin-left: 3rem !important;
    }
    .m-xl-sci-4 {
      margin: 4px !important;
    }
    .mt-xl-sci-4,
    .my-xl-sci-4 {
      margin-top: 4px !important;
    }
    .mr-xl-sci-4,
    .mx-xl-sci-4 {
      margin-right: 4px !important;
    }
    .mb-xl-sci-4,
    .my-xl-sci-4 {
      margin-bottom: 4px !important;
    }
    .ml-xl-sci-4,
    .mx-xl-sci-4 {
      margin-left: 4px !important;
    }
    .m-xl-sci-8 {
      margin: 8px !important;
    }
    .mt-xl-sci-8,
    .my-xl-sci-8 {
      margin-top: 8px !important;
    }
    .mr-xl-sci-8,
    .mx-xl-sci-8 {
      margin-right: 8px !important;
    }
    .mb-xl-sci-8,
    .my-xl-sci-8 {
      margin-bottom: 8px !important;
    }
    .ml-xl-sci-8,
    .mx-xl-sci-8 {
      margin-left: 8px !important;
    }
    .m-xl-sci-12 {
      margin: 12px !important;
    }
    .mt-xl-sci-12,
    .my-xl-sci-12 {
      margin-top: 12px !important;
    }
    .mr-xl-sci-12,
    .mx-xl-sci-12 {
      margin-right: 12px !important;
    }
    .mb-xl-sci-12,
    .my-xl-sci-12 {
      margin-bottom: 12px !important;
    }
    .ml-xl-sci-12,
    .mx-xl-sci-12 {
      margin-left: 12px !important;
    }
    .m-xl-sci-16 {
      margin: 16px !important;
    }
    .mt-xl-sci-16,
    .my-xl-sci-16 {
      margin-top: 16px !important;
    }
    .mr-xl-sci-16,
    .mx-xl-sci-16 {
      margin-right: 16px !important;
    }
    .mb-xl-sci-16,
    .my-xl-sci-16 {
      margin-bottom: 16px !important;
    }
    .ml-xl-sci-16,
    .mx-xl-sci-16 {
      margin-left: 16px !important;
    }
    .m-xl-sci-24 {
      margin: 24px !important;
    }
    .mt-xl-sci-24,
    .my-xl-sci-24 {
      margin-top: 24px !important;
    }
    .mr-xl-sci-24,
    .mx-xl-sci-24 {
      margin-right: 24px !important;
    }
    .mb-xl-sci-24,
    .my-xl-sci-24 {
      margin-bottom: 24px !important;
    }
    .ml-xl-sci-24,
    .mx-xl-sci-24 {
      margin-left: 24px !important;
    }
    .m-xl-sci-40 {
      margin: 40px !important;
    }
    .mt-xl-sci-40,
    .my-xl-sci-40 {
      margin-top: 40px !important;
    }
    .mr-xl-sci-40,
    .mx-xl-sci-40 {
      margin-right: 40px !important;
    }
    .mb-xl-sci-40,
    .my-xl-sci-40 {
      margin-bottom: 40px !important;
    }
    .ml-xl-sci-40,
    .mx-xl-sci-40 {
      margin-left: 40px !important;
    }
    .p-xl-0 {
      padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
      padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
      padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
      padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
      padding-left: 0 !important;
    }
    .p-xl-1 {
      padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
      padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
      padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
      padding-left: 0.25rem !important;
    }
    .p-xl-2 {
      padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
      padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
      padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
      padding-left: 0.5rem !important;
    }
    .p-xl-3 {
      padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
      padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
      padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
      padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
      padding-left: 1rem !important;
    }
    .p-xl-4 {
      padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
      padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
      padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
      padding-left: 1.5rem !important;
    }
    .p-xl-5 {
      padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
      padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
      padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
      padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
      padding-left: 3rem !important;
    }
    .p-xl-sci-4 {
      padding: 4px !important;
    }
    .pt-xl-sci-4,
    .py-xl-sci-4 {
      padding-top: 4px !important;
    }
    .pr-xl-sci-4,
    .px-xl-sci-4 {
      padding-right: 4px !important;
    }
    .pb-xl-sci-4,
    .py-xl-sci-4 {
      padding-bottom: 4px !important;
    }
    .pl-xl-sci-4,
    .px-xl-sci-4 {
      padding-left: 4px !important;
    }
    .p-xl-sci-8 {
      padding: 8px !important;
    }
    .pt-xl-sci-8,
    .py-xl-sci-8 {
      padding-top: 8px !important;
    }
    .pr-xl-sci-8,
    .px-xl-sci-8 {
      padding-right: 8px !important;
    }
    .pb-xl-sci-8,
    .py-xl-sci-8 {
      padding-bottom: 8px !important;
    }
    .pl-xl-sci-8,
    .px-xl-sci-8 {
      padding-left: 8px !important;
    }
    .p-xl-sci-12 {
      padding: 12px !important;
    }
    .pt-xl-sci-12,
    .py-xl-sci-12 {
      padding-top: 12px !important;
    }
    .pr-xl-sci-12,
    .px-xl-sci-12 {
      padding-right: 12px !important;
    }
    .pb-xl-sci-12,
    .py-xl-sci-12 {
      padding-bottom: 12px !important;
    }
    .pl-xl-sci-12,
    .px-xl-sci-12 {
      padding-left: 12px !important;
    }
    .p-xl-sci-16 {
      padding: 16px !important;
    }
    .pt-xl-sci-16,
    .py-xl-sci-16 {
      padding-top: 16px !important;
    }
    .pr-xl-sci-16,
    .px-xl-sci-16 {
      padding-right: 16px !important;
    }
    .pb-xl-sci-16,
    .py-xl-sci-16 {
      padding-bottom: 16px !important;
    }
    .pl-xl-sci-16,
    .px-xl-sci-16 {
      padding-left: 16px !important;
    }
    .p-xl-sci-24 {
      padding: 24px !important;
    }
    .pt-xl-sci-24,
    .py-xl-sci-24 {
      padding-top: 24px !important;
    }
    .pr-xl-sci-24,
    .px-xl-sci-24 {
      padding-right: 24px !important;
    }
    .pb-xl-sci-24,
    .py-xl-sci-24 {
      padding-bottom: 24px !important;
    }
    .pl-xl-sci-24,
    .px-xl-sci-24 {
      padding-left: 24px !important;
    }
    .p-xl-sci-40 {
      padding: 40px !important;
    }
    .pt-xl-sci-40,
    .py-xl-sci-40 {
      padding-top: 40px !important;
    }
    .pr-xl-sci-40,
    .px-xl-sci-40 {
      padding-right: 40px !important;
    }
    .pb-xl-sci-40,
    .py-xl-sci-40 {
      padding-bottom: 40px !important;
    }
    .pl-xl-sci-40,
    .px-xl-sci-40 {
      padding-left: 40px !important;
    }
    .m-xl-n1 {
      margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
      margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
      margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
      margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
      margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
      margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
      margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
      margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
      margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
      margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
      margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
      margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
      margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
      margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
      margin-left: -1rem !important;
    }
    .m-xl-n4 {
      margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
      margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
      margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
      margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
      margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
      margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
      margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
      margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
      margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
      margin-left: -3rem !important;
    }
    .m-xl-nsci-4 {
      margin: -4px !important;
    }
    .mt-xl-nsci-4,
    .my-xl-nsci-4 {
      margin-top: -4px !important;
    }
    .mr-xl-nsci-4,
    .mx-xl-nsci-4 {
      margin-right: -4px !important;
    }
    .mb-xl-nsci-4,
    .my-xl-nsci-4 {
      margin-bottom: -4px !important;
    }
    .ml-xl-nsci-4,
    .mx-xl-nsci-4 {
      margin-left: -4px !important;
    }
    .m-xl-nsci-8 {
      margin: -8px !important;
    }
    .mt-xl-nsci-8,
    .my-xl-nsci-8 {
      margin-top: -8px !important;
    }
    .mr-xl-nsci-8,
    .mx-xl-nsci-8 {
      margin-right: -8px !important;
    }
    .mb-xl-nsci-8,
    .my-xl-nsci-8 {
      margin-bottom: -8px !important;
    }
    .ml-xl-nsci-8,
    .mx-xl-nsci-8 {
      margin-left: -8px !important;
    }
    .m-xl-nsci-12 {
      margin: -12px !important;
    }
    .mt-xl-nsci-12,
    .my-xl-nsci-12 {
      margin-top: -12px !important;
    }
    .mr-xl-nsci-12,
    .mx-xl-nsci-12 {
      margin-right: -12px !important;
    }
    .mb-xl-nsci-12,
    .my-xl-nsci-12 {
      margin-bottom: -12px !important;
    }
    .ml-xl-nsci-12,
    .mx-xl-nsci-12 {
      margin-left: -12px !important;
    }
    .m-xl-nsci-16 {
      margin: -16px !important;
    }
    .mt-xl-nsci-16,
    .my-xl-nsci-16 {
      margin-top: -16px !important;
    }
    .mr-xl-nsci-16,
    .mx-xl-nsci-16 {
      margin-right: -16px !important;
    }
    .mb-xl-nsci-16,
    .my-xl-nsci-16 {
      margin-bottom: -16px !important;
    }
    .ml-xl-nsci-16,
    .mx-xl-nsci-16 {
      margin-left: -16px !important;
    }
    .m-xl-nsci-24 {
      margin: -24px !important;
    }
    .mt-xl-nsci-24,
    .my-xl-nsci-24 {
      margin-top: -24px !important;
    }
    .mr-xl-nsci-24,
    .mx-xl-nsci-24 {
      margin-right: -24px !important;
    }
    .mb-xl-nsci-24,
    .my-xl-nsci-24 {
      margin-bottom: -24px !important;
    }
    .ml-xl-nsci-24,
    .mx-xl-nsci-24 {
      margin-left: -24px !important;
    }
    .m-xl-nsci-40 {
      margin: -40px !important;
    }
    .mt-xl-nsci-40,
    .my-xl-nsci-40 {
      margin-top: -40px !important;
    }
    .mr-xl-nsci-40,
    .mx-xl-nsci-40 {
      margin-right: -40px !important;
    }
    .mb-xl-nsci-40,
    .my-xl-nsci-40 {
      margin-bottom: -40px !important;
    }
    .ml-xl-nsci-40,
    .mx-xl-nsci-40 {
      margin-left: -40px !important;
    }
    .m-xl-auto {
      margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
      margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
      margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
      margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
      margin-left: auto !important;
    }
  }
  @media (min-width: 1400px) {
    .m-xxl-0 {
      margin: 0 !important;
    }
    .mt-xxl-0,
    .my-xxl-0 {
      margin-top: 0 !important;
    }
    .mr-xxl-0,
    .mx-xxl-0 {
      margin-right: 0 !important;
    }
    .mb-xxl-0,
    .my-xxl-0 {
      margin-bottom: 0 !important;
    }
    .ml-xxl-0,
    .mx-xxl-0 {
      margin-left: 0 !important;
    }
    .m-xxl-1 {
      margin: 0.25rem !important;
    }
    .mt-xxl-1,
    .my-xxl-1 {
      margin-top: 0.25rem !important;
    }
    .mr-xxl-1,
    .mx-xxl-1 {
      margin-right: 0.25rem !important;
    }
    .mb-xxl-1,
    .my-xxl-1 {
      margin-bottom: 0.25rem !important;
    }
    .ml-xxl-1,
    .mx-xxl-1 {
      margin-left: 0.25rem !important;
    }
    .m-xxl-2 {
      margin: 0.5rem !important;
    }
    .mt-xxl-2,
    .my-xxl-2 {
      margin-top: 0.5rem !important;
    }
    .mr-xxl-2,
    .mx-xxl-2 {
      margin-right: 0.5rem !important;
    }
    .mb-xxl-2,
    .my-xxl-2 {
      margin-bottom: 0.5rem !important;
    }
    .ml-xxl-2,
    .mx-xxl-2 {
      margin-left: 0.5rem !important;
    }
    .m-xxl-3 {
      margin: 1rem !important;
    }
    .mt-xxl-3,
    .my-xxl-3 {
      margin-top: 1rem !important;
    }
    .mr-xxl-3,
    .mx-xxl-3 {
      margin-right: 1rem !important;
    }
    .mb-xxl-3,
    .my-xxl-3 {
      margin-bottom: 1rem !important;
    }
    .ml-xxl-3,
    .mx-xxl-3 {
      margin-left: 1rem !important;
    }
    .m-xxl-4 {
      margin: 1.5rem !important;
    }
    .mt-xxl-4,
    .my-xxl-4 {
      margin-top: 1.5rem !important;
    }
    .mr-xxl-4,
    .mx-xxl-4 {
      margin-right: 1.5rem !important;
    }
    .mb-xxl-4,
    .my-xxl-4 {
      margin-bottom: 1.5rem !important;
    }
    .ml-xxl-4,
    .mx-xxl-4 {
      margin-left: 1.5rem !important;
    }
    .m-xxl-5 {
      margin: 3rem !important;
    }
    .mt-xxl-5,
    .my-xxl-5 {
      margin-top: 3rem !important;
    }
    .mr-xxl-5,
    .mx-xxl-5 {
      margin-right: 3rem !important;
    }
    .mb-xxl-5,
    .my-xxl-5 {
      margin-bottom: 3rem !important;
    }
    .ml-xxl-5,
    .mx-xxl-5 {
      margin-left: 3rem !important;
    }
    .m-xxl-sci-4 {
      margin: 4px !important;
    }
    .mt-xxl-sci-4,
    .my-xxl-sci-4 {
      margin-top: 4px !important;
    }
    .mr-xxl-sci-4,
    .mx-xxl-sci-4 {
      margin-right: 4px !important;
    }
    .mb-xxl-sci-4,
    .my-xxl-sci-4 {
      margin-bottom: 4px !important;
    }
    .ml-xxl-sci-4,
    .mx-xxl-sci-4 {
      margin-left: 4px !important;
    }
    .m-xxl-sci-8 {
      margin: 8px !important;
    }
    .mt-xxl-sci-8,
    .my-xxl-sci-8 {
      margin-top: 8px !important;
    }
    .mr-xxl-sci-8,
    .mx-xxl-sci-8 {
      margin-right: 8px !important;
    }
    .mb-xxl-sci-8,
    .my-xxl-sci-8 {
      margin-bottom: 8px !important;
    }
    .ml-xxl-sci-8,
    .mx-xxl-sci-8 {
      margin-left: 8px !important;
    }
    .m-xxl-sci-12 {
      margin: 12px !important;
    }
    .mt-xxl-sci-12,
    .my-xxl-sci-12 {
      margin-top: 12px !important;
    }
    .mr-xxl-sci-12,
    .mx-xxl-sci-12 {
      margin-right: 12px !important;
    }
    .mb-xxl-sci-12,
    .my-xxl-sci-12 {
      margin-bottom: 12px !important;
    }
    .ml-xxl-sci-12,
    .mx-xxl-sci-12 {
      margin-left: 12px !important;
    }
    .m-xxl-sci-16 {
      margin: 16px !important;
    }
    .mt-xxl-sci-16,
    .my-xxl-sci-16 {
      margin-top: 16px !important;
    }
    .mr-xxl-sci-16,
    .mx-xxl-sci-16 {
      margin-right: 16px !important;
    }
    .mb-xxl-sci-16,
    .my-xxl-sci-16 {
      margin-bottom: 16px !important;
    }
    .ml-xxl-sci-16,
    .mx-xxl-sci-16 {
      margin-left: 16px !important;
    }
    .m-xxl-sci-24 {
      margin: 24px !important;
    }
    .mt-xxl-sci-24,
    .my-xxl-sci-24 {
      margin-top: 24px !important;
    }
    .mr-xxl-sci-24,
    .mx-xxl-sci-24 {
      margin-right: 24px !important;
    }
    .mb-xxl-sci-24,
    .my-xxl-sci-24 {
      margin-bottom: 24px !important;
    }
    .ml-xxl-sci-24,
    .mx-xxl-sci-24 {
      margin-left: 24px !important;
    }
    .m-xxl-sci-40 {
      margin: 40px !important;
    }
    .mt-xxl-sci-40,
    .my-xxl-sci-40 {
      margin-top: 40px !important;
    }
    .mr-xxl-sci-40,
    .mx-xxl-sci-40 {
      margin-right: 40px !important;
    }
    .mb-xxl-sci-40,
    .my-xxl-sci-40 {
      margin-bottom: 40px !important;
    }
    .ml-xxl-sci-40,
    .mx-xxl-sci-40 {
      margin-left: 40px !important;
    }
    .p-xxl-0 {
      padding: 0 !important;
    }
    .pt-xxl-0,
    .py-xxl-0 {
      padding-top: 0 !important;
    }
    .pr-xxl-0,
    .px-xxl-0 {
      padding-right: 0 !important;
    }
    .pb-xxl-0,
    .py-xxl-0 {
      padding-bottom: 0 !important;
    }
    .pl-xxl-0,
    .px-xxl-0 {
      padding-left: 0 !important;
    }
    .p-xxl-1 {
      padding: 0.25rem !important;
    }
    .pt-xxl-1,
    .py-xxl-1 {
      padding-top: 0.25rem !important;
    }
    .pr-xxl-1,
    .px-xxl-1 {
      padding-right: 0.25rem !important;
    }
    .pb-xxl-1,
    .py-xxl-1 {
      padding-bottom: 0.25rem !important;
    }
    .pl-xxl-1,
    .px-xxl-1 {
      padding-left: 0.25rem !important;
    }
    .p-xxl-2 {
      padding: 0.5rem !important;
    }
    .pt-xxl-2,
    .py-xxl-2 {
      padding-top: 0.5rem !important;
    }
    .pr-xxl-2,
    .px-xxl-2 {
      padding-right: 0.5rem !important;
    }
    .pb-xxl-2,
    .py-xxl-2 {
      padding-bottom: 0.5rem !important;
    }
    .pl-xxl-2,
    .px-xxl-2 {
      padding-left: 0.5rem !important;
    }
    .p-xxl-3 {
      padding: 1rem !important;
    }
    .pt-xxl-3,
    .py-xxl-3 {
      padding-top: 1rem !important;
    }
    .pr-xxl-3,
    .px-xxl-3 {
      padding-right: 1rem !important;
    }
    .pb-xxl-3,
    .py-xxl-3 {
      padding-bottom: 1rem !important;
    }
    .pl-xxl-3,
    .px-xxl-3 {
      padding-left: 1rem !important;
    }
    .p-xxl-4 {
      padding: 1.5rem !important;
    }
    .pt-xxl-4,
    .py-xxl-4 {
      padding-top: 1.5rem !important;
    }
    .pr-xxl-4,
    .px-xxl-4 {
      padding-right: 1.5rem !important;
    }
    .pb-xxl-4,
    .py-xxl-4 {
      padding-bottom: 1.5rem !important;
    }
    .pl-xxl-4,
    .px-xxl-4 {
      padding-left: 1.5rem !important;
    }
    .p-xxl-5 {
      padding: 3rem !important;
    }
    .pt-xxl-5,
    .py-xxl-5 {
      padding-top: 3rem !important;
    }
    .pr-xxl-5,
    .px-xxl-5 {
      padding-right: 3rem !important;
    }
    .pb-xxl-5,
    .py-xxl-5 {
      padding-bottom: 3rem !important;
    }
    .pl-xxl-5,
    .px-xxl-5 {
      padding-left: 3rem !important;
    }
    .p-xxl-sci-4 {
      padding: 4px !important;
    }
    .pt-xxl-sci-4,
    .py-xxl-sci-4 {
      padding-top: 4px !important;
    }
    .pr-xxl-sci-4,
    .px-xxl-sci-4 {
      padding-right: 4px !important;
    }
    .pb-xxl-sci-4,
    .py-xxl-sci-4 {
      padding-bottom: 4px !important;
    }
    .pl-xxl-sci-4,
    .px-xxl-sci-4 {
      padding-left: 4px !important;
    }
    .p-xxl-sci-8 {
      padding: 8px !important;
    }
    .pt-xxl-sci-8,
    .py-xxl-sci-8 {
      padding-top: 8px !important;
    }
    .pr-xxl-sci-8,
    .px-xxl-sci-8 {
      padding-right: 8px !important;
    }
    .pb-xxl-sci-8,
    .py-xxl-sci-8 {
      padding-bottom: 8px !important;
    }
    .pl-xxl-sci-8,
    .px-xxl-sci-8 {
      padding-left: 8px !important;
    }
    .p-xxl-sci-12 {
      padding: 12px !important;
    }
    .pt-xxl-sci-12,
    .py-xxl-sci-12 {
      padding-top: 12px !important;
    }
    .pr-xxl-sci-12,
    .px-xxl-sci-12 {
      padding-right: 12px !important;
    }
    .pb-xxl-sci-12,
    .py-xxl-sci-12 {
      padding-bottom: 12px !important;
    }
    .pl-xxl-sci-12,
    .px-xxl-sci-12 {
      padding-left: 12px !important;
    }
    .p-xxl-sci-16 {
      padding: 16px !important;
    }
    .pt-xxl-sci-16,
    .py-xxl-sci-16 {
      padding-top: 16px !important;
    }
    .pr-xxl-sci-16,
    .px-xxl-sci-16 {
      padding-right: 16px !important;
    }
    .pb-xxl-sci-16,
    .py-xxl-sci-16 {
      padding-bottom: 16px !important;
    }
    .pl-xxl-sci-16,
    .px-xxl-sci-16 {
      padding-left: 16px !important;
    }
    .p-xxl-sci-24 {
      padding: 24px !important;
    }
    .pt-xxl-sci-24,
    .py-xxl-sci-24 {
      padding-top: 24px !important;
    }
    .pr-xxl-sci-24,
    .px-xxl-sci-24 {
      padding-right: 24px !important;
    }
    .pb-xxl-sci-24,
    .py-xxl-sci-24 {
      padding-bottom: 24px !important;
    }
    .pl-xxl-sci-24,
    .px-xxl-sci-24 {
      padding-left: 24px !important;
    }
    .p-xxl-sci-40 {
      padding: 40px !important;
    }
    .pt-xxl-sci-40,
    .py-xxl-sci-40 {
      padding-top: 40px !important;
    }
    .pr-xxl-sci-40,
    .px-xxl-sci-40 {
      padding-right: 40px !important;
    }
    .pb-xxl-sci-40,
    .py-xxl-sci-40 {
      padding-bottom: 40px !important;
    }
    .pl-xxl-sci-40,
    .px-xxl-sci-40 {
      padding-left: 40px !important;
    }
    .m-xxl-n1 {
      margin: -0.25rem !important;
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
      margin-top: -0.25rem !important;
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
      margin-right: -0.25rem !important;
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
      margin-bottom: -0.25rem !important;
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
      margin-left: -0.25rem !important;
    }
    .m-xxl-n2 {
      margin: -0.5rem !important;
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
      margin-top: -0.5rem !important;
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
      margin-right: -0.5rem !important;
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
      margin-bottom: -0.5rem !important;
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
      margin-left: -0.5rem !important;
    }
    .m-xxl-n3 {
      margin: -1rem !important;
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
      margin-top: -1rem !important;
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
      margin-right: -1rem !important;
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
      margin-bottom: -1rem !important;
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
      margin-left: -1rem !important;
    }
    .m-xxl-n4 {
      margin: -1.5rem !important;
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
      margin-top: -1.5rem !important;
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
      margin-right: -1.5rem !important;
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
      margin-bottom: -1.5rem !important;
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
      margin-left: -1.5rem !important;
    }
    .m-xxl-n5 {
      margin: -3rem !important;
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
      margin-top: -3rem !important;
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
      margin-right: -3rem !important;
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
      margin-bottom: -3rem !important;
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
      margin-left: -3rem !important;
    }
    .m-xxl-nsci-4 {
      margin: -4px !important;
    }
    .mt-xxl-nsci-4,
    .my-xxl-nsci-4 {
      margin-top: -4px !important;
    }
    .mr-xxl-nsci-4,
    .mx-xxl-nsci-4 {
      margin-right: -4px !important;
    }
    .mb-xxl-nsci-4,
    .my-xxl-nsci-4 {
      margin-bottom: -4px !important;
    }
    .ml-xxl-nsci-4,
    .mx-xxl-nsci-4 {
      margin-left: -4px !important;
    }
    .m-xxl-nsci-8 {
      margin: -8px !important;
    }
    .mt-xxl-nsci-8,
    .my-xxl-nsci-8 {
      margin-top: -8px !important;
    }
    .mr-xxl-nsci-8,
    .mx-xxl-nsci-8 {
      margin-right: -8px !important;
    }
    .mb-xxl-nsci-8,
    .my-xxl-nsci-8 {
      margin-bottom: -8px !important;
    }
    .ml-xxl-nsci-8,
    .mx-xxl-nsci-8 {
      margin-left: -8px !important;
    }
    .m-xxl-nsci-12 {
      margin: -12px !important;
    }
    .mt-xxl-nsci-12,
    .my-xxl-nsci-12 {
      margin-top: -12px !important;
    }
    .mr-xxl-nsci-12,
    .mx-xxl-nsci-12 {
      margin-right: -12px !important;
    }
    .mb-xxl-nsci-12,
    .my-xxl-nsci-12 {
      margin-bottom: -12px !important;
    }
    .ml-xxl-nsci-12,
    .mx-xxl-nsci-12 {
      margin-left: -12px !important;
    }
    .m-xxl-nsci-16 {
      margin: -16px !important;
    }
    .mt-xxl-nsci-16,
    .my-xxl-nsci-16 {
      margin-top: -16px !important;
    }
    .mr-xxl-nsci-16,
    .mx-xxl-nsci-16 {
      margin-right: -16px !important;
    }
    .mb-xxl-nsci-16,
    .my-xxl-nsci-16 {
      margin-bottom: -16px !important;
    }
    .ml-xxl-nsci-16,
    .mx-xxl-nsci-16 {
      margin-left: -16px !important;
    }
    .m-xxl-nsci-24 {
      margin: -24px !important;
    }
    .mt-xxl-nsci-24,
    .my-xxl-nsci-24 {
      margin-top: -24px !important;
    }
    .mr-xxl-nsci-24,
    .mx-xxl-nsci-24 {
      margin-right: -24px !important;
    }
    .mb-xxl-nsci-24,
    .my-xxl-nsci-24 {
      margin-bottom: -24px !important;
    }
    .ml-xxl-nsci-24,
    .mx-xxl-nsci-24 {
      margin-left: -24px !important;
    }
    .m-xxl-nsci-40 {
      margin: -40px !important;
    }
    .mt-xxl-nsci-40,
    .my-xxl-nsci-40 {
      margin-top: -40px !important;
    }
    .mr-xxl-nsci-40,
    .mx-xxl-nsci-40 {
      margin-right: -40px !important;
    }
    .mb-xxl-nsci-40,
    .my-xxl-nsci-40 {
      margin-bottom: -40px !important;
    }
    .ml-xxl-nsci-40,
    .mx-xxl-nsci-40 {
      margin-left: -40px !important;
    }
    .m-xxl-auto {
      margin: auto !important;
    }
    .mt-xxl-auto,
    .my-xxl-auto {
      margin-top: auto !important;
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
      margin-right: auto !important;
    }
    .mb-xxl-auto,
    .my-xxl-auto {
      margin-bottom: auto !important;
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
      margin-left: auto !important;
    }
  }
  .visible {
    visibility: visible !important;
  }
  
  .invisible {
    visibility: hidden !important;
  }
  
  .form-control, select.mktoInvalid, .mktoInvalid {
    display: block;
    width: 100%;
    height: calc(2.6rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .form-control, select.mktoInvalid, .mktoInvalid {
      transition: none;
    }
  }
  .form-control::-ms-expand, .mktoInvalid::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  .form-control::-ms-clear, .mktoInvalid::-ms-clear, .form-control::-ms-reveal, .mktoInvalid::-ms-reveal {
    display: none;
  }
  .form-control:focus, .mktoInvalid:focus {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
    border-color: var(--cds-border-interactive, #0f62fe);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe);
  }
  .form-control::placeholder, .mktoInvalid::placeholder {
    font-style: italic;
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
  }
  .form-control:not(:disabled):not([disabled]):not([readonly]):focus, .mktoInvalid:not(:disabled):not([disabled]):not([readonly]):focus {
    border-color: var(--cds-border-interactive, #0f62fe);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe);
  }
  .form-control:disabled, .mktoInvalid:disabled, .form-control[readonly], [readonly].mktoInvalid {
    opacity: 0.5;
  }
  .form-control.textFieldError, select.mktoInvalid, .mktoInvalid, .form-control.ng-invalid.ng-touched, .form-control.textFieldError + .input-group-append, .mktoInvalid + .input-group-append, .form-control.ng-invalid.ng-touched + .input-group-append {
    border-bottom: var(--cds-support-error, #da1e28);
    box-shadow: inset 0 0 0 2px var(--cds-support-error, #da1e28);
  }
  .form-control.textFieldError:focus, .mktoInvalid:focus, .form-control.ng-invalid.ng-touched:focus, .form-control.textFieldError + .input-group-append:focus, .mktoInvalid + .input-group-append:focus, .form-control.ng-invalid.ng-touched + .input-group-append:focus {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
    border-color: var(--cds-border-interactive, #0f62fe);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe);
  }
  .form-control.delite-highlight.ng-invalid.ng-untouched.ng-dirty, .delite-highlight.ng-invalid.ng-untouched.ng-dirty.mktoInvalid, .form-control.delite-highlight.ng-invalid.ng-untouched.ng-pristine:focus, .delite-highlight.ng-invalid.ng-untouched.ng-pristine.mktoInvalid:focus {
    border-bottom: dlt-color-global-primary-default;
    box-shadow: 0 3px 0 dlt-color-global-primary-default !important;
  }
  
  :not(output):-moz-ui-invalid {
    box-shadow: none;
  }
  
  select.form-control:focus::-ms-value, select.mktoInvalid:focus::-ms-value {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
  }
  
  select.placeholder {
    font-style: italic;
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 1;
  }
  select.placeholder option {
    font-style: normal;
    color: var(--cds-text-primary, #161616);
  }
  
  .form-control-file,
  .form-control-range {
    display: block;
    width: 100%;
  }
  
  .col-form-label {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6;
  }
  
  .col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
  }
  
  .col-form-label-sm {
    padding-top: calc(0.3rem + 1px);
    padding-bottom: calc(0.3rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
  }
  
  .form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    line-height: 1.6;
    color: var(--cds-text-primary, #161616);
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .form-control-plaintext.form-control-sm, .form-group-sm .form-control-plaintext.form-control, .form-group-sm .form-control-plaintext.mktoInvalid, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
  }
  
  .form-control-sm, .form-group-sm .form-control, .form-group-sm .mktoInvalid {
    height: calc(1.9125rem + 2px + 1px);
    padding: 0.5rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
  }
  
  .form-control-lg {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0;
  }
  
  select.form-control[size], select[size].mktoInvalid, select.form-control[multiple], select[multiple].mktoInvalid {
    height: auto;
  }
  
  textarea.form-control, textarea.mktoInvalid {
    height: auto !important;
  }
  
  .form-group {
    margin-bottom: 1rem;
    position: relative;
  }
  .form-group label:not(.custom-control-label) {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    color: var(--cds-text-secondary, #525252);
  }
  .form-group .clear,
  .form-group .toggle-password {
    position: absolute;
    right: 8px;
    color: var(--cds-link-primary, #0f62fe);
    display: none;
  }
  .form-group .clear:hover,
  .form-group .toggle-password:hover {
    color: var(--cds-link-primary, #0f62fe);
  }
  .form-group:hover .clear,
  .form-group:hover .toggle-password {
    display: block;
  }
  .form-group .toggle-password {
    color: inherit;
  }
  .form-group .form-control:focus ~ .clear, .form-group .mktoInvalid:focus ~ .clear,
  .form-group .form-control:focus ~ .toggle-password,
  .form-group .mktoInvalid:focus ~ .toggle-password {
    display: block;
  }
  .form-group .form-control + .clear, .form-group .mktoInvalid + .clear,
  .form-group .form-control + .toggle-password,
  .form-group .mktoInvalid + .toggle-password {
    top: 4px;
  }
  .form-group label + .kcInputWrapperClass > .clear,
  .form-group label + .form-control + .clear,
  .form-group label + .mktoInvalid + .clear,
  .form-group label + .kcInputWrapperClass > .toggle-password,
  .form-group label + .form-control + .toggle-password,
  .form-group label + .mktoInvalid + .toggle-password {
    top: 28px;
  }
  
  tag-input .error-messages .error-message span:before, .form-text.validationInfo:before, .validationInfo.mktoErrorMsg:before, .form-text.validationFailure:before, .form-text.mktoErrorMsg:before, .validationFailure.mktoErrorMsg:before, .mktoErrorMsg:before {
    display: inline-block;
    font-family: "carbon_icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1.2;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1rem;
    vertical-align: text-bottom;
  }
  
  .form-text, .mktoErrorMsg {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
  }
  .form-text.validationFailure, .form-text.mktoErrorMsg, .validationFailure.mktoErrorMsg, .mktoErrorMsg {
    font-size: 0.75rem;
  }
  .form-text.validationFailure > span, .form-text.mktoErrorMsg > span, .validationFailure.mktoErrorMsg > span, .mktoErrorMsg > span {
    position: relative;
    top: -1px;
  }
  .form-text.validationFailure:before, .form-text.mktoErrorMsg:before, .validationFailure.mktoErrorMsg:before, .mktoErrorMsg:before {
    content: "\e901";
    color: var(--cds-support-error, #da1e28);
  }
  .form-text.validationInfo, .validationInfo.mktoErrorMsg {
    font-size: 0.75rem;
  }
  .form-text.validationInfo > span, .validationInfo.mktoErrorMsg > span {
    position: relative;
    top: -1px;
  }
  .form-text.validationInfo:before, .validationInfo.mktoErrorMsg:before {
    content: "\e903";
    color: var(--cds-support-info, #0043ce);
  }
  
  .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
  }
  .form-row > .col,
  .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
  }
  
  .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
  }
  
  .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
  }
  .form-check-input:disabled ~ .form-check-label {
    opacity: 0.5;
  }
  
  .form-check-label {
    margin-bottom: 0;
  }
  
  .form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
  }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
  }
  
  .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: var(--cds-support-success, #24a148);
  }
  
  .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--cds-support-success, #24a148);
    background-color: rgba(var(--cds-support-success, #24a148), 1);
    border-radius: 0;
  }
  
  .was-validated .form-control:valid, .was-validated .mktoInvalid:valid, .form-control.is-valid, .is-valid.mktoInvalid,
  .was-validated .custom-select:valid,
  .custom-select.is-valid {
    border-color: var(--cds-support-success, #24a148);
  }
  .was-validated .form-control:valid:focus, .was-validated .mktoInvalid:valid:focus, .form-control.is-valid:focus, .is-valid.mktoInvalid:focus,
  .was-validated .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    border-color: var(--cds-support-success, #24a148);
    box-shadow: 0 0 0 1px rgba(var(--cds-support-success, #24a148), 0.25);
  }
  .was-validated .form-control:valid ~ .valid-feedback, .was-validated .mktoInvalid:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip,
  .was-validated .mktoInvalid:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.mktoInvalid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip,
  .is-valid.mktoInvalid ~ .valid-tooltip,
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip,
  .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block;
  }
  
  .was-validated .form-control-file:valid ~ .valid-feedback,
  .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
  .form-control-file.is-valid ~ .valid-tooltip {
    display: block;
  }
  
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: var(--cds-support-success, #24a148);
  }
  .was-validated .form-check-input:valid ~ .valid-feedback,
  .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
  .form-check-input.is-valid ~ .valid-tooltip {
    display: block;
  }
  
  .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: var(--cds-support-success, #24a148);
  }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: var(--cds-support-success, #24a148);
  }
  .was-validated .custom-control-input:valid ~ .valid-feedback,
  .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
  .custom-control-input.is-valid ~ .valid-tooltip {
    display: block;
  }
  .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: var(--cds-support-success, #24a148);
  }
  .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px var(--cds-background, #f4f4f4), 0 0 0 1px rgba(var(--cds-support-success, #24a148), 0.25);
  }
  
  .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: var(--cds-support-success, #24a148);
  }
  .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
    border-color: inherit;
  }
  .was-validated .custom-file-input:valid ~ .valid-feedback,
  .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
  .custom-file-input.is-valid ~ .valid-tooltip {
    display: block;
  }
  .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 1px rgba(var(--cds-support-success, #24a148), 0.25);
  }
  
  .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: var(--cds-support-error, #da1e28);
  }
  
  .invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--cds-support-error, #da1e28);
    background-color: rgba(var(--cds-support-error, #da1e28), 1);
    border-radius: 0;
  }
  
  .was-validated .form-control:invalid, .was-validated .mktoInvalid:invalid, .form-control.is-invalid, .is-invalid.mktoInvalid,
  .was-validated .custom-select:invalid,
  .custom-select.is-invalid {
    border-color: var(--cds-support-error, #da1e28);
  }
  .was-validated .form-control:invalid:focus, .was-validated .mktoInvalid:invalid:focus, .form-control.is-invalid:focus, .is-invalid.mktoInvalid:focus,
  .was-validated .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    border-color: var(--cds-support-error, #da1e28);
    box-shadow: 0 0 0 1px rgba(var(--cds-support-error, #da1e28), 0.25);
  }
  .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .mktoInvalid:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip,
  .was-validated .mktoInvalid:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .is-invalid.mktoInvalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip,
  .is-invalid.mktoInvalid ~ .invalid-tooltip,
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip,
  .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  
  .was-validated .form-control-file:invalid ~ .invalid-feedback,
  .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
  .form-control-file.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: var(--cds-support-error, #da1e28);
  }
  .was-validated .form-check-input:invalid ~ .invalid-feedback,
  .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
  .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  
  .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: var(--cds-support-error, #da1e28);
  }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: var(--cds-support-error, #da1e28);
  }
  .was-validated .custom-control-input:invalid ~ .invalid-feedback,
  .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
  .custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: var(--cds-support-error, #da1e28);
  }
  .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px var(--cds-background, #f4f4f4), 0 0 0 1px rgba(var(--cds-support-error, #da1e28), 0.25);
  }
  
  .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: var(--cds-support-error, #da1e28);
  }
  .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
    border-color: inherit;
  }
  .was-validated .custom-file-input:invalid ~ .invalid-feedback,
  .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
  .custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
  }
  .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 1px rgba(var(--cds-support-error, #da1e28), 0.25);
  }
  
  .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .form-inline .form-check {
    width: 100%;
  }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0;
    }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0;
    }
    .form-inline .form-control, .form-inline .mktoInvalid {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
      display: inline-block;
    }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto;
    }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0;
    }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0;
    }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center;
    }
    .form-inline .custom-control-label {
      margin-bottom: 0;
    }
  }
  
  .form-group-sm label {
    font-size: 0.875rem;
  }
  .form-group-sm p {
    font-size: 0.875rem;
  }
  @supports (-moz-appearance: none) {
    .custom-select {
      padding-left: 0.3125rem !important;
    }
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .custom-select,
    .custom-select:focus {
      background-position-x: right -5.5rem !important;
      background-position-y: top 0.35rem !important;
      background-size: 13rem !important;
    }
    .col-md-6 .custom-select,
    .col-md-6 .custom-select:focus {
      background-position-x: right -2.25rem !important;
      background-position-y: top 0.35rem !important;
      background-size: 6.5rem !important;
      padding-right: 0.25rem;
    }
  }
  .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
  }
  
  .custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
  }
  
  .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: var(--cds-text-primary, #161616);
    background-color: #c6c6c6;
    box-shadow: none;
  }
  .custom-control-input:focus ~ .custom-control-label::before {
    border-color: dlt-color-global-primary-default !important;
    outline: 0;
    box-shadow: inset 0 0 0 1px dlt-color-global-primary-default;
  }
  .custom-control-input:active ~ .custom-control-label::before {
    border-color: dlt-color-global-primary-default;
    outline: 0;
    box-shadow: inset 0 0 0 1px dlt-color-global-primary-default;
  }
  .custom-control-input:disabled ~ .custom-control-label {
    opacity: 0.5;
  }
  .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: transparent;
  }
  
  .custom-control-label {
    position: relative;
    margin-bottom: 0;
    font-size: 0.875rem;
    padding-top: 0.25rem;
    font-weight: normal;
    vertical-align: text-bottom;
  }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
            user-select: none;
    background-color: var(--cds-field-02, #f4f4f4);
    border: 1px solid var(--cds-border-strong-01, #8d8d8d);
    transition: all 0.25s ease-in;
    outline: 1px solid transparent;
    outline-offset: -2px;
  }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
  }
  
  .custom-checkbox .custom-control-label::before {
    border-radius: 0;
  }
  .custom-checkbox .custom-control-label {
    cursor: pointer;
  }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--cds-border-strong-01, #8d8d8d);
  }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='var(--cds-text-primary, %23161616)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-size: 60%;
  }
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #c6c6c6;
    border-color: #c6c6c6;
  }
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='var(--cds-text-primary, %23161616)' d='M0 2h4'/%3E%3C/svg%3E");
  }
  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(var(--cds-text-primary, #161616), 0.5);
  }
  .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(var(--cds-text-primary, #161616), 0.5);
  }
  .custom-checkbox .custom-control-input.ng-invalid.ng-touched ~ .custom-control-label::before {
    border-color: var(--cds-border-strong-01, #8d8d8d);
  }
  .custom-checkbox .custom-control-input:focus:enabled + .custom-control-label::before {
    border: 1px solid #058192;
    outline: 2px solid #058192;
    outline-offset: -2px;
  }
  
  .custom-radio .custom-control-label::before {
    border-radius: 50%;
  }
  .custom-radio .custom-control-label {
    cursor: pointer;
  }
  .custom-radio .custom-control-label:hover:before {
    border-color: dlt-color-global-primary-default !important;
    outline: 0;
    box-shadow: inset 0 0 0 1px dlt-color-global-primary-default;
  }
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c6c6c6;
  }
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='var(--cds-text-primary, %23161616)'/%3E%3C/svg%3E");
  }
  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(var(--cds-text-primary, #161616), 0.5);
  }
  
  .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.6rem + 2px);
    padding: 0.25rem 1.5rem 0.25rem 0.5rem;
    line-height: 1.6;
    color: var(--cds-text-primary, #161616);
    vertical-align: middle;
    background: var(--cds-field-02, #f4f4f4) url("../images/chevron-down.svg") no-repeat right 0.5rem center;
    background-size: 14px;
    border: none;
    border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .custom-select:focus {
    border-color: var(--cds-border-interactive, #0f62fe);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe);
  }
  .custom-select:focus::-ms-value {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
  }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.5rem;
    background-image: none;
  }
  .custom-select:disabled {
    opacity: 0.5;
    background-color: transparent;
  }
  .custom-select::-ms-expand {
    opacity: 0;
  }
  .custom-select.form-control-error, .custom-select.mktoInvalid {
    border-bottom-color: var(--cds-support-error, #da1e28);
    box-shadow: inset 0 -3px 0 var(--cds-support-error, #da1e28);
  }
  .custom-select.form-control-error:focus, .custom-select.form-control-error:hover, .custom-select.mktoInvalid:focus, .custom-select.mktoInvalid:hover {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
    border-color: var(--cds-border-interactive, #0f62fe);
    border-bottom-color: var(--cds-support-error, #da1e28);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe), 0 3px 0 var(--cds-support-error, #da1e28);
  }
  
  .custom-select-sm, .form-group-sm .custom-select {
    height: calc(1.9125rem + 2px + 1px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .custom-select-sm:hover, .form-group-sm .custom-select:hover {
    cursor: pointer;
  }
  
  .custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 125%;
  }
  
  .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.6rem + 2px);
    margin-bottom: 0;
  }
  
  .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.6rem + 2px);
    margin: 0;
    opacity: 0;
  }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: var(--cds-border-interactive, #0f62fe);
    box-shadow: 0 0 0 1px white, 0 0 0 2px #c6c6c6;
  }
  .custom-file-input:focus ~ .custom-file-label::after {
    border-color: var(--cds-border-interactive, #0f62fe);
  }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #d2d9e0;
  }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
  }
  
  .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.6rem + 2px);
    padding: 0.5rem 1rem;
    line-height: 1.6;
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-field-02, #f4f4f4);
    border: 1px solid var(--cds-border-strong-01, #8d8d8d);
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.6rem;
    padding: 0.5rem 1rem;
    line-height: 1.6;
    color: var(--cds-text-primary, #161616);
    content: "Browse";
    background-color: var(--cds-layer-accent-01, #e0e0e0);
    border-left: 1px solid var(--cds-border-strong-01, #8d8d8d);
    border-radius: 0 0 0 0;
  }
  
  .custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    appearance: none;
  }
  .custom-range:focus {
    outline: none;
  }
  .custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px var(--cds-background, #f4f4f4), 0 0 0 1px white, 0 0 0 2px #c6c6c6;
  }
  .custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px var(--cds-background, #f4f4f4), 0 0 0 1px white, 0 0 0 2px #c6c6c6;
  }
  .custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px var(--cds-background, #f4f4f4), 0 0 0 1px white, 0 0 0 2px #c6c6c6;
  }
  .custom-range::-moz-focus-outer {
    border: 0;
  }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #c6c6c6;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
    }
  }
  .custom-range::-webkit-slider-thumb:active {
    background-color: white;
  }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #537393;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #c6c6c6;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
    }
  }
  .custom-range::-moz-range-thumb:active {
    background-color: white;
  }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #537393;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 1px;
    margin-left: 1px;
    background-color: #c6c6c6;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
      -ms-transition: none;
      transition: none;
    }
  }
  .custom-range::-ms-thumb:active {
    background-color: white;
  }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  }
  .custom-range::-ms-fill-lower {
    background-color: #537393;
    border-radius: 1rem;
  }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #537393;
    border-radius: 1rem;
  }
  
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none;
    }
  }
  
  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }
  .input-group > .form-control, .input-group > .mktoInvalid,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
  }
  .input-group > .form-control + .form-control, .input-group > .mktoInvalid + .form-control, .input-group > .form-control + .mktoInvalid, .input-group > .mktoInvalid + .mktoInvalid,
  .input-group > .form-control + .custom-select,
  .input-group > .mktoInvalid + .custom-select,
  .input-group > .form-control + .custom-file,
  .input-group > .mktoInvalid + .custom-file,
  .input-group > .custom-select + .form-control,
  .input-group > .custom-select + .mktoInvalid,
  .input-group > .custom-select + .custom-select,
  .input-group > .custom-select + .custom-file,
  .input-group > .custom-file + .form-control,
  .input-group > .custom-file + .mktoInvalid,
  .input-group > .custom-file + .custom-select,
  .input-group > .custom-file + .custom-file {
    margin-left: -1px;
  }
  .input-group > .form-control:focus, .input-group > .mktoInvalid:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
  }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
  }
  .input-group > .form-control:not(:last-child), .input-group > .mktoInvalid:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group > .form-control:not(:first-child), .input-group > .mktoInvalid:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group > .custom-file {
    display: flex;
    align-items: center;
  }
  .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .input-group-prepend,
  .input-group-append {
    display: flex;
  }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2;
  }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px;
  }
  
  .input-group-prepend {
    margin-right: -1px;
  }
  
  .input-group-append {
    margin-left: -1px;
  }
  
  .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--cds-text-primary, #161616);
    text-align: center;
    white-space: nowrap;
    background-color: var(--cds-layer-accent-01, #e0e0e0);
    border: 1px solid var(--cds-border-strong-01, #8d8d8d);
    border-radius: 0;
  }
  .input-group-text input[type=radio],
  .input-group-text input[type=checkbox] {
    margin-top: 0;
  }
  
  .input-group-lg > .form-control, .input-group-lg > .mktoInvalid,
  .input-group-lg > .input-group-prepend > .input-group-text,
  .input-group-lg > .input-group-append > .input-group-text,
  .input-group-lg > .input-group-prepend > .btn,
  .input-group-lg > .input-group-append > .btn {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0;
  }
  
  .input-group-sm > .form-control, .input-group-sm > .mktoInvalid,
  .input-group-sm > .input-group-prepend > .input-group-text,
  .input-group-sm > .input-group-append > .input-group-text,
  .input-group-sm > .input-group-prepend > .btn,
  .input-group-sm > .input-group-append > .btn {
    height: calc(1.9125rem + 2px + 1px);
    padding: 0.3rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
  }
  
  .input-group > .input-group-prepend > .btn,
  .input-group > .input-group-prepend > .input-group-text,
  .input-group > .input-group-append:not(:last-child) > .btn,
  .input-group > .input-group-append:not(:last-child) > .input-group-text,
  .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .input-group > .input-group-append > .btn,
  .input-group > .input-group-append > .input-group-text,
  .input-group > .input-group-prepend:not(:first-child) > .btn,
  .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
  .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
  .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    border: 1px solid transparent;
    box-shadow: none;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.6;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .btn {
      transition: none;
    }
  }
  .btn:hover, .btn:focus {
    text-decoration: none;
  }
  .btn.disabled, .btn:disabled {
    opacity: 0.65;
    box-shadow: none;
  }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    box-shadow: none;
  }
  .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px white, 0 0 0 2px #c6c6c6, none;
  }
  
  a.btn.disabled,
  fieldset:disabled a.btn {
    pointer-events: none;
  }
  
  .btn-link {
    font-weight: 400;
    color: var(--cds-icon-primary, #161616);
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
  }
  .btn-link:hover {
    color: var(--cds-text-primary, #161616);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
  }
  .btn-link:focus, .btn-link.focus {
    text-decoration: none;
    border-color: rgba(var(--cds-link-primary, #0f62fe), 0.2);
    box-shadow: none;
    outline: none;
  }
  .btn-link:active {
    box-shadow: none;
  }
  .btn-link:disabled, .btn-link.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  
  .btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0;
  }
  
  .btn-sm, .btn-group-sm > .btn {
    padding: 0.3rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
  }
  
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 0.5rem;
  }
  
  input[type=submit].btn-block,
  input[type=reset].btn-block,
  input[type=button].btn-block {
    width: 100%;
  }
  
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 0 1 auto;
  }
  .btn-group > .btn:hover,
  .btn-group-vertical > .btn:hover {
    z-index: 1;
  }
  .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn.active {
    z-index: 1;
  }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group,
  .btn-group-vertical .btn + .btn,
  .btn-group-vertical .btn + .btn-group,
  .btn-group-vertical .btn-group + .btn,
  .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px;
  }
  
  .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .btn-toolbar .input-group {
    width: auto;
  }
  
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn:not(:first-child),
  .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
    margin-left: 0;
  }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0;
  }
  
  .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }
  
  .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  
  .btn-group.show .dropdown-toggle {
    box-shadow: none;
  }
  .btn-group.show .dropdown-toggle.btn-link {
    box-shadow: none;
  }
  
  .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .btn-group-vertical .btn,
  .btn-group-vertical .btn-group {
    width: 100%;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
  .btn-group-toggle > .btn,
  .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
  }
  .btn-group-toggle > .btn input[type=radio],
  .btn-group-toggle > .btn input[type=checkbox],
  .btn-group-toggle > .btn-group > .btn input[type=radio],
  .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  
  .browse-btn {
    margin-top: 6px !important;
  }
  
  .modal-open {
    overflow: hidden;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
  }
  
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0;
    pointer-events: none;
  }
  .modal.fade .modal-dialog {
    transition: top 0.3s ease-out, transform 0.3s ease-out;
    transform: translate(0, -100%);
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  .modal.show .modal-dialog {
    top: 50%;
    transform: translate(0, -50%);
  }
  .modal-dialog .close {
    text-decoration: none;
    color: #011f3d;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
  }
  
  .modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 0);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 0);
    overflow: hidden;
  }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
  }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }
  
  .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 0);
  }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 0);
    content: "";
  }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }
  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }
  
  .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: white;
    background-clip: padding-box;
    border: 0 solid rgba(1, 31, 61, 0.32);
    border-radius: 0;
    box-shadow: 0px 8px 24px 8px rgba(1, 31, 61, 0.24);
    outline: 0;
  }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040 !important;
    width: 100vw;
    height: 100vh;
    background-color: rgba(1, 31, 61, 0.32);
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop.show {
    opacity: 1;
  }
  
  .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
  }
  
  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }
  
  .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
  }
  
  .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 0 solid transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
  }
  .modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
  }
  
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  
  @media (min-width: 576px) {
    .modal-dialog {
      max-width: 500px;
      margin: 0 auto;
    }
    .modal-dialog-scrollable {
      max-height: calc(100% - 0);
    }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 0);
    }
    .modal-dialog-centered {
      min-height: calc(100% - 0);
    }
    .modal-dialog-centered::before {
      height: calc(100vh - 0);
    }
    .modal-content {
      box-shadow: 0px 8px 24px 8px rgba(1, 31, 61, 0.24);
    }
    .modal-sm {
      max-width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
      max-width: 800px;
    }
  }
  @media (min-width: 1200px) {
    .modal-xl {
      max-width: 1140px;
    }
  }
  /* .bs-datepicker */
  .bs-datepicker {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    background: #fff;
    box-shadow: 0 0 10px 0 #aaa;
    position: relative;
    z-index: 1;
    /* button */
    /* .bs-datepicker-head */
    /* .bs-datepicker-body */
    /* .current-timedate */
    /* .bs-datepicker-multiple */
    /* .bs-datepicker-btns */
    /*.bs-datepicker-custom-range */
    /* .bs-datepicker-predefined-btns */
    /* .bs-datepicker-buttons */
  }
  
  .bs-datepicker:after {
    clear: both;
    content: "";
    display: block;
  }
  
  .bs-datepicker bs-day-picker {
    float: left;
  }
  
  .bs-datepicker button:hover,
  .bs-datepicker button:focus,
  .bs-datepicker button:active,
  .bs-datepicker input:hover,
  .bs-datepicker input:focus,
  .bs-datepicker input:active,
  .bs-datepicker-btns button:hover,
  .bs-datepicker-btns button:focus,
  .bs-datepicker-btns button:active,
  .bs-datepicker-predefined-btns button:active,
  .bs-datepicker-predefined-btns button:focus {
    outline: none;
  }
  
  .bs-datepicker-head {
    min-width: 270px;
    height: 50px;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    text-align: justify;
    /* .bs-datepicker-head button */
  }
  
  .bs-datepicker-head:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  
  .bs-datepicker-head button {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: transparent;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: 0.3s;
  }
  
  .bs-datepicker-head button[disabled],
  .bs-datepicker-head button[disabled]:hover,
  .bs-datepicker-head button[disabled]:active {
    background: rgba(221, 221, 221, 0.3);
    color: #f5f5f5;
    cursor: not-allowed;
  }
  
  .bs-datepicker-head button.next,
  .bs-datepicker-head button.previous {
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }
  
  .bs-datepicker-head button.next span,
  .bs-datepicker-head button.previous span {
    font-size: 28px;
    line-height: 1;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50%;
  }
  
  .bs-datepicker-head button.current {
    border-radius: 15px;
    max-width: 155px;
    padding: 0 13px;
  }
  
  .bs-datepicker-head button:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  .bs-datepicker-head button:active {
    background-color: rgba(0, 0, 0, 0.2);
  }
  
  .bs-datepicker-body {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    min-height: 232px;
    min-width: 278px;
    border: 1px solid #e9edf0;
    /* .bs-datepicker-body table */
  }
  
  .bs-datepicker-body .days.weeks {
    position: relative;
    z-index: 1;
  }
  
  .bs-datepicker-body table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    /* .bs-datepicker-body table.days */
    /* .bs-datepicker-body table.weeks */
  }
  
  .bs-datepicker-body table th {
    font-size: 13px;
    color: #9aaec1;
    font-weight: 400;
    text-align: center;
  }
  
  .bs-datepicker-body table td {
    color: #54708b;
    text-align: center;
    position: relative;
    padding: 0;
  }
  
  .bs-datepicker-body table td span {
    display: block;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 50%;
    position: relative;
    /*z-index: 1;*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  
  .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
    cursor: pointer;
  }
  
  .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
  .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
    background-color: #e9edf0;
    transition: 0s;
  }
  
  .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
  .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
    background-color: #e9edf0;
    transition: 0s;
    cursor: pointer;
  }
  
  .bs-datepicker-body table td span.disabled,
  .bs-datepicker-body table td.disabled span {
    color: #9aaec1;
  }
  
  .bs-datepicker-body table td span.selected,
  .bs-datepicker-body table td.selected span {
    color: #fff;
  }
  
  .bs-datepicker-body table td span.is-other-month,
  .bs-datepicker-body table td.is-other-month span {
    color: rgba(0, 0, 0, 0.25);
  }
  
  .bs-datepicker-body table td.active {
    position: relative;
  }
  
  .bs-datepicker-body table td.active.select-start:before {
    left: 35%;
  }
  
  .bs-datepicker-body table td.active.select-end:before {
    left: -85%;
  }
  
  .bs-datepicker-body table td span.active.select-start:after,
  .bs-datepicker-body table td span.active.select-end:after,
  .bs-datepicker-body table td.active.select-start span:after,
  .bs-datepicker-body table td.active.select-end span:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    top: 0;
    border-radius: 50%;
  }
  
  .bs-datepicker-body table td:before,
  .bs-datepicker-body table td span:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 6px;
    bottom: 6px;
    left: -2px;
    right: -2px;
    box-sizing: content-box;
    background: transparent;
  }
  
  .bs-datepicker-body table td.active.select-start + td.active:before {
    left: -20%;
  }
  
  .bs-datepicker-body table td:last-child.active:before {
    border-radius: 0 3px 3px 0;
    width: 125%;
    left: -25%;
  }
  
  .bs-datepicker-body table td span[class*=select-],
  .bs-datepicker-body table td[class*=select-] span {
    border-radius: 50%;
    color: #fff;
  }
  
  .bs-datepicker-body table.days td.active:not(.select-start):before,
  .bs-datepicker-body table.days td.in-range:not(.select-start):before,
  .bs-datepicker-body table.days span.active:not(.select-start):before,
  .bs-datepicker-body table.days span.in-range:not(.select-start):before {
    background: #e9edf0;
  }
  
  .bs-datepicker-body table.days span {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  
  .bs-datepicker-body table.days span.select-start {
    z-index: 2;
  }
  
  .bs-datepicker-body table.days span.is-highlighted.in-range:before,
  .bs-datepicker-body table.days span.in-range.select-end:before {
    background: none;
    right: 0;
    left: 0;
  }
  
  .bs-datepicker-body table.days td.select-start + td.select-end:before,
  .bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
  .bs-datepicker-body table.days td.active + td.is-highlighted:before,
  .bs-datepicker-body table.days td.active + td.select-end:before,
  .bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
  .bs-datepicker-body table.days td.in-range + td.select-end:before {
    background: #e9edf0;
    width: 100%;
  }
  
  .bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
    border-radius: 3px 0 0 3px;
    left: 0;
    width: 100%;
  }
  
  .bs-datepicker-body table:not(.weeks) tr td:first-child:before {
    border-radius: 3px 0 0 3px;
  }
  
  .bs-datepicker-body table.years td span {
    width: 46px;
    height: 46px;
    line-height: 45px;
    margin: 0 auto;
  }
  
  .bs-datepicker-body table.years tr:not(:last-child) td span {
    margin-bottom: 8px;
  }
  
  .bs-datepicker-body table.months td {
    height: 52px;
  }
  
  .bs-datepicker-body table.months td span {
    padding: 6px;
    border-radius: 15px;
  }
  
  .bs-datepicker .current-timedate {
    color: #54708b;
    font-size: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  
  .bs-datepicker .current-timedate span:not(:empty):before {
    content: "";
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-bottom;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
  }
  
  .bs-datepicker-multiple {
    border-radius: 4px 0 0 4px;
  }
  
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-left: 10px;
  }
  
  .bs-datepicker-multiple .bs-datepicker {
    box-shadow: none;
    position: relative;
  }
  
  .bs-datepicker-multiple .bs-datepicker:not(:last-child) {
    padding-right: 10px;
  }
  
  .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
    content: "";
    display: block;
    width: 14px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
    position: absolute;
    top: 25px;
    left: -8px;
  }
  
  .bs-datepicker-multiple .bs-datepicker .left {
    float: left;
  }
  
  .bs-datepicker-multiple .bs-datepicker .right {
    float: right;
  }
  
  .bs-datepicker-container {
    padding: 15px;
  }
  
  .bs-datepicker .bs-media-container {
    display: flex;
  }
  
  @media (max-width: 768px) {
    .bs-datepicker .bs-media-container {
      flex-direction: column;
    }
  }
  .bs-datepicker-custom-range {
    padding: 15px;
    background: #eee;
  }
  
  .bs-datepicker-predefined-btns button {
    width: 100%;
    display: block;
    height: 30px;
    background-color: #9aaec1;
    border-radius: 4px;
    color: #fff;
    border: 0;
    margin-bottom: 10px;
    padding: 0 18px;
    text-align: left;
    transition: 0.3s;
  }
  
  .bs-datepicker-predefined-btns button:hover {
    background-color: #54708b;
  }
  
  .bs-datepicker-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #e9edf0;
  }
  
  .bs-datepicker-buttons .btn-default {
    margin-left: 10px;
  }
  
  /* .bs-timepicker */
  .bs-timepicker-container {
    padding: 10px 0;
  }
  
  .bs-timepicker-label {
    color: #54708b;
    margin-bottom: 10px;
  }
  
  .bs-timepicker-controls {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
  }
  
  .bs-timepicker-controls button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0;
    background-color: #e9edf0;
    color: #54708b;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 0;
    padding: 0;
    transition: 0.3s;
  }
  
  .bs-timepicker-controls button:hover {
    background-color: #d5dadd;
  }
  
  .bs-timepicker-controls input {
    width: 35px;
    height: 25px;
    border-radius: 13px;
    text-align: center;
    border: 1px solid #e9edf0;
  }
  
  .bs-timepicker .switch-time-format {
    text-transform: uppercase;
    min-width: 54px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    background: #fff;
    color: #54708b;
    font-size: 13px;
  }
  
  .bs-timepicker .switch-time-format img {
    vertical-align: initial;
    margin-left: 4px;
  }
  
  bs-datepicker-container,
  bs-daterangepicker-container {
    z-index: 1080;
  }
  
  /* screen size < 1024px */
  @media (max-width: 768px) {
    .bs-datepicker-multiple {
      display: flex;
    }
    .bs-datepicker-multiple + .bs-datepicker-multiple {
      margin-top: 10px;
      margin-left: 0;
    }
  }
  /* theming */
  .theme-default .bs-datepicker-head {
    background-color: #777;
  }
  
  .theme-default .bs-datepicker-predefined-btns button.selected {
    background-color: #777;
  }
  
  .theme-default .bs-datepicker-body table td span.selected,
  .theme-default .bs-datepicker-body table td.selected span,
  .theme-default .bs-datepicker-body table td span[class*=select-]:after,
  .theme-default .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #777;
  }
  
  .theme-default .bs-datepicker-body table td.week span {
    color: #777;
  }
  
  .theme-default .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #777;
    color: #fff;
    opacity: 0.5;
    transition: 0s;
  }
  
  .theme-green .bs-datepicker-head {
    background-color: #058192;
  }
  
  .theme-green .bs-datepicker-predefined-btns button.selected {
    background-color: #058192;
  }
  
  .theme-green .bs-datepicker-body table td span.selected,
  .theme-green .bs-datepicker-body table td.selected span,
  .theme-green .bs-datepicker-body table td span[class*=select-]:after,
  .theme-green .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #058192;
  }
  
  .theme-green .bs-datepicker-body table td.week span {
    color: #058192;
  }
  
  .theme-green .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #058192;
    color: #fff;
    opacity: 0.5;
    transition: 0s;
  }
  
  .theme-blue .bs-datepicker-head {
    background-color: #5bc0de;
  }
  
  .theme-blue .bs-datepicker-predefined-btns button.selected {
    background-color: #5bc0de;
  }
  
  .theme-blue .bs-datepicker-body table td span.selected,
  .theme-blue .bs-datepicker-body table td.selected span,
  .theme-blue .bs-datepicker-body table td span[class*=select-]:after,
  .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #5bc0de;
  }
  
  .theme-blue .bs-datepicker-body table td.week span {
    color: #5bc0de;
  }
  
  .theme-blue .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #5bc0de;
    color: #fff;
    opacity: 0.5;
    transition: 0s;
  }
  
  .theme-dark-blue .bs-datepicker-head {
    background-color: #337ab7;
  }
  
  .theme-dark-blue .bs-datepicker-predefined-btns button.selected {
    background-color: #337ab7;
  }
  
  .theme-dark-blue .bs-datepicker-body table td span.selected,
  .theme-dark-blue .bs-datepicker-body table td.selected span,
  .theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after,
  .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #337ab7;
  }
  
  .theme-dark-blue .bs-datepicker-body table td.week span {
    color: #337ab7;
  }
  
  .theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #337ab7;
    color: #fff;
    opacity: 0.5;
    transition: 0s;
  }
  
  .theme-red .bs-datepicker-head {
    background-color: #d9534f;
  }
  
  .theme-red .bs-datepicker-predefined-btns button.selected {
    background-color: #d9534f;
  }
  
  .theme-red .bs-datepicker-body table td span.selected,
  .theme-red .bs-datepicker-body table td.selected span,
  .theme-red .bs-datepicker-body table td span[class*=select-]:after,
  .theme-red .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #d9534f;
  }
  
  .theme-red .bs-datepicker-body table td.week span {
    color: #d9534f;
  }
  
  .theme-red .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #d9534f;
    color: #fff;
    opacity: 0.5;
    transition: 0s;
  }
  
  .theme-orange .bs-datepicker-head {
    background-color: #f0ad4e;
  }
  
  .theme-orange .bs-datepicker-predefined-btns button.selected {
    background-color: #f0ad4e;
  }
  
  .theme-orange .bs-datepicker-body table td span.selected,
  .theme-orange .bs-datepicker-body table td.selected span,
  .theme-orange .bs-datepicker-body table td span[class*=select-]:after,
  .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
    background-color: #f0ad4e;
  }
  
  .theme-orange .bs-datepicker-body table td.week span {
    color: #f0ad4e;
  }
  
  .theme-orange .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #f0ad4e;
    color: #fff;
    opacity: 0.5;
    transition: 0s;
  }
  
  
  /*!
   * Containers
   */
  .text-muted {
    opacity: 0.5;
  }
  
  /*!
   * Buttons
   */
  .btn {
    text-decoration: none;
  }
  .btn.btn-primary {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-primary, #0f62fe);
    border-color: transparent;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-primary:hover:not(:disabled):not(.disabled) {
    color: var(--cds-text-on-color, #ffffff);
    background: var(--cds-button-primary-hover, #0050e6);
    border-color: transparent;
    outline: 1px solid transparent;
  }
  .btn.btn-primary:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-primary.disabled, .btn.btn-primary:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-primary.dropdown-toggle {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-primary-active, #002d9c);
    background-image: none;
    border-color: transparent;
  }
  .btn.btn-primary:not(:disabled):not(.disabled):active:hover, .btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:hover, .btn.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-primary.dropdown-toggle:hover, .show > .btn.btn-primary.dropdown-toggle:focus {
    outline: 1px solid transparent;
  }
  .btn.btn-blue-primary {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-primary, #0f62fe);
    border-color: transparent;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-blue-primary:hover:not(:disabled):not(.disabled) {
    color: var(--cds-text-on-color, #ffffff);
    background: var(--cds-button-primary-hover, #0050e6);
    border-color: transparent;
    outline: 1px solid transparent;
  }
  .btn.btn-blue-primary:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-blue-primary.disabled, .btn.btn-blue-primary:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-blue-primary:not(:disabled):not(.disabled):active, .btn.btn-blue-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-blue-primary.dropdown-toggle {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-primary-active, #002d9c);
    background-image: none;
    border-color: transparent;
  }
  .btn.btn-blue-primary:not(:disabled):not(.disabled):active:hover, .btn.btn-blue-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-blue-primary:not(:disabled):not(.disabled).active:hover, .btn.btn-blue-primary:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-blue-primary.dropdown-toggle:hover, .show > .btn.btn-blue-primary.dropdown-toggle:focus {
    outline: 1px solid transparent;
  }
  .btn.btn-secondary {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-secondary, #393939);
    border-color: transparent;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-secondary:hover:not(:disabled):not(.disabled) {
    color: var(--cds-text-on-color, #ffffff);
    background: var(--cds-button-secondary-hover, #474747);
    border-color: transparent;
    outline: 1px solid transparent;
  }
  .btn.btn-secondary:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-secondary.disabled, .btn.btn-secondary:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-secondary.dropdown-toggle {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-secondary-active, #6f6f6f);
    background-image: none;
    border-color: transparent;
  }
  .btn.btn-secondary:not(:disabled):not(.disabled):active:hover, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn.btn-secondary:not(:disabled):not(.disabled).active:hover, .btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-secondary.dropdown-toggle:hover, .show > .btn.btn-secondary.dropdown-toggle:focus {
    outline: 1px solid transparent;
  }
  .btn.btn-ghost-primary {
    color: var(--cds-button-tertiary, #0f62fe);
    background-color: transparent;
    border-color: var(--cds-button-tertiary, #0f62fe);
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-ghost-primary:hover:not(:disabled):not(.disabled) {
    color: var(--cds-text-inverse, #ffffff);
    background: var(--cds-button-tertiary-hover, #0050e6);
    border-color: var(--cds-button-tertiary, #0f62fe);
    outline: 1px solid var(--cds-button-tertiary, #0f62fe);
  }
  .btn.btn-ghost-primary:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-ghost-primary.disabled, .btn.btn-ghost-primary:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-ghost-primary:not(:disabled):not(.disabled):active, .btn.btn-ghost-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-ghost-primary.dropdown-toggle {
    color: var(--cds-button-tertiary, #0f62fe);
    background-color: var(--cds-button-tertiary-active, #002d9c);
    background-image: none;
    border-color: var(--cds-button-tertiary, #0f62fe);
  }
  .btn.btn-ghost-primary:not(:disabled):not(.disabled):active:hover, .btn.btn-ghost-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-ghost-primary:not(:disabled):not(.disabled).active:hover, .btn.btn-ghost-primary:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-ghost-primary.dropdown-toggle:hover, .show > .btn.btn-ghost-primary.dropdown-toggle:focus {
    outline: 1px solid var(--cds-button-tertiary, #0f62fe);
  }
  .btn.btn-ghost-default {
    color: var(--cds-link-primary, #0f62fe);
    background-color: transparent;
    border-color: transparent;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-ghost-default:hover:not(:disabled):not(.disabled) {
    color: var(--cds-link-primary-hover, #0043ce);
    background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    border-color: transparent;
    outline: 1px solid transparent;
  }
  .btn.btn-ghost-default:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-ghost-default.disabled, .btn.btn-ghost-default:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-ghost-default:not(:disabled):not(.disabled):active, .btn.btn-ghost-default:not(:disabled):not(.disabled).active, .show > .btn.btn-ghost-default.dropdown-toggle {
    color: var(--cds-link-primary, #0f62fe);
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
    background-image: none;
    border-color: transparent;
  }
  .btn.btn-ghost-default:not(:disabled):not(.disabled):active:hover, .btn.btn-ghost-default:not(:disabled):not(.disabled):active:focus, .btn.btn-ghost-default:not(:disabled):not(.disabled).active:hover, .btn.btn-ghost-default:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-ghost-default.dropdown-toggle:hover, .show > .btn.btn-ghost-default.dropdown-toggle:focus {
    outline: 1px solid transparent;
  }
  .btn.btn-default {
    color: var(--cds-button-tertiary, #0f62fe);
    background-color: transparent;
    border-color: var(--cds-button-tertiary, #0f62fe);
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-default:hover:not(:disabled):not(.disabled) {
    color: var(--cds-text-inverse, #ffffff);
    background: var(--cds-button-tertiary-hover, #0050e6);
    border-color: var(--cds-button-tertiary, #0f62fe);
    outline: 1px solid var(--cds-button-tertiary, #0f62fe);
  }
  .btn.btn-default:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-default.disabled, .btn.btn-default:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-default:not(:disabled):not(.disabled):active, .btn.btn-default:not(:disabled):not(.disabled).active, .show > .btn.btn-default.dropdown-toggle {
    color: var(--cds-button-tertiary, #0f62fe);
    background-color: var(--cds-button-tertiary-active, #002d9c);
    background-image: none;
    border-color: var(--cds-button-tertiary, #0f62fe);
  }
  .btn.btn-default:not(:disabled):not(.disabled):active:hover, .btn.btn-default:not(:disabled):not(.disabled):active:focus, .btn.btn-default:not(:disabled):not(.disabled).active:hover, .btn.btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-default.dropdown-toggle:hover, .show > .btn.btn-default.dropdown-toggle:focus {
    outline: 1px solid var(--cds-button-tertiary, #0f62fe);
  }
  .btn.btn-danger {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-danger-primary, #da1e28);
    border-color: transparent;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-danger:hover:not(:disabled):not(.disabled) {
    color: var(--cds-text-on-color, #ffffff);
    background: var(--cds-button-danger-hover, #b81921);
    border-color: transparent;
    outline: 1px solid transparent;
  }
  .btn.btn-danger:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-danger.disabled, .btn.btn-danger:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-danger:not(:disabled):not(.disabled):active, .btn.btn-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-danger.dropdown-toggle {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-danger-active, #750e13);
    background-image: none;
    border-color: transparent;
  }
  .btn.btn-danger:not(:disabled):not(.disabled):active:hover, .btn.btn-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-danger:not(:disabled):not(.disabled).active:hover, .btn.btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-danger.dropdown-toggle:hover, .show > .btn.btn-danger.dropdown-toggle:focus {
    outline: 1px solid transparent;
  }
  .btn.btn-success {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-support-success, #24a148);
    border-color: transparent;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-success:hover:not(:disabled):not(.disabled) {
    color: var(--cds-support-success, #24a148);
    background: var(--cds-text-on-color, #ffffff);
    border-color: transparent;
    outline: 1px solid transparent;
  }
  .btn.btn-success:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-success.disabled, .btn.btn-success:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-success:not(:disabled):not(.disabled):active, .btn.btn-success:not(:disabled):not(.disabled).active, .show > .btn.btn-success.dropdown-toggle {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-support-success, #24a148);
    background-image: none;
    border-color: transparent;
  }
  .btn.btn-success:not(:disabled):not(.disabled):active:hover, .btn.btn-success:not(:disabled):not(.disabled):active:focus, .btn.btn-success:not(:disabled):not(.disabled).active:hover, .btn.btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-success.dropdown-toggle:hover, .show > .btn.btn-success.dropdown-toggle:focus {
    outline: 1px solid transparent;
  }
  .btn.btn-emphasis {
    color: var(--cds-text-on-color, #ffffff);
    background-color: #8e3cf7;
    border-color: #8e3cf7;
    outline: 1px solid transparent;
    outline-offset: -2px;
    transition: all 0.25s ease-in;
  }
  .btn.btn-emphasis:hover:not(:disabled):not(.disabled) {
    color: #8e3cf7;
    background: white;
    border-color: #8e3cf7;
    outline: 1px solid #8e3cf7;
  }
  .btn.btn-emphasis:focus:not(:disabled):not(.disabled) {
    border-color: var(--cds-focus, #0f62fe);
    outline: 1px solid var(--cds-focus-inset, #ffffff);
  }
  .btn.btn-emphasis.disabled, .btn.btn-emphasis:disabled {
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
    color: var(--cds-text-on-color-disabled, #8d8d8d);
  }
  .btn.btn-emphasis:not(:disabled):not(.disabled):active, .btn.btn-emphasis:not(:disabled):not(.disabled).active, .show > .btn.btn-emphasis.dropdown-toggle {
    color: white;
    background-color: #3b2c5e;
    background-image: none;
    border-color: #3b2c5e;
  }
  .btn.btn-emphasis:not(:disabled):not(.disabled):active:hover, .btn.btn-emphasis:not(:disabled):not(.disabled):active:focus, .btn.btn-emphasis:not(:disabled):not(.disabled).active:hover, .btn.btn-emphasis:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-emphasis.dropdown-toggle:hover, .show > .btn.btn-emphasis.dropdown-toggle:focus {
    outline: 1px solid #3b2c5e;
  }
  
  .btn-block {
    display: block;
    margin: 0 auto;
  }
  
  .btn-success {
    color: var(--cds-icon-on-color, #ffffff);
  }
  
  .btn.btn-link:hover {
    color: var(--cds-link-primary-hover, #0043ce);
  }
  
  .btn-link.spin-icon {
    pointer-events: none;
    color: var(--cds-link-primary, #0f62fe) !important;
  }
  .btn-link.spin-icon .icon {
    height: 31px;
  }
  
  .spin-animation, .btn-link.spin-icon .icon {
    animation: icon-spin 1.5s infinite linear;
  }
  
  .btn-emphasis {
    border-radius: 20px !important;
  }
  @keyframes icon-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }
  .to-the-top {
    position: fixed;
    right: 48px;
    bottom: 20px;
    z-index: 38;
    font-size: 2rem;
    display: block;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 1px solid var(--cds-button-disabled, #c6c6c6);
    border-radius: 50%;
    background-color: transparent;
    color: var(--cds-button-disabled, #c6c6c6);
    text-align: center;
    opacity: 0.5;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .to-the-top:hover, .to-the-top:focus {
    border-color: transparent;
    background-color: var(--cds-button-secondary, #393939);
    color: var(--cds-icon-on-color, #ffffff);
    opacity: 1;
    outline: none;
  }
  
  .dropup,
  .dropright,
  .dropdown,
  .dropleft {
    position: relative;
  }
  
  .dropdown-toggle {
    padding-right: 0 !important;
    position: relative;
    line-height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dropdown-toggle::after {
    display: inline-block;
    font-family: "dlt-icons";
    content: "\e963";
    font-size: 1.55em;
  }
  .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    max-width: 280px;
    min-width: 10rem;
    padding: 0.5rem 0 0.25rem;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: var(--cds-text-primary, #161616);
    text-align: left;
    list-style: none;
    background-color: var(--cds-background, #f4f4f4);
    background-clip: padding-box;
    border: 0 solid var(--cds-layer-01, #ffffff);
    border-radius: 0;
    box-shadow: 0px 2px 4px 1px rgba(1, 31, 61, 0.16);
  }
  .dropdown-menu.arrow-top:before {
    position: absolute;
    top: -6px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--cds-border-subtle-01, #e0e0e0);
    border-left: 7px solid transparent;
    content: "";
  }
  .dropdown-menu.arrow-top:after {
    position: absolute;
    top: -5px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--cds-background, #f4f4f4);
    border-left: 6px solid transparent;
    content: "";
    filter: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  .dropdown-menu.arrow-top.dropdown-menu-right:before {
    left: auto;
    right: 15px;
  }
  .dropdown-menu.arrow-top.dropdown-menu-right:after {
    left: auto;
    right: 16px;
  }
  
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  
  .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
  }
  .dropup .dropdown-toggle::after {
    display: inline-block;
    font-family: "dlt-icons";
    content: "\e963";
    font-size: 1.55em;
    transform: rotate(-180deg);
  }
  .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  
  .dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
  }
  .dropright .dropdown-toggle::after {
    display: inline-block;
    font-family: "dlt-icons";
    content: "\e963";
    font-size: 1.55em;
  }
  .dropright .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropright .dropdown-toggle::after {
    vertical-align: 0;
  }
  
  .dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
  }
  .dropleft .dropdown-toggle::after {
    display: inline-block;
    font-family: "dlt-icons";
    content: "\e963";
    font-size: 1.55em;
  }
  .dropleft .dropdown-toggle::after {
    display: none;
  }
  .dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
  }
  .dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
  }
  .dropleft .dropdown-toggle::before {
    vertical-align: 0;
  }
  
  .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto;
  }
  
  .dropdown-divider {
    margin: 0;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  
  .dropdown-item + hr {
    margin: 0 1rem !important;
    border-top: 1px dotted var(--cds-border-subtle-01, #e0e0e0);
    border-bottom: 0;
  }
  
  .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.375rem 1rem;
    clear: both;
    color: var(--cds-text-primary, #161616);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border-width: 1px 0 1px 0;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
  }
  .dropdown-item:hover {
    color: var(--cds-text-primary, #161616);
    text-decoration: none;
    box-shadow: none;
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
    border: none;
    outline: none;
  }
  .dropdown-item:focus {
    text-decoration: none;
    box-shadow: none;
    border: none;
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: -2px;
  }
  .dropdown-item.active, .dropdown-item:active {
    color: var(--cds-text-primary, #161616);
    text-decoration: none;
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
    border: none;
  }
  .dropdown-item.disabled, .dropdown-item:disabled {
    opacity: 0.5;
    background-color: transparent;
  }
  
  .dropdown-menu.show {
    display: block;
  }
  
  .dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    color: var(--cds-text-primary, #161616);
    white-space: nowrap;
  }
  
  .dropdown-item-text {
    display: block;
    padding: 0.375rem 1rem;
    color: var(--cds-text-primary, #161616);
  }
  
  .fade {
    transition: opacity 0.15s linear;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .fade {
      transition: none;
    }
  }
  .fade:not(.show) {
    opacity: 0;
  }
  
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none;
    }
  }
  
  .svg-wrap {
    position: relative;
    width: 100%;
  }
  .svg-wrap > svg {
    position: absolute;
    width: 100%;
    fill: white;
  }
  .svg-wrap.bottom {
    right: 0;
    bottom: 0;
    left: 0;
  }
  @media (min-width: 992px) {
    .svg-wrap.bottom {
      bottom: -1px;
    }
  }
  .svg-wrap.top {
    top: 0;
    right: 0;
    left: 0;
  }
  
  .alert {
    background-color: var(--cds-background-inverse, #393939);
    box-shadow: 0px 0px 1px 0px rgb(1, 31, 61), 0px 2px 12px 2px rgba(1, 31, 61, 0.12);
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0.75rem 2.5rem 0.75rem 3rem;
    position: relative;
    pointer-events: auto;
  }
  .alert:before {
    display: inline-block;
    font-family: "carbon_icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-right: 0.25rem;
    font-size: 1.5rem;
    position: absolute;
    left: 0.8rem;
    top: 0.8rem;
  }
  .alert .close {
    position: absolute;
    z-index: 10;
    right: 1rem;
    top: 0.9rem;
    text-decoration: none;
    color: var(--cds-icon-primary, #161616);
    background: none;
    border: 0;
    padding: 1px 2px;
    margin: 0;
    -webkit-appearance: none;
    font-size: 1rem;
    height: 1.25rem;
    line-height: 1.25rem;
  }
  .alert .close:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  .alert .close:focus {
    box-shadow: inset 0 0 0 2px var(--cds-border-interactive, #0f62fe);
    outline: none;
  }
  .alert .close:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  .alert.alert-error, .alert.alert-danger {
    background-color: var(--cds-notification-background-error, #fff1f1);
    border-left: 4px solid var(--cds-support-error, #da1e28);
  }
  .alert.alert-error:before, .alert.alert-danger:before {
    content: "\e901";
    color: var(--cds-support-error, #da1e28);
  }
  .alert.alert-success {
    border-left: 4px solid var(--cds-support-success, #24a148);
    background-color: var(--cds-notification-background-success, #defbe6);
  }
  .alert.alert-success:before {
    content: "\e97e";
    color: var(--cds-support-success, #24a148);
  }
  .alert.alert-info {
    border-left: 4px solid var(--cds-support-info, #0043ce);
    background-color: var(--cds-notification-background-info, #edf5ff);
  }
  .alert.alert-info:before {
    content: "\e903";
    color: var(--cds-support-info, #0043ce);
  }
  .alert.alert-warning-blk{
    padding-left: 1rem;
  }
  .alert.alert-warning, .alert.alert-warning-blk {
    border-left: 4px solid var(--cds-support-warning, #f1c21b);
    background-color: var(--cds-notification-background-warning, #fcf4d6);
  }
  .alert.alert-warning:before {
    content: "\e902";
    color: var(--cds-support-warning, #f1c21b);
  }
  .alert .alert-title {
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  
  .alerts {
    position: fixed;
    z-index: 9999;
    max-height: 100vh;
    overflow-y: auto;
    padding: 1.5rem;
    margin: 0 auto;
    width: 100%;
    left: 0;
    pointer-events: none;
  }
  .alerts .btn,
  .alerts .close {
    pointer-events: auto;
    cursor: pointer;
  }
  .alerts > .top {
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  .alerts > .right {
    align-items: flex-end;
  }
  .alerts > .right > .alert {
    min-width: 17.5rem;
    max-width: 35rem;
  }
  .alerts > .center {
    align-items: center;
  }
  .alerts > .center > .alert {
    min-width: 17.5rem;
    max-width: 35rem;
  }
  
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: var(--font-family-base, font-family("sans"));
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
  }
  .tooltip.show {
    opacity: 1;
  }
  .tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
  }
  .tooltip .tooltip-arrow::before, .tooltip .tooltip-arrow::after {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  
  .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
    padding: 0.4rem 0;
    margin-bottom: 0.25rem;
  }
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^=top] .tooltip-arrow {
    bottom: 0;
  }
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0.1rem;
    border-top-color: var(--cds-background-inverse, #393939);
    filter: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  
  .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
    padding: 0 0.4rem;
    margin-left: 0.25rem;
  }
  .bs-tooltip-right .tooltip-arrow, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
  }
  .bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before {
    right: 0px;
    border-width: 0.563rem 0.563rem 0.563rem 0;
    border-right-color: rgba(0, 0, 0, 0.1);
    top: -0.188rem;
  }
  .bs-tooltip-right .tooltip-arrow::after, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow::after {
    top: -0.288rem;
    right: -0.04rem;
    border-width: 0.563rem 0.563rem 0.563rem 0.1rem;
    border-right-color: #f4f4f4;
    filter: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  
  .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
    padding: 0.4rem 0;
    margin-top: 0.25rem;
  }
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow {
    top: -0.063rem;
  }
  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before {
    top: -0.188rem;
    border-width: 0 0.563rem 0.563rem 0.563rem;
    border-bottom-color: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  .bs-tooltip-bottom .tooltip-arrow::after, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::after {
    top: -0.063rem;
    border-width: 0.1rem 0.563rem 0.563rem 0.563rem;
    border-bottom-color: #f4f4f4;
    filter: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  
  .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
    padding: 0 0.4rem;
    margin-right: 0.25rem;
  }
  .bs-tooltip-left .tooltip-arrow, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
  }
  .bs-tooltip-left .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before {
    left: 0;
    border-width: 0.4rem 0.1rem 0.4rem 0.4rem;
    border-left-color: var(--cds-background-inverse, #393939);
    filter: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  
  .tooltip-inner {
    max-width: 30rem;
    padding: 0.25rem 0.5rem;
    color: var(--cds-text-inverse, #ffffff);
    text-align: left;
    line-height: 1.25rem;
    background-color: var(--cds-background-inverse, #393939);
    border-radius: 0;
    box-shadow: 0px 0px 1px 0px rgb(1, 31, 61), 0px 2px 12px 2px rgba(1, 31, 61, 0.12);
  }
  
  .pagination {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  .pagination .page-item {
    margin: 0 0.1rem;
  }
  .pagination .page-item:first-child, .pagination .page-item:last-child {
    display: none;
  }
  
  .page-link {
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    display: inline-block;
    padding: 0;
    line-height: 2;
    width: 34px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.25s ease;
    color: var(--cds-text-primary, #161616);
  }
  .page-link:hover {
    color: white;
    background-color: #d2d9e0;
    border-color: var(--cds-border-subtle-01, #e0e0e0);
  }
  .disabled .page-link {
    color: var(--cds-button-disabled, #c6c6c6);
    pointer-events: none;
  }
  .active .page-link {
    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
    color: white;
    border-color: var(--cds-border-subtle-01, #e0e0e0);
    pointer-events: none;
  }
  .page-link[aria-label=Previous], .page-link[aria-label=Next] {
    overflow: hidden;
  }
  .page-link[aria-label=Previous] span, .page-link[aria-label=Next] span {
    text-indent: -100px;
    display: inline-block;
    position: relative;
  }
  .page-link[aria-label=Previous] span:before, .page-link[aria-label=Next] span:before {
    content: "›";
    position: absolute;
    text-indent: 0;
    left: 0;
    margin-left: -4px;
    font-size: 1.7rem;
    bottom: 10px;
    line-height: 0.5;
  }
  .page-link[aria-label=Previous] span:before {
    content: "‹";
  }
  
  .sci-pagination .row {
    line-height: 2.75rem;
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    margin-left: 0px;
    margin-right: 0px;
  }
  .sci-pagination .itemsPerPage {
    text-align: center;
  }
  .sci-pagination .toNextPrevious {
    float: right;
  }
  .sci-pagination .pagination-select {
    width: 3.125rem;
    background-size: 0.75rem;
    border: 0px !important;
  }
  .sci-pagination .pagination-select:focus {
    border: 0px !important;
    box-shadow: none !important;
  }
  .sci-pagination .pagination-next {
    display: inline-block;
    margin-right: 0.313rem;
    margin-left: 0.313rem;
    border-radius: 50%;
    background-color: var(--cds-layer-accent-01, #e0e0e0);
    color: var(--cds-text-inverse, #ffffff);
    text-align: center;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: text-top;
    line-height: 0px;
    cursor: pointer;
  }
  .sci-pagination .pagination-next.icon-disabled {
    cursor: unset;
    opacity: 0.5;
  }
  .sci-pagination .pagination-icon-right {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  .sci-pagination .pagination-icon-left {
    font-size: 0.875rem;
    line-height: 1.188rem;
  }
  
  .card {
    background: white;
    padding: 1.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 2rem;
    color: var(--cds-text-primary, #161616);
  }
  .fit-v .card {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
  }
  .fit-v .card > .row {
    height: 100%;
  }
  .card .card-image {
    margin: -1.5rem 0 -1.9rem -1.5rem;
  }
  .card h4 {
    font-weight: bold;
    color: #1c5569;
  }
  .card .card-title {
    color: #1c5569;
    line-height: 1.2;
    font-weight: bold;
  }
  .card .card-label {
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: white;
    background-color: #ffffff;
    padding: 3px 16px 2px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .card .card-image {
    margin: 0 -1.5rem;
  }
  .card .card-image-square,
  .card .card-image-rectangle {
    margin: 0 -1.5rem;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .card .card-image-square:first-child,
  .card .card-image-rectangle:first-child {
    margin-top: -1.5rem;
    margin-bottom: 1rem;
  }
  .card .card-image-rectangle {
    padding-bottom: 58.5%;
  }
  .card .card-footer {
    margin-top: auto;
    padding-top: 1rem;
  }
  .card hr {
    border: 0;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    margin: 1.5rem 0;
  }
  
  .card-horizontal {
    padding: 0;
  }
  .card-horizontal .card-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    margin: 0;
  }
  .card-horizontal .card-content {
    padding: 1.5rem;
  }
  
  .counter-card {
    min-height: 100%;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    padding: 1rem 2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .counter-card h4 {
    font-weight: bold;
    margin-top: 4rem;
  }
  .counter-card:after {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    top: -26px;
    right: 1rem;
    font-size: 13rem;
    font-weight: bold;
    opacity: 0.075;
    color: currentColor;
  }
  
  .news-title {
    color: #ffffff;
    min-height: 48px;
    line-height: 1.2;
  }
  
  .sci-card {
    background: var(--cds-layer-01, #ffffff);
    padding: 0;
    margin-bottom: 3rem;
    color: var(--cds-text-primary, #161616);
    box-shadow: 0px 2px 4px 1px rgba(1, 31, 61, 0.16);
    position: relative;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    transition: box-shadow 0.25s ease;
  }
  .sci-card:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 0.25rem;
    bottom: 0;
    left: 0;
    background-color: transparent;
  }
  .sci-info .sci-card:after {
    background-color: var(--cds-support-info, #0043ce);
  }
  .sci-success .sci-card:after {
    background-color: var(--cds-support-success, #24a148);
  }
  .sci-error .sci-card:after {
    background-color: var(--cds-support-error, #da1e28);
  }
  .sci-warning .sci-card:after {
    background-color: var(--cds-support-warning, #f1c21b);
  }
  .sci-card .sci-card-title {
    font-size: 1rem;
    margin: 0;
    font-weight: 300;
  }
  .sci-card .sci-product-description {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .sci-card .sci-product-img {
    max-width: 160px;
    height: auto;
    margin: 0 auto;
    display: block;
    /**
      better fix for https://itrac.eur.ad.sag/browse/SCI-1186
    **/
  }
  .sci-card:hover {
    background-color: #ebf9f8;
    box-shadow: 0px 2px 4px 1px rgba(1, 31, 61, 0.16), inset 2px 0 0 dlt-color-global-primary-default, inset -2px 0 0 dlt-color-global-primary-default, inset 0 2px 0 dlt-color-global-primary-default, inset 0 -2px 0 dlt-color-global-primary-default;
  }
  .sci-card + .sci-product-expiry-label {
    bottom: 0;
    display: block;
    position: absolute;
    left: 1rem;
    font-size: 0.75rem;
    height: 3rem;
    margin: 0;
    margin-right: 0.875rem;
    color: var(--cds-text-primary, #161616);
  }
  .sci-card + .sci-product-expiry-label i {
    font-size: 0.875rem;
  }
  .sci-info .sci-card + .sci-product-expiry-label i {
    color: var(--cds-support-info, #0043ce);
  }
  .sci-error .sci-card + .sci-product-expiry-label i {
    color: var(--cds-support-error, #da1e28);
  }
  .sci-warning .sci-card + .sci-product-expiry-label i {
    color: var(--cds-support-warning, #f1c21b);
  }
  .sci-success .sci-card + .sci-product-expiry-label i {
    color: var(--cds-support-success, #24a148);
  }
  
  .sci-card-header {
    position: relative;
    padding: 1rem;
  }
  .sci-card-header .sci-card-title {
    text-align: center;
    padding: 0 25px;
    min-height: 46px;
  }
  .sci-card-header .sci-card-actions {
    position: absolute;
    right: 2px;
    top: 2px;
  }
  .sci-card-header .sci-card-actions > button,
  .sci-card-header .sci-card-actions > .btn {
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: transparent;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0.9rem 0.5rem 0.5rem;
  }
  .sci-card-header .sci-card-actions > button:hover,
  .sci-card-header .sci-card-actions > .btn:hover {
    outline: none;
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  .sci-card-header .sci-card-actions > button:focus,
  .sci-card-header .sci-card-actions > .btn:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe);
    border-color: var(--cds-border-interactive, #0f62fe);
  }
  .sci-card-header .sci-card-actions > button:active,
  .sci-card-header .sci-card-actions > .btn:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  
  .sci-card-block {
    padding: 0 1rem 1rem;
  }
  .sci-card-block:first-child {
    padding-top: 1rem;
  }
  
  .sci-card-footer {
    padding: 1rem;
    margin-top: auto;
  }
  
  .sci-card-icon {
    text-align: center;
    font-size: 4.5rem;
    color: #058192;
  }
  
  .sci-card-expired {
    opacity: 0.5;
    pointer-events: none;
    box-shadow: none;
  }
  .sci-card-expired .sci-card-title,
  .sci-card-expired .sci-product-img {
    opacity: 0.5;
  }
  .sci-card-expired:hover {
    border: none;
    opacity: 0.5;
    box-shadow: none;
  }
  .sci-card-expired .btn-secondary,
  .sci-card-expired .dlt-icon-more-menu {
    pointer-events: auto;
  }
  .sci-card-expired .btn-secondary:not(:active) {
    background: white;
  }
  
  body {
    display: flex;
    flex-flow: column nowrap;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-background, #f4f4f4);
  }
  
  a {
    color: var(--cds-link-primary, #0f62fe);
    text-decoration: none;
  }
  a.inline-link {
    text-decoration: underline;
  }
  a:hover {
    color: var(--cds-link-primary-hover, #0043ce);
    text-decoration: underline;
    outline: none;
  }
  a:focus {
    box-shadow: 0 0 0 2px var(--cds-border-interactive, #0f62fe);
    text-decoration: underline;
    outline: none;
  }
  a:active {
    box-shadow: 0 0 0 2px var(--cds-border-interactive, #0f62fe);
    text-decoration: underline;
    outline: none;
    color: var(--cds-text-primary, #161616);
  }
  a:focus-visible {
    outline: none;
  }
  
  .list-collapse-button {
    text-decoration: none;
    position: relative;
    min-width: 90px;
    display: inline-block;
  }
  .list-collapse-button:after {
    content: "⌃";
    transform: rotate(180deg);
    margin-left: 8px;
    display: inline-block;
    height: 20px;
    position: absolute;
    transition: all 0.25s ease;
  }
  .list-collapse-button:before {
    content: "Show";
  }
  .list-collapse-button[aria-expanded=true]:before {
    content: "Hide";
  }
  .list-collapse-button[aria-expanded=true]:after {
    transform: rotate(0);
    padding-top: 3px;
  }
  
  .main-footer {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 2.5rem 1.5rem 1rem;
    text-align: center;
    margin-top: auto;
    color: var(--cds-text-primary, #161616);
  }
  
  .main-wrapper#content + * {
    margin-top: auto;
  }
  
  .page-header {
    padding-top: 11rem;
  }
  .page-header h1 {
    font-weight: 700;
  }
  .page-header p {
    font-size: 1.2em;
    font-weight: 300;
  }
  .page-header p:last-child {
    margin-bottom: 0;
  }
  
  .fit-v {
    display: flex;
  }
  
  .iframe-container {
    padding-top: 4rem;
    height: 100vh;
  }
  .iframe-container iframe {
    width: 100%;
    min-height: 100%;
  }
  
  .mycloud-container {
    padding: 3rem 0 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  
  .section-separator {
    position: relative;
    margin: 0 -1rem;
    pointer-events: none;
  }
  .section-separator > .svg-wrap {
    position: absolute;
    z-index: 1;
  }
  
  .updates-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -0.5rem;
  }
  .updates-grid > .fit-v {
    flex: 1 1 30%;
    padding: 0 1rem;
  }
  
  @supports (display: grid) {
    .updates-grid {
      display: grid;
      grid-gap: 2rem;
      grid-template-columns: 100%;
      margin: 0;
      padding: 0 3rem;
    }
    .updates-grid > .fit-v {
      padding: 0;
      flex: unset;
    }
    @media (min-width: 992px) {
      .updates-grid {
        grid-template-columns: 25% 25% 25% 25%;
      }
      .updates-grid .fit-v {
        grid-column: span 1;
      }
      .updates-grid .fit-v .card {
        margin-bottom: 0;
      }
      .updates-grid .fit-v .card .card-image-square {
        padding-bottom: 100%;
      }
      .updates-grid .fit-v:nth-child(5n+1) {
        grid-column: span 2;
        grid-row: span 1;
      }
      .updates-grid .fit-v:nth-child(5n+1) .card .card-image-square {
        padding-bottom: 43.4%;
        background-position: center top;
      }
    }
  }
  .youtube-wrapper iframe {
    margin-bottom: -6px;
  }
  
  .border-bottom {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
  }
  
  .tab-content {
    width: 100%;
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  
  .tabs-menu-container {
    position: relative;
    padding-top: 12rem;
  }
  
  .tabs-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1028;
  }
  .tabs-menu:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1c5569;
    transition: all 0.95s ease;
    border-radius: 50px;
  }
  .tabs-menu > .container {
    position: relative;
    z-index: 10;
  }
  .tabs-menu.headroom--not-top {
    position: fixed;
    top: 112px;
  }
  .tabs-menu.headroom--not-top.nomenu {
    top: 48px;
  }
  .tabs-menu.headroom--not-top:before {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  @media (min-width: 992px) {
    .tabs-menu.headroom--not-top.headroom--unpinned {
      transform: translateY(-3rem);
    }
  }
  @media (min-width: 992px) {
    .tabs-menu.headroom--not-top.headroom--unpinned.nomenu {
      transform: translateY(-48px);
    }
  }
  
  .nav-pills {
    margin: 0;
    padding: 1rem 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .nav-pills .nav-item {
    padding: 0 0.5rem;
  }
  @media (max-width: 992px) {
    .nav-pills {
      padding: 0.5rem 0;
      font-size: 0.707rem;
    }
    .nav-pills .nav-item {
      padding: 0.25rem;
    }
  }
  .nav-pills .nav-link {
    background-color: white;
    color: dlt-color-global-primary-default;
    border: 1px solid transparent;
    border-color: currentColor;
    text-decoration: none;
    border-radius: 1.2rem;
    padding: 0.344rem 1.2rem;
    display: inline-block;
    transition: all 0.95s ease;
  }
  .nav-pills .nav-link:hover {
    background-color: dlt-color-global-primary-default;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    color: white;
    text-decoration: none;
  }
  .headroom--not-top .nav-pills .nav-link {
    background-color: transparent;
    color: white;
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: white;
    background-color: #ebf9f8;
  }
  
  .label-info {
    white-space: nowrap;
    border-radius: 4px;
    padding: 0 8px;
    display: inline-block;
    font-size: 12px;
    background-color: var(--cds-support-info, #0043ce);
    color: white;
  }
  
  .table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: var(--cds-layer-01, #ffffff);
    border-spacing: 0;
  }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .table thead th.empty {
    border-color: transparent;
    background-color: transparent;
  }
  .table tbody + tbody {
    border-top: 2px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .table .table {
    background-color: var(--cds-background, #f4f4f4);
  }
  
  .table-sm th,
  .table-sm td {
    padding: 0.3rem;
  }
  
  .table-bordered {
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px;
  }
  
  .table-borderless th,
  .table-borderless td,
  .table-borderless thead th,
  .table-borderless tbody + tbody {
    border: 0;
  }
  .table-borderless .border-bottom {
    border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--cds-layer-accent-01, #e0e0e0);
  }
  
  .table-hover tbody tr:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  
  .table .thead-dark th {
    color: var(--cds-background, #f4f4f4);
    background-color: #36597d;
    border-color: #36597d;
  }
  .table .thead-light th {
    color: var(--cds-text-primary, #161616);
    background-color: var(--cds-layer-accent-01, #e0e0e0);
    border-color: var(--cds-border-subtle-01, #e0e0e0);
  }
  
  .table-dark {
    color: var(--cds-background, #f4f4f4);
    background-color: #36597d;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #36597d;
  }
  .table-dark.table-bordered {
    border: 0;
  }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .table-dark.table-hover tbody tr:hover {
    background-color: transparent;
  }
  
  @media (max-width: 575.98px) {
    .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-sm > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 767.98px) {
    .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-md > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 991.98px) {
    .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-lg > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 1199.98px) {
    .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-xl > .table-bordered {
      border: 0;
    }
  }
  @media (max-width: 1399.98px) {
    .table-responsive-xxl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-xxl > .table-bordered {
      border: 0;
    }
  }
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  
  .sticky-header {
    position: sticky;
    top: 0;
    background-color: #ffffff;
  }
  
  .panel {
    background-color: white;
    padding: 1.5rem 1rem;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.03), 0 20px 40px rgba(0, 0, 0, 0.15);
  }
  .collapse .panel, .collapsing .panel {
    padding: 1rem;
    box-shadow: none;
  }
  .collapse .panel .small, .collapsing .panel .small {
    color: #36597d;
    font-size: 0.707rem;
  }
  .collapse .panel .small strong, .collapsing .panel .small strong {
    color: var(--cds-link-primary, #0f62fe);
  }
  .panel .small {
    font-size: 0.815rem;
    color: #36597d;
  }
  
  a.panel[data-bs-toggle] {
    display: block;
    padding: 1rem 1rem;
    text-decoration: none;
    color: var(--cds-text-primary, #161616);
    position: relative;
    background-color: var(--cds-layer-01, #ffffff);
    position: relative;
    font-size: 0.815rem;
  }
  a.panel[data-bs-toggle]:hover {
    color: #058192;
  }
  a.panel[data-bs-toggle]:after {
    content: "+";
    position: absolute;
    right: 1rem;
    top: 6px;
    font-size: 2em;
  }
  a.panel[data-bs-toggle][aria-expanded=true] {
    background-color: #f1e7fe;
    color: #36597d;
    font-weight: bold;
  }
  a.panel[data-bs-toggle][aria-expanded=true]:after {
    content: "—";
  }
  
  .user-info .dropdown-toggle {
    display: block;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    margin-right: -0.25rem;
  }
  .user-info .dropdown-toggle::after {
    content: "";
  }
  .user-info .img-circle {
    height: 2.5rem;
    width: 2.5rem;
  }
  .user-info .user-details {
    font-size: 0.875rem;
    font-weight: 600;
  }
  .user-info span.img-circle.top-level {
    background-color: var(--cds-tag-border-cyan, #33b1ff);
    color: var(--cds-text-inverse, #ffffff);
    font-size: 0.875rem;
    height: 2rem;
    letter-spacing: 0.16px;
    line-height: 1;
    width: 2rem;
    align-items: center;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    padding-top: 0.15rem;
  }
  
  .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
  }
  
  .list-group-item-action {
    width: 100%;
    color: var(--cds-text-primary, #161616);
    text-align: inherit;
  }
  .list-group-item-action:hover, .list-group-item-action:focus {
    color: var(--cds-text-primary, #161616);
    text-decoration: none;
    background-color: transparent;
  }
  .list-group-item-action:active {
    color: var(--cds-text-primary, #161616);
    background-color: #c5edea;
  }
  
  .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1rem;
    margin-bottom: -1px;
    background-color: white;
    border: 1px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .list-group-item > a {
    color: var(--cds-text-secondary, #525252);
    display: block;
    padding-left: 1rem;
    text-decoration: none;
    line-height: 1;
  }
  .list-group-item > a:hover {
    color: var(--cds-text-primary, #161616);
  }
  .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .list-group-item:hover, .list-group-item:focus {
    z-index: 1;
    text-decoration: none;
  }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--cds-button-disabled, #c6c6c6);
    background-color: white;
  }
  .list-group-item.active, .list-group-item.current {
    background-color: #c5edea;
    z-index: 2;
    color: var(--cds-text-primary, #161616);
    box-shadow: inset 4px 0 0 var(--cds-link-primary, #0f62fe);
  }
  .list-group-item.active a, .list-group-item.current a {
    color: var(--cds-text-primary, #161616);
  }
  
  .list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    padding-left: 0;
    border-radius: 0;
  }
  .list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
  }
  .list-group-scrollable {
    overflow-y: auto;
    min-height: 150px;
  }
  .list-group-scrollable::-webkit-scrollbar {
    width: 0.5rem; /* for vertical scrollbars */
    height: 0.5rem; /* for horizontal scrollbars */
  }
  .list-group-scrollable::-webkit-scrollbar-track {
    background: #e7ebee;
    border-radius: 0.5rem;
  }
  .list-group-scrollable::-webkit-scrollbar-thumb {
    background: #d2d9e0;
    border-radius: 0.5rem;
  }
  
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: var(--font-family-base, font-family("sans"));
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.7rem;
    word-wrap: break-word;
    background-color: #f4f4f4;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 1px 0px rgb(1, 31, 61), 0px 2px 12px 2px rgba(1, 31, 61, 0.12);
  }
  .popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0;
  }
  .popover .popover-arrow::before, .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    filter: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  
  .bs-popover-top, .bs-popover-auto[x-placement^=top] {
    margin-bottom: 0.5rem;
  }
  .bs-popover-top > .popover-arrow, .bs-popover-auto[x-placement^=top] > .popover-arrow {
    bottom: calc((0.5rem + 1px) * -1);
  }
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^=top] > .popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^=top] > .popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #f4f4f4;
  }
  
  .bs-popover-right, .bs-popover-auto[x-placement^=right] {
    margin-left: 0.5rem;
  }
  .bs-popover-right > .popover-arrow, .bs-popover-auto[x-placement^=right] > .popover-arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0 0;
  }
  .bs-popover-right > .popover-arrow::before, .bs-popover-auto[x-placement^=right] > .popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  .bs-popover-right > .popover-arrow::after, .bs-popover-auto[x-placement^=right] > .popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #f4f4f4;
  }
  
  .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
    margin-top: 0.5rem;
  }
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[x-placement^=bottom] > .popover-arrow {
    top: calc((0.5rem + 1px) * -1);
  }
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^=bottom] > .popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^=bottom] > .popover-arrow::after {
    top: 1px;
    border-width: 0.1rem 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #f4f4f4;
  }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #ececec;
  }
  
  .bs-popover-left, .bs-popover-auto[x-placement^=left] {
    margin-right: 0.5rem;
  }
  .bs-popover-left > .popover-arrow, .bs-popover-auto[x-placement^=left] > .popover-arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0 0;
  }
  .bs-popover-left > .popover-arrow::before, .bs-popover-auto[x-placement^=left] > .popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: drop-shadow(0 -1px 0 rgba(1, 31, 61, 0.25));
  }
  .bs-popover-left > .popover-arrow::after, .bs-popover-auto[x-placement^=left] > .popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #f4f4f4;
  }
  
  .popover-header {
    padding: 0.5rem 0.5rem;
    margin-bottom: 0;
    color: var(--cds-background-inverse, #393939);
    background-color: #ececec;
    border-bottom: 1px solid #e0e0e0;
    border-top-left-radius: calc(0 - 1px);
    border-top-right-radius: calc(0 - 1px);
  }
  .popover-header:empty {
    display: none;
  }
  
  .popover-body {
    padding: 0.5rem 0.5rem;
    color: var(--cds-layer-02, #f4f4f4);
  }
  
  .sci-page-header {
    padding-top: 2rem;
    position: sticky;
    top: 3rem;
    background: var(--cds-layer-01, #ffffff);
    z-index: 1;
    margin-left: -2px;
    margin-right: -2px;
  }
  .sci-page-header h1 {
    font-size: 1.5rem;
    font-family: font-family("sans");
    margin-bottom: 0;
    padding-bottom: 0.5em;
  }
  
  .sci-page-header-02 {
    padding-top: 0.5rem;
    margin-top: -0.5rem;
    position: sticky;
    top: 7.5rem;
    z-index: 1;
    margin-left: -2px;
    margin-right: -2px;
    background-color: var(--cds-background, #f4f4f4);
  }
  
  .sci-nav-tabs-bar {
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    position: sticky;
    top: 7.5rem;
    background: var(--cds-layer-01, #ffffff);
    z-index: 1;
    margin: -0.1rem -0.125rem 1rem -0.125rem;
  }
  .sci-nav-tabs-bar li > a {
    display: block;
    color: var(--cds-text-secondary, #525252);
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-bottom: 2px solid var(--cds-border-subtle-01, #e0e0e0);
  }
  .sci-nav-tabs-bar li > a:focus {
    border: 2px solid var(--cds-focus, #0f62fe);
    padding: 0.375rem 0.875rem 0.5rem;
    outline: none;
    box-shadow: none;
  }
  .sci-nav-tabs-bar li > a:hover {
    border-bottom: 2px solid var(--cds-border-strong);
    outline: none;
    color: var(--cds-text-primary, #161616);
    box-shadow: none;
  }
  .sci-nav-tabs-bar li > a.nav-menu-active {
    border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);
    font-weight: 600;
    color: var(--cds-text-primary, #161616);
  }
  
  .sci-search-dropdown {
    position: relative;
  }
  .sci-search-dropdown .sci-search-results-dropdown {
    top: 100%;
    z-index: 1000;
  }
  .sci-search-dropdown .search-results {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    left: 0;
    z-index: 1000;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  }
  .sci-search-dropdown .search-results li a {
    cursor: pointer;
  }
  
  .input-group-search {
    position: relative;
  }
  .input-group-search .form-control, .input-group-search .mktoInvalid {
    padding-right: 2rem;
  }
  .input-group-search .icon-button {
    position: absolute;
    top: 8px;
    right: 10px;
  }
  .input-group-search .form-control-sm + .icon-button, .input-group-search .form-group-sm .form-control + .icon-button, .form-group-sm .input-group-search .form-control + .icon-button, .input-group-search .form-group-sm .mktoInvalid + .icon-button, .form-group-sm .input-group-search .mktoInvalid + .icon-button {
    top: 5px;
  }
  
  .sci-router-form {
    font-family: font-family("sans");
  }
  .sci-router-form .sci-logo-svg {
    height: 1.56rem;
    margin-top: 1.5rem;
  }
  .sci-router-form .sci-page-title {
    color: var(--cds-text-primary, #161616);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-top: 1rem;
  }
  .sci-router-form .sci-alternative-action {
    color: var(--cds-text-primary, #161616);
    font-size: 0.875rem;
    margin-top: 0.5rem;
    line-height: 1.25rem;
  }
  .sci-router-form .validation-and-link .feedback .form-text, .sci-router-form .validation-and-link .feedback .mktoErrorMsg {
    width: calc(100% - 10.5rem) !important;
    font-size: 0.75rem;
  }
  .sci-router-form .validation-and-link .feedback .sci-link {
    font-size: 0.875rem;
    color: var(--cds-link-primary, #0f62fe);
    text-align: right;
    float: right;
    cursor: pointer;
    line-height: 1rem;
    margin-top: 0.25rem;
  }
  .sci-router-form .validation-and-link .feedback .sci-link:focus, .sci-router-form .validation-and-link .feedback .sci-link:focus-visible {
    box-shadow: 0 0 0 2px var(--cds-border-interactive, #0f62fe) !important;
    outline: none;
  }
  .sci-router-form .validation-and-link .feedback .dlt-icon-info {
    font-size: 1rem;
    line-height: 0.875rem;
  }
  
  .sci-success-alert {
    position: absolute;
    z-index: 100;
    top: 1rem;
  }
  
  .sci-list-group-header {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 1rem 0.5rem;
    background-color: var(--cds-layer-accent-01, #e0e0e0);
    color: var(--cds-text-primary, #161616);
  }
  
  .sci-list-group {
    font-size: 0.875rem;
    margin-bottom: 1rem;
    min-height: 4rem;
    background-color: var(--cds-layer-01, #ffffff);
  }
  @media screen and (max-width: 991px) {
    .sci-list-group {
      border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    }
  }
  .sci-list-group .sci-list-group-item {
    padding: 1rem 0.5rem;
    box-shadow: inset 0 -1px 0 var(--cds-border-subtle-01, #e0e0e0);
    color: var(--cds-text-secondary, #525252);
    line-height: 1rem;
  }
  .sci-list-group .sci-list-group-item:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
    color: var(--cds-text-primary, #161616);
  }
  .sci-list-group .sci-list-group-item p {
    margin-bottom: 0;
    font-size: 0.875rem;
  }
  .sci-list-group .sci-list-group-item .btn {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn {
    width: 2rem;
    height: 2rem;
    line-height: 1;
    margin-right: 12px;
    margin-left: 0.5rem;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0;
    outline-offset: -2px;
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg:hover, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg:focus, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn:focus {
    border-color: var(--cds-focus, #0f62fe);
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
    outline: 0;
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg:active, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg i, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn i {
    font-size: 1.5rem;
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg a, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn a {
    padding: 3px;
  }
  .sci-list-group .sci-list-group-item .btn-link.btn-lg a:hover, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn a:hover, .sci-list-group .sci-list-group-item .btn-link.btn-lg a:focus, .sci-list-group .sci-list-group-item .btn-group-lg > .btn-link.btn a:focus {
    text-decoration: none;
  }
  .sci-list-group .sci-list-group-item .highlight-cell {
    border: 1px solid var(--cds-highlight, #d0e2ff);
    background-color: var(--cds-highlight, #d0e2ff);
    color: var(--cds-text-primary, #161616);
    font-size: 0.75rem;
    line-height: 0.875rem;
    text-align: center;
    margin-left: 0.25rem;
    padding: 0.25rem;
  }
  .sci-list-group .sci-list-group-item .btn-link:disabled,
  .sci-list-group .sci-list-group-item .btn-link.disabled {
    pointer-events: inherit;
    cursor: not-allowed;
    background-color: var(--cds-button-disabled, #c6c6c6);
  }
  .sci-list-group .sci-list-group-item .btn-link:disabled:hover, .sci-list-group .sci-list-group-item .btn-link:disabled:focus,
  .sci-list-group .sci-list-group-item .btn-link.disabled:hover,
  .sci-list-group .sci-list-group-item .btn-link.disabled:focus {
    box-shadow: none;
    border-color: transparent;
    outline: none;
  }
  .sci-list-group .sci-list-group-item .btn-link:disabled:active,
  .sci-list-group .sci-list-group-item .btn-link.disabled:active {
    background-color: transparent;
  }
  .sci-list-group .sci-list-group-item .sci-empty-text::before {
    content: "none";
    color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
    opacity: 0.5;
  }
  .sci-list-group .sci-list-group-item .sci-description-row {
    white-space: unset;
    line-height: 1.25rem;
    padding: 1rem;
    border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
    word-break: break-word;
  }
  .sci-list-group .sci-list-group-item .data-editable:hover > p, .sci-list-group .sci-list-group-item .data-editable:focus > p {
    border: 2px solid var(--cds-border-interactive, #0f62fe);
    min-width: 8rem;
  }
  .sci-list-group .sci-list-group-item .data-editable p {
    border: 2px solid transparent;
    height: auto;
    line-height: 1.7rem;
    padding: 0 0.5rem;
    word-break: break-word;
  }
  .sci-list-group .sci-list-group-item .data-editable p:focus-visible {
    border: 2px solid var(--cds-border-interactive, #0f62fe);
    min-width: 8rem;
    outline: none;
    outline-offset: -2px;
  }
  .sci-list-group .sci-list-group-item .data-editable .form-group {
    width: 100%;
  }
  .sci-list-group .sci-list-group-item .data-editable .datepicker-icon {
    position: absolute;
    right: 0;
    top: 0.1rem;
    border: none;
    outline: none;
    font-size: 1.125rem;
    color: var(--cds-icon-primary, #161616);
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.6rem;
    cursor: unset;
  }
  .sci-list-group .sci-list-group-item .data-editable .sci-empty-description::before {
    font-style: italic;
    content: "description";
    opacity: 0.3;
  }
  .sci-list-group .sci-list-group-item .data-editable .sci-empty-date::before {
    font-style: italic;
    content: "dd/mm/yyyy";
    opacity: 0.3;
  }
  .sci-list-group .sci-list-group-item .sci-multiline-cell p,
  .sci-list-group .sci-list-group-item .data-editable.sci-multiline-cell p {
    line-height: 1.5;
  }
  
  .user-avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' fill='%23e5e5e5'%3E%3Cpath d='M12,0 C5.37248,0 0,5.37248 0,12 C0,18.62752 5.37248,24 12,24 C18.62752,24 24,18.62752 24,12 C24,5.37248 18.62752,0 12,0 M12,2.33008 C17.34416,2.33008 21.67008,6.65472 21.67008,12 C21.67008,17.344 17.34512,21.66992 12,21.66992 C6.65584,21.66992 2.32992,17.34512 2.32992,12 C2.32992,6.656 6.65504,2.33008 12,2.33008' id='Fill-10-Copy'%3E%3C/path%3E%3Cpath d='M17.8030737,17.059871 C16.3925417,18.6765462 14.3166414,19.6973926 12,19.6973926 C9.68299989,19.6973926 7.60644858,18.6761276 6.19576985,17.0586097 C6.24672632,17.0453999 6.29906049,17.0325848 6.3528094,17.02016 C8.50850904,16.52224 10.6334861,16.07808 9.61068089,14.19264 C6.5819485,8.608 8.74788899,5.44 11.9993599,5.44 C15.1881057,5.44 17.4090908,8.49024 14.388039,14.19392 C13.3959563,16.06784 15.4454071,16.51328 17.6459105,17.02144 C17.6997021,17.033858 17.7520775,17.0466669 17.8030737,17.059871 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
  }
  
  .user-new {
    width: 40px;
    height: 40px;
  }
  
  .userImg {
    position: relative;
    max-width: 40px;
  }
  .userImg:after {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group' fill='%23e5e5e5'%3E%3Cpath d='M12,0 C5.37248,0 0,5.37248 0,12 C0,18.62752 5.37248,24 12,24 C18.62752,24 24,18.62752 24,12 C24,5.37248 18.62752,0 12,0 M12,2.33008 C17.34416,2.33008 21.67008,6.65472 21.67008,12 C21.67008,17.344 17.34512,21.66992 12,21.66992 C6.65584,21.66992 2.32992,17.34512 2.32992,12 C2.32992,6.656 6.65504,2.33008 12,2.33008' id='Fill-10-Copy'%3E%3C/path%3E%3Cpath d='M17.8030737,17.059871 C16.3925417,18.6765462 14.3166414,19.6973926 12,19.6973926 C9.68299989,19.6973926 7.60644858,18.6761276 6.19576985,17.0586097 C6.24672632,17.0453999 6.29906049,17.0325848 6.3528094,17.02016 C8.50850904,16.52224 10.6334861,16.07808 9.61068089,14.19264 C6.5819485,8.608 8.74788899,5.44 11.9993599,5.44 C15.1881057,5.44 17.4090908,8.49024 14.388039,14.19392 C13.3959563,16.06784 15.4454071,16.51328 17.6459105,17.02144 C17.6997021,17.033858 17.7520775,17.0466669 17.8030737,17.059871 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .sci-dnd-list-group .sci-list-group-item {
    cursor: grab;
  }
  .sci-dnd-list-group .sci-list-group-item.sci-drag-over {
    background-color: white;
    border: 2px dashed var(--cds-border-interactive, #0f62fe);
    color: transparent;
  }
  
  .sci-environment-grid .sci-list-group-item {
    line-height: 2rem;
  }
  
  .sci-toolbar {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: var(--cds-layer-02, #f4f4f4);
    /*  .form-control-sm, .form-group-sm .form-control{
      height: calc(1.3125rem + 2px + 1px);
      font-size: .75rem;
    }
  
    .input-group-search .icon-button {
      top: 2px;
      right: 5px;
    } */
  }
  .sci-toolbar .btn-link {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-primary, #0f62fe);
    font-size: 0.875rem;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    line-height: 2rem;
    height: 2rem;
    border: 1px solid var(--cds-border-interactive, #0f62fe);
    align-items: center;
  }
  .sci-toolbar .btn-link .icon {
    font-size: 2rem;
    margin-right: 4px;
  }
  .sci-toolbar .btn-link:hover {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--cds-button-primary-hover, #0050e6);
  }
  .sci-toolbar .btn-link:active {
    background-color: var(--cds-button-primary-active, #002d9c);
  }
  .sci-toolbar .btn-link:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
  }
  .sci-toolbar .btn-icon {
    border-color: transparent;
    color: var(--cds-icon-on-color, #ffffff);
  }
  .sci-toolbar .btn-icon:hover, .sci-toolbar .btn-icon:focus, .sci-toolbar .btn-icon:active {
    border-color: var(--cds-button-primary-active, #002d9c);
  }
  .sci-toolbar .btn-link-primary {
    color: var(--cds-text-on-color, #ffffff);
    background-color: var(--cds-button-primary, #0f62fe);
  }
  .sci-toolbar .btn-link-primary:hover {
    background-color: var(--cds-button-primary-hover, #0050e6);
    outline: none;
  }
  .sci-toolbar .btn-link-primary:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
  }
  .sci-toolbar .btn-link-primary:active {
    background-color: var(--cds-button-primary-active, #002d9c);
  }
  .sci-toolbar .btn-link-primary svg {
    fill: var(--cds-icon-on-color, #ffffff);
    margin-right: 0.5rem;
  }
  .sci-toolbar .btn-ghost-primary {
    height: 2rem;
  }
  .sci-toolbar .btn-ghost-primary .icon {
    vertical-align: top;
  }
  .sci-toolbar .btn-ghost-primary svg {
    fill: var(--cds-button-tertiary, #0f62fe);
  }
  .sci-toolbar .btn-ghost-primary:hover svg {
    fill: var(--cds-icon-inverse, #ffffff);
  }
  .sci-toolbar .input-group-search .form-control-sm, .form-group-sm .sci-toolbar .input-group-search .form-control, .sci-toolbar .input-group-search .form-group-sm .mktoInvalid, .form-group-sm .sci-toolbar .input-group-search .mktoInvalid,
  .sci-toolbar .input-group-search .form-group-sm .form-control {
    background-color: var(--cds-field-03, #ffffff);
    color: var(--cds-text-secondary, #525252);
    height: 2rem;
    line-height: 2rem;
    padding-right: 3rem;
    font-size: 0.875rem;
  }
  .sci-toolbar .input-group-search .form-control-sm:focus, .form-group-sm .sci-toolbar .input-group-search .form-control:focus, .sci-toolbar .input-group-search .form-group-sm .mktoInvalid:focus, .form-group-sm .sci-toolbar .input-group-search .mktoInvalid:focus,
  .sci-toolbar .input-group-search .form-group-sm .form-control:focus {
    padding-right: 3rem;
  }
  .sci-toolbar .input-group-search .icon-button {
    width: 1.5rem;
    height: 1.5rem;
    top: 2px;
    right: 4px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--cds-icon-secondary, #525252);
    padding: 0.1rem;
  }
  .sci-toolbar .input-group-search .clear-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--cds-icon-primary, #161616);
    padding: 0rem;
  }
  .sci-toolbar .input-group-search .clear-icon:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
    outline: none;
    text-decoration: none;
  }
  .sci-toolbar .input-group-search .clear-icon:focus, .sci-toolbar .input-group-search .clear-icon:active:not(:disabled) {
    outline: 2px solid var(--cds-border-interactive, #0f62fe);
    outline-offset: -2px;
    text-decoration: none;
  }
  .sci-toolbar .input-group-search .clear-icon:active:not(:disabled) {
    background-color: var(--cds-button-secondary-active, #6f6f6f);
  }
  
  .sci-user-detail h2,
  .sci-form h2 {
    font-size: 1.375rem;
    padding-top: 1rem;
    font-family: font-family("sans");
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    line-height: 1.625rem;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
  .sci-user-detail h3,
  .sci-form h3 {
    font-family: font-family("sans");
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.375rem;
    padding-top: 6rem;
    margin-top: -6rem;
  }
  .sci-user-detail fieldset,
  .sci-form fieldset {
    border: none;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
  }
  .sci-user-detail .form-group,
  .sci-form .form-group {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
  }
  .sci-user-detail .form-group .feedback,
  .sci-form .form-group .feedback {
    position: relative;
  }
  .sci-user-detail .form-group .feedback .form-text, .sci-user-detail .form-group .feedback .mktoErrorMsg,
  .sci-form .form-group .feedback .form-text,
  .sci-form .form-group .feedback .mktoErrorMsg {
    position: absolute;
  }
  .sci-user-detail .form-group .feedback .form-text .error-title, .sci-user-detail .form-group .feedback .mktoErrorMsg .error-title,
  .sci-form .form-group .feedback .form-text .error-title,
  .sci-form .form-group .feedback .mktoErrorMsg .error-title {
    font-weight: 600;
    color: var(--cds-text-primary, #161616);
  }
  .sci-user-detail .form-group .sci-form-control-group,
  .sci-form .form-group .sci-form-control-group {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .sci-user-detail .form-group .sci-form-control-group:focus-within .clear-icon, .sci-user-detail .form-group .sci-form-control-group:hover .clear-icon,
  .sci-form .form-group .sci-form-control-group:focus-within .clear-icon,
  .sci-form .form-group .sci-form-control-group:hover .clear-icon {
    visibility: visible;
  }
  .sci-user-detail .form-group .sci-form-control-group .form-control[type=text], .sci-user-detail .form-group .sci-form-control-group [type=text].mktoInvalid, .sci-user-detail .form-group .sci-form-control-group .form-control[type=password], .sci-user-detail .form-group .sci-form-control-group [type=password].mktoInvalid,
  .sci-form .form-group .sci-form-control-group .form-control[type=text],
  .sci-form .form-group .sci-form-control-group [type=text].mktoInvalid,
  .sci-form .form-group .sci-form-control-group .form-control[type=password],
  .sci-form .form-group .sci-form-control-group [type=password].mktoInvalid {
    padding-right: 1.8rem;
  }
  .sci-user-detail .form-group .sci-form-control-group .form-control[type=text].unmasked, .sci-user-detail .form-group .sci-form-control-group [type=text].unmasked.mktoInvalid, .sci-user-detail .form-group .sci-form-control-group .form-control[type=password].unmasked, .sci-user-detail .form-group .sci-form-control-group [type=password].unmasked.mktoInvalid,
  .sci-form .form-group .sci-form-control-group .form-control[type=text].unmasked,
  .sci-form .form-group .sci-form-control-group [type=text].unmasked.mktoInvalid,
  .sci-form .form-group .sci-form-control-group .form-control[type=password].unmasked,
  .sci-form .form-group .sci-form-control-group [type=password].unmasked.mktoInvalid {
    padding-right: 3.4rem;
  }
  .sci-user-detail .form-group .sci-form-control-group .password-show-icon,
  .sci-form .form-group .sci-form-control-group .password-show-icon {
    cursor: pointer;
    position: absolute;
    right: 0.25rem;
    text-decoration: none;
    border: none;
    font-size: 1.5rem;
    color: var(--cds-icon-primary, #161616);
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    overflow: hidden;
    top: 5px;
  }
  .sci-user-detail .form-group .sci-form-control-group .password-show-icon:hover,
  .sci-form .form-group .sci-form-control-group .password-show-icon:hover {
    color: var(--cds-button-primary-hover, #0050e6);
    outline: none;
  }
  .sci-user-detail .form-group .sci-form-control-group .password-show-icon:focus, .sci-user-detail .form-group .sci-form-control-group .password-show-icon:active:not(:disabled),
  .sci-form .form-group .sci-form-control-group .password-show-icon:focus,
  .sci-form .form-group .sci-form-control-group .password-show-icon:active:not(:disabled) {
    box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
    outline: none;
  }
  .sci-user-detail .form-group .sci-form-control-group .password-show-icon:active:not(:disabled),
  .sci-form .form-group .sci-form-control-group .password-show-icon:active:not(:disabled) {
    background-color: var(--cds-icon-inverse, #ffffff);
  }
  .sci-user-detail .form-group .sci-form-control-group .clear-icon,
  .sci-form .form-group .sci-form-control-group .clear-icon {
    display: none;
  }
  .sci-user-detail .form-group .sci-form-control-group .clear-icon-more-padding,
  .sci-form .form-group .sci-form-control-group .clear-icon-more-padding {
    right: 2rem;
  }
  @supports (-ms-ime-align: auto) {
    .sci-user-detail .form-group .sci-form-control-group .form-control:focus + .clear-icon, .sci-user-detail .form-group .sci-form-control-group .mktoInvalid:focus + .clear-icon,
    .sci-user-detail .form-group .sci-form-control-group .clear-icon:focus,
    .sci-form .form-group .sci-form-control-group .form-control:focus + .clear-icon,
    .sci-form .form-group .sci-form-control-group .mktoInvalid:focus + .clear-icon,
    .sci-form .form-group .sci-form-control-group .clear-icon:focus {
      visibility: visible;
    }
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sci-user-detail .form-group .sci-form-control-group .form-control:focus + .clear-icon, .sci-user-detail .form-group .sci-form-control-group .mktoInvalid:focus + .clear-icon,
    .sci-user-detail .form-group .sci-form-control-group .clear-icon:focus,
    .sci-form .form-group .sci-form-control-group .form-control:focus + .clear-icon,
    .sci-form .form-group .sci-form-control-group .mktoInvalid:focus + .clear-icon,
    .sci-form .form-group .sci-form-control-group .clear-icon:focus {
      visibility: visible;
    }
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint ~ .feedback .info,
  .sci-form .form-group .sci-form-control-group.sci-info-hint ~ .feedback .info {
    display: none;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--cds-text-primary, #161616);
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint ~ .feedback .info i,
  .sci-form .form-group .sci-form-control-group.sci-info-hint ~ .feedback .info i {
    font-size: 1.125rem;
    line-height: 1.2rem;
    vertical-align: bottom;
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint:focus-within ~ .feedback .info,
  .sci-form .form-group .sci-form-control-group.sci-info-hint:focus-within ~ .feedback .info {
    display: inline-block;
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint:focus-within input:not(.textFieldError):not(.mktoInvalid):not(select.mktoInvalid):not(.ng-invalid),
  .sci-form .form-group .sci-form-control-group.sci-info-hint:focus-within input:not(.textFieldError):not(.mktoInvalid):not(select.mktoInvalid):not(.ng-invalid) {
    border-bottom: var(--cds-support-info, #0043ce);
    box-shadow: inset 0 -4px 0 var(--cds-support-info, #0043ce), inset 0 0 0 1px var(--cds-border-interactive, #0f62fe) !important;
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within ~ .feedback .validationFailure, .sci-user-detail .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within ~ .feedback .mktoErrorMsg,
  .sci-form .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within ~ .feedback .validationFailure,
  .sci-form .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within ~ .feedback .mktoErrorMsg {
    display: none;
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within ~ .feedback .info,
  .sci-form .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within ~ .feedback .info {
    display: inline-block;
  }
  .sci-user-detail .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within input,
  .sci-form .form-group .sci-form-control-group.sci-info-hint.sci-focused:focus-within input {
    border-bottom: var(--cds-support-info, #0043ce);
    box-shadow: inset 0 -4px 0 var(--cds-support-info, #0043ce), inset 0 0 0 1px var(--cds-border-interactive, #0f62fe) !important;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon {
    right: 8.3rem;
    z-index: 9;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.sci-dev,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.sci-dev {
    right: 9.8rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.sci-int,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.sci-int {
    right: 9.5rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.sci-stage,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.sci-stage {
    right: 10.7rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.sci-preprod,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.sci-preprod {
    right: 11.5rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.sci-spro,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.sci-spro {
    right: 10.2rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.scii-dev,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.scii-dev {
    right: 12.3rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.scii-int,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.scii-int {
    right: 12rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.scii-test,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.scii-test {
    right: 12.5rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.scii-preprod,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.scii-preprod {
    right: 14rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.scii-spro,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.scii-spro {
    right: 12.8rem;
  }
  .sci-user-detail .form-group .input-group.sci-form-control-group .clear-icon.scii-prod,
  .sci-form .form-group .input-group.sci-form-control-group .clear-icon.scii-prod {
    right: 10.8;
  }
  .sci-user-detail .form-group .sci-radio-button.disabled,
  .sci-form .form-group .sci-radio-button.disabled {
    cursor: not-allowed;
  }
  .sci-user-detail .form-group .sci-radio-button.disabled .custom-control,
  .sci-form .form-group .sci-radio-button.disabled .custom-control {
    pointer-events: none;
    opacity: 0.5;
  }
  .sci-user-detail .sci-fieldset-section,
  .sci-form .sci-fieldset-section {
    max-width: 25rem;
    padding-left: 0px;
  }
  .sci-user-detail .sci-addaction-btn,
  .sci-form .sci-addaction-btn {
    float: right;
    margin-right: -7rem;
  }
  .sci-user-detail footer,
  .sci-form footer {
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16);
    height: 3.5rem;
    padding: 0.5rem 0;
    min-width: calc(100vw - 1rem);
  }
  .sci-user-detail .dlt-icon-check,
  .sci-form .dlt-icon-check {
    color: #058192;
    font-size: 1.125rem;
  }
  .sci-user-detail .sci-checkall-btn,
  .sci-form .sci-checkall-btn {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.75rem;
  }
  .sci-user-detail .sci-checkall-btn i,
  .sci-form .sci-checkall-btn i {
    padding-right: 0.2rem;
    font-size: 0.875rem;
    line-height: 1.2rem;
  }
  .sci-user-detail textarea,
  .sci-form textarea {
    max-width: 100%;
    resize: none;
  }
  .sci-user-detail .inside-tab-navigation ~ section h3,
  .sci-form .inside-tab-navigation ~ section h3 {
    padding-top: 13rem;
    margin-top: -13rem;
  }
  
  .sci-view-user-detail .form-group {
    margin-bottom: 1rem;
  }
  .sci-view-user-detail .form-group .form-control-plaintext,
  .sci-view-user-detail .form-group figure {
    padding: 0px;
  }
  
  .sci-form h3 {
    padding-top: 13rem;
    margin-top: -12rem;
  }
  
  .userImage {
    background-color: var(--cds-tag-color-cyan, #00539a);
    color: var(--cds-text-on-color, #ffffff);
    text-align: center;
    line-height: 2.5rem;
    padding-top: 0.15rem;
  }
  .userImage > i {
    font-size: 1.5rem;
    margin: auto;
  }
  .userImage svg {
    fill: var(--cds-icon-on-color, #ffffff);
  }
  
  .otp_auth .info_message {
    font-size: 0.75rem;
    line-height: 0.8rem;
  }
  .otp_auth .info_message .dlt-icon-info {
    margin-right: 0.15rem;
    font-size: 1rem;
    vertical-align: bottom;
  }
  .otp_auth .info_message .dlt-icon-warning {
    margin-right: 0.3rem;
    color: var(--cds-support-warning, #f1c21b);
    font-size: 1rem;
  }
  
  .input-search .form-control-sm, .form-group-sm .input-search .form-control, .input-search .form-group-sm .mktoInvalid, .form-group-sm .input-search .mktoInvalid,
  .input-search .form-group-sm .form-control {
    height: 1.5rem;
    font-size: 0.75rem;
  }
  
  .user-search {
    line-height: 0.3rem;
  }
  
  .user-input {
    padding-right: 1.5rem !important;
  }
  
  .search-lens {
    visibility: visible !important;
    font-size: 0.75rem !important;
    height: 1rem !important;
  }
  .search-lens:focus {
    background-color: var(--cds-background-inverse, #393939) !important;
    outline: 0px !important;
  }
  
  .search-close {
    font-size: 0.75rem !important;
    right: 1.5rem !important;
    height: 1rem !important;
  }
  .search-close:focus {
    background-color: var(--cds-background-inverse, #393939) !important;
    outline: 0px !important;
  }
  
  .search-icon {
    vertical-align: top;
  }
  
  @media screen and (min-width: 992px) {
    .sci-user-roles-grid-container {
      max-width: calc(100vw - 17rem);
      overflow-x: auto;
      margin-left: -0.75rem;
    }
    .sci-user-detail .sci-table-of-contents ~ section,
    .sci-form .sci-table-of-contents ~ section {
      max-width: calc(100vw - 23rem);
    }
  }
  .modalRolesTable {
    width: 45.625rem;
  }
  
  .modalArticle {
    margin-bottom: -0.5rem !important;
    margin-right: 0rem;
    max-height: calc(90vh - 4rem);
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .modalFormBody {
    font-size: 0.875rem;
    max-height: calc(84vh - 5rem);
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .modalRoleColumns {
    min-width: 9.375rem;
  }
  
  .modalFooter {
    min-width: unset !important;
    box-shadow: none !important;
    bottom: 0px !important;
    justify-content: flex-end !important;
  }
  
  .profile-picture {
    position: relative;
    width: 27rem;
    height: 8.875rem;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: 10.25rem;
    border-radius: 0;
    margin: 0;
  }
  .profile-picture:hover, .profile-picture:active {
    background-image: none !important;
  }
  .profile-picture:hover .infotext > span, .profile-picture:active .infotext > span {
    visibility: visible !important;
  }
  .profile-picture figcaption {
    font-size: 0.75rem;
  }
  .profile-picture .btn-secondary {
    height: 2rem;
  }
  
  .profile-picture img {
    width: 140px;
    height: 140px;
    position: absolute;
    border-radius: 0;
    background-color: #ffffff;
  }
  
  .profile-picture label {
    position: relative;
    font-weight: 400;
  }
  
  .profile-picture .drag-over .infotext {
    color: #058192;
    border: dashed 3px var(--cds-border-interactive, #0f62fe);
  }
  
  .profile-picture .infotext {
    margin-top: 5px;
    height: 8.75rem;
    width: 27rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--cds-text-primary, #161616);
    border: 1px dashed #36597d;
    border-radius: 0;
    font-size: 0.875rem;
    text-align: center;
    font-weight: 400;
    line-height: 1.5rem;
  }
  
  .sci-product-btns {
    display: flex;
    padding: 1rem;
    align-items: center;
    height: 100%;
  }
  .sci-product-btns > a {
    display: block;
    flex: 0 0 33%;
    color: var(--cds-text-primary, #161616);
    text-align: center;
    font-size: 2rem;
  }
  .sci-product-btns > .sci-product-main-btn {
    font-size: 4rem;
    margin-left: auto;
  }
  
  .sci-appswitcher svg {
    fill: var(--cds-icon-on-color, #ffffff);
  }
  
  .sci-prompt {
    padding: 2rem;
  }
  .sci-prompt .modal-header {
    font-size: 1.25rem;
    font-weight: 600;
    justify-content: flex-start;
    padding: 0 0 1rem 0;
    line-height: 1.74rem;
    border: 0;
  }
  .sci-prompt .modal-header:before {
    display: inline-block;
    font-family: "carbon_icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1.5rem;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 0.5rem;
  }
  .sci-prompt .modal-header .close {
    padding: 0.1rem 0.15rem 0rem;
    margin: -0.25rem -0.25rem -1rem auto;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
  }
  .sci-prompt .modal-header .close:focus {
    box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
    outline: none;
  }
  .sci-prompt .modal-header .close:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  .sci-prompt .modal-header .close:active {
    background-color: var(--cds-button-primary-active, #002d9c);
  }
  .sci-prompt.error-prompt, .sci-prompt.danger-prompt {
    border-left: 4px solid var(--cds-support-error, #da1e28);
  }
  .sci-prompt.error-prompt .modal-header:before, .sci-prompt.danger-prompt .modal-header:before {
    content: "\e901";
    color: var(--cds-support-error, #da1e28);
  }
  .sci-prompt.success-prompt {
    border-left: 4px solid var(--cds-support-success, #24a148);
  }
  .sci-prompt.success-prompt .modal-header::before {
    content: "\e97e";
    color: var(--cds-support-success, #24a148);
  }
  .sci-prompt.info-prompt {
    border-left: 4px solid var(--cds-support-info, #0043ce);
  }
  .sci-prompt.info-prompt .modal-header::before {
    content: "\e903";
    color: var(--cds-support-info, #0043ce);
  }
  .sci-prompt.warning-prompt {
    border-left: 4px solid var(--cds-support-warning, #f1c21b);
  }
  .sci-prompt.warning-prompt .modal-header::before {
    content: "\e902";
    color: var(--cds-support-warning, #f1c21b);
  }
  .sci-prompt .modal-body {
    padding: 0;
    font-size: 0.875rem;
  }
  .sci-prompt .modal-body p:last-child {
    margin-bottom: 0;
  }
  .sci-prompt .modal-footer {
    border-top: transparent;
    padding: 1.5rem 0 0 0;
  }
  .sci-prompt .modal-footer .close {
    padding: 0;
    font-size: 1.5rem;
    cursor: pointer;
    position: absolute;
    top: 2rem;
    line-height: 1.25rem;
  }
  .sci-prompt .modal-footer .close:focus {
    box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
    outline: none;
  }
  .sci-prompt .modal-footer .close:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  .sci-prompt .modal-footer .close:active {
    background-color: #c5edea;
  }
  
  .sci-modal-xl .modal-lg {
    max-width: 83.33vw;
  }
  
  .sci-modal-default .modal-lg {
    max-width: 37rem;
  }
  
  .sci-empty-state {
    background: var(--cds-layer-01, #ffffff);
    padding: 1.5rem;
    color: var(--cds-text-primary, #161616);
    text-align: center;
    box-shadow: 0px 2px 4px 1px rgba(1, 31, 61, 0.16);
    height: 13.325rem;
  }
  .sci-empty-state i {
    font-size: 2rem;
  }
  .sci-empty-state .empty-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 0.25rem;
  }
  .sci-empty-state .empty-message {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
  }
  
  .sci-empty-state-error img {
    width: 15.625rem;
  }
  .sci-empty-state-error .error-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 1rem;
  }
  .sci-empty-state-error .error-message {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .sci-empty-container {
    min-height: 15rem;
  }
  
  .sci-empty-state-grid {
    margin-left: 2rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  .sci-empty-state-grid .add-icon {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: var(--cds-icon-primary, #161616);
    margin-left: 1rem;
  }
  .sci-empty-state-grid .empty-container {
    display: inline-block;
    margin-left: 1rem;
    margin-top: 1rem;
  }
  .sci-empty-state-grid .empty-container .empty-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
  .sci-empty-state-grid .empty-container .empty-message {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    max-width: 30rem;
  }
  
  @keyframes rotator {
    0% {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(270deg);
    }
  }
  @keyframes dash_default {
    0% {
      stroke-dashoffset: 160;
    }
    50% {
      stroke-dashoffset: 45;
      transform: rotate(135deg);
    }
    to {
      stroke-dashoffset: 160;
      transform: rotate(450deg);
    }
  }
  @keyframes dash_sm {
    0% {
      stroke-dashoffset: 170;
    }
    50% {
      stroke-dashoffset: 110;
      transform: rotate(135deg);
    }
    to {
      stroke-dashoffset: 170;
      transform: rotate(450deg);
    }
  }
  .sci-loader {
    align-items: center;
    display: flex;
    height: 0;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    top: 50%;
  }
  .sci-loader svg {
    height: 3rem;
    width: 3rem;
    stroke: var(--cds-interactive, #0f62fe);
    overflow: visible;
    animation: rotator 1.35s linear infinite;
  }
  .sci-loader svg .spinner {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    animation: dash_default 1.35s ease-in-out infinite;
    stroke: var(--cds-interactive, #0f62fe);
  }
  .sci-loader svg .color-gradient-start {
    stop-color: var(--cds-interactive, #0f62fe);
  }
  .sci-loader svg .color-gradient-end {
    stop-color: var(--cds-interactive, #0f62fe);
  }
  .sci-loader svg circle {
    fill: transparent;
    stroke-width: 4px;
    scale: 0.92;
    transform-origin: center;
  }
  .sci-loader.sci-loader-sm svg {
    height: 1.5rem;
    width: 1.5rem;
  }
  .sci-loader.sci-loader-sm svg circle {
    stroke-width: 2px;
  }
  .sci-loader.sci-loader-sm svg .spinner {
    animation: dash_sm 1.35s ease-in-out infinite;
  }
  .sci-loader.sci-loader-inline {
    position: absolute;
    top: 1rem !important;
  }
  .sci-loader.sci-loader-text {
    justify-content: center;
    flex-direction: column;
  }
  .sci-loader.sci-loader-text .loading-text {
    align-items: baseline;
    margin: 0.25rem auto 0;
  }
  .sci-loader.sci-loader-text .loading-text span {
    color: var(--cds-text-primary, #161616);
    font-size: 0.75rem;
    line-height: 16px;
  }
  
  jhi-loading-mask + * {
    opacity: 0.32;
    pointer-events: none;
  }
  
  .sci-overlay-list {
    padding: 0;
  }
  .sci-overlay-list a {
    border: none;
    font-size: 0.875rem;
    color: var(--cds-text-secondary, #525252);
    cursor: pointer;
    line-height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
  .sci-overlay-list .menu-icons {
    font-size: 1rem;
    padding-right: 0.5rem;
    vertical-align: text-top;
  }
  
  .sci-product-dropdown-menu {
    box-shadow: 0px 0px 1px 0px rgb(1, 31, 61), 0px 2px 12px 2px rgba(1, 31, 61, 0.12);
    border: none;
    border-radius: 0;
  }
  .sci-product-dropdown-menu.bs-popover-bottom, .sci-product-dropdown-menu.bs-popover-auto[x-placement^=bottom] {
    margin-left: -6.15rem;
    margin-top: 0.75rem;
  }
  .sci-product-dropdown-menu.bs-popover-bottom .popover-arrow, .sci-product-dropdown-menu.bs-popover-auto[x-placement^=bottom] .popover-arrow {
    left: auto !important;
    right: 1rem;
  }
  
  .sci-product-dropdown-menu-sm {
    box-shadow: 0px 2px 12px 2px rgba(1, 31, 61, 0.12);
    border: none;
    border-radius: 0;
  }
  .sci-product-dropdown-menu-sm.bs-popover-bottom, .sci-product-dropdown-menu-sm.bs-popover-auto[x-placement^=bottom] {
    margin-left: -2.5rem;
    margin-top: 0.75rem;
  }
  .sci-product-dropdown-menu-sm.bs-popover-bottom .popover-arrow, .sci-product-dropdown-menu-sm.bs-popover-auto[x-placement^=bottom] .popover-arrow {
    left: auto !important;
    right: 1rem;
  }
  
  .sci-overlay-menu-section {
    overflow-y: auto;
    max-height: 81.29vh;
  }
  .sci-overlay-menu-section:not(:first-child) {
    padding: 0.5rem 0 0 0;
  }
  .sci-overlay-menu-section a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 17.5rem;
    white-space: nowrap;
  }
  .sci-overlay-menu-section .sci-overlay-menu-group-label {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 0 0.25rem 1rem;
  }
  .sci-overlay-menu-section .sci-active-dropdown-item {
    border-left: 4px solid var(--cds-border-interactive, #0f62fe) !important;
    padding-left: 0.75rem;
  }
  .sci-overlay-menu-section .sci-active-dropdown-item:hover {
    border-left-width: 2px !important;
    padding-left: 0.875rem;
  }
  
  .sci-overlay-menu-section::-webkit-scrollbar {
    width: 0.5rem;
  }
  
  .sci-overlay-menu-section::-webkit-scrollbar-track {
    background: #e7ebee;
    border-radius: 0.5rem;
  }
  
  .sci-overlay-menu-section::-webkit-scrollbar-thumb {
    background: #d2d9e0;
    border-radius: 0.5rem;
  }
  
  #sci-environments-first .sci-env-first-div {
    display: inline-block;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
  
  .sci-certificate-list.sci-product-dropdown-menu.bs-popover-bottom, .sci-certificate-list.sci-product-dropdown-menu.bs-popover-auto[x-placement^=bottom] {
    left: 2.5rem !important;
  }
  
  .sci-toggle-switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
  }
  .sci-toggle-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border-width: 1px;
    visibility: visible;
    white-space: nowrap;
  }
  .sci-toggle-switch input:checked + .slider-round {
    border: 1px solid var(--cds-border-inverse, #161616);
    background-color: var(--cds-support-success, #24a148);
  }
  .sci-toggle-switch input:checked + .slider-round:before {
    transform: translateX(26px);
  }
  .sci-toggle-switch input.inactive + .slider-round:before {
    background-color: var(--cds-icon-on-color, #ffffff);
  }
  .sci-toggle-switch input.active + .slider-round:before {
    left: 0;
    background-color: var(--cds-icon-on-color, #ffffff);
  }
  .sci-toggle-switch input.active:checked:disabled:hover + .slider-round, .sci-toggle-switch input.inactive:checked:disabled:hover + .slider-round {
    box-shadow: none;
    border: 1px solid var(--cds-border-inverse, #161616);
  }
  .sci-toggle-switch .slider-round {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--cds-toggle-off, #8d8d8d);
    border: 1px solid var(--cds-border-inverse, #161616);
    border-radius: 16px;
  }
  .sci-toggle-switch .slider-round::before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 3px;
    bottom: 3px;
    border-radius: 50%;
    background-color: var(--cds-icon-on-color, #ffffff);
  }
  .sci-toggle-switch input:focus + .slider-round, .sci-toggle-switch:active .slider-round,
  .sci-toggle-switch input.active:checked:active + .slider-round {
    box-shadow: 0 0 0 2px var(--cds-focus, #0f62fe), 0 0 0 2px var(--cds-icon-on-color, #ffffff);
    border: 2px solid var(--cds-icon-on-color, #ffffff);
  }
  .sci-toggle-switch:hover > input:disabled + .slider-round {
    box-shadow: none;
    border: 1px solid var(--cds-icon-on-color, #ffffff);
  }
  .sci-toggle-switch .switch-text {
    color: var(--cds-text-primary, #161616);
    font-family: var(--font-family-base, font-family("sans"));
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.6rem;
    text-align: left;
    margin-left: 3.25rem;
    vertical-align: top;
  }
  .sci-toggle-switch input:disabled + .slider-round,
  .sci-toggle-switch input:disabled ~ .switch-text {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .sci-table-of-contents ul {
    position: fixed;
    top: 6rem;
    right: 1.5rem;
    background-color: var(--cds-layer-01, #ffffff);
    min-width: 14rem;
    height: auto;
    margin: 0;
  }
  .sci-table-of-contents ul li {
    line-height: 1.8;
    list-style: none;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    border-left: 0.25rem solid transparent;
  }
  .sci-table-of-contents ul li.active, .sci-table-of-contents ul li:active {
    border-left-color: var(--cds-border-interactive, #0f62fe);
  }
  .sci-table-of-contents ul li:hover {
    background-color: var(--cds-layer-hover-01, #e8e8e8);
  }
  .sci-table-of-contents ul li a {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cds-text-primary, #161616);
    text-align: left;
    line-height: 1.5rem;
    text-decoration: none;
    cursor: pointer;
  }
  .sci-table-of-contents ul.inside-tab-navigation {
    top: 12.5rem;
  }
  .sci-table-of-contents.inside-tab-navigation ul {
    top: 13rem;
  }
  
  .sci-grid {
    width: -moz-fit-content;
    width: fit-content;
    border-collapse: collapse;
    border: 1px solid var(--cds-border-subtle-02, #c6c6c6);
  }
  .sci-grid tr {
    height: 2.875rem;
    background-color: var(--cds-layer-accent-02, #e0e0e0);
  }
  .sci-grid tr:nth-child(odd) td {
    background-color: var(--cds-layer-02, #f4f4f4);
  }
  .sci-grid tr th {
    background-color: var(--cds-layer-accent-02, #e0e0e0);
    border: 1px solid var(--cds-border-subtle-02, #c6c6c6);
    border-bottom-width: 2px;
    padding: 0.7rem 2rem 0.7rem 0.75rem;
    text-align: left;
    font-weight: 600;
  }
  .sci-grid tr th:first-child {
    border-right-width: 2px;
  }
  .sci-grid tr td {
    border: 1px solid var(--cds-border-subtle-02, #c6c6c6);
    padding: 0.7rem;
  }
  .sci-grid tr td:first-child {
    border-right-width: 2px;
    font-weight: 600;
  }
  .sci-grid .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before, .sci-grid .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::after {
    opacity: 0.5;
    background-color: white;
    cursor: not-allowed;
    box-shadow: none;
  }
  .sci-grid .sci-grid-title {
    float: left;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.375rem;
  }
  .sci-grid .sci-grid-actionbar {
    float: right;
  }
  @supports (-moz-appearance: none) {
    .sci-grid .custom-checkbox .custom-control-label {
      position: absolute;
    }
  }
  
  tag-input .error-messages {
    position: absolute;
  }
  tag-input .error-messages .error-message {
    margin: 0.2rem 0 0;
  }
  tag-input .error-messages .error-message span {
    color: var(--cds-text-primary, #161616);
  }
  tag-input .error-messages .error-message span:before {
    content: "\e901";
    color: var(--cds-text-error, #da1e28);
  }
  
  .sci-tag-theme.ng2-tag-input {
    border: 1px solid var(--cds-border-inverse, #161616) !important;
    padding: 4px 4px !important;
    min-height: 2rem !important;
    line-height: 1.2rem !important;
  }
  .sci-tag-theme.ng2-tag-input.ng2-tag-input--focused {
    border: 1px solid var(--cds-border-interactive, #0f62fe) !important;
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe) !important;
  }
  .sci-tag-theme.ng2-tag-input.ng2-tag-input--invalid {
    border-bottom: var(--cds-text-error, #da1e28);
    box-shadow: inset 0 -3px 0 var(--cds-text-error, #da1e28) !important;
  }
  .sci-tag-theme.ng2-tag-input .ng2-tag-input__text-input {
    height: 1.5rem !important;
    font-size: 0.875rem !important;
    background-color: var(--cds-field-02, #f4f4f4);
  }
  .sci-tag-theme.ng2-tag-input delete-icon:hover,
  .sci-tag-theme.ng2-tag-input .bootstrap:hover {
    transform: none;
    color: #1c5569;
  }
  .sci-tag-theme.ng2-tag-input delete-icon:hover svg path,
  .sci-tag-theme.ng2-tag-input .bootstrap:hover svg path {
    fill: #1c5569 !important;
  }
  .sci-tag-theme.ng2-tag-input delete-icon svg,
  .sci-tag-theme.ng2-tag-input .bootstrap svg {
    height: 0.875rem !important;
    width: 0.875rem !important;
    vertical-align: middle !important;
  }
  .sci-tag-theme.ng2-tag-input delete-icon svg path,
  .sci-tag-theme.ng2-tag-input .bootstrap svg path {
    fill: #058192 !important;
  }
  .sci-tag-theme.ng2-tag-input delete-icon:focus svg, .sci-tag-theme.ng2-tag-input delete-icon:active svg,
  .sci-tag-theme.ng2-tag-input .bootstrap:focus svg,
  .sci-tag-theme.ng2-tag-input .bootstrap:active svg {
    box-shadow: inset 0 0 0 1px var(--cds-border-interactive, #0f62fe) !important;
  }
  .sci-tag-theme.ng2-tag-input delete-icon:focus svg path, .sci-tag-theme.ng2-tag-input delete-icon:active svg path,
  .sci-tag-theme.ng2-tag-input .bootstrap:focus svg path,
  .sci-tag-theme.ng2-tag-input .bootstrap:active svg path {
    fill: #058192 !important;
  }
  .sci-tag-theme.ng2-tag-input delete-icon:active svg,
  .sci-tag-theme.ng2-tag-input .bootstrap:active svg {
    background: #c5edea;
  }
  .sci-tag-theme.ng2-tag-input tag,
  .sci-tag-theme.ng2-tag-input .ng-trigger {
    height: 1.5rem !important;
    line-height: 1.1rem !important;
    font-size: 0.875rem !important;
    border-radius: 0px !important;
    background: transparent !important;
    border: 1px solid var(--cds-border-inverse, #161616);
  }
  .sci-tag-theme.ng2-tag-input tag .tag__text,
  .sci-tag-theme.ng2-tag-input .ng-trigger .tag__text {
    color: var(--cds-text-primary, #161616);
  }
  .sci-tag-theme.ng2-tag-input tag:hover,
  .sci-tag-theme.ng2-tag-input .ng-trigger:hover {
    background: transparent !important;
    border: 1px solid var(--cds-border-inverse, #161616) !important;
    box-shadow: none !important;
  }
  .sci-tag-theme.ng2-tag-input tag:focus,
  .sci-tag-theme.ng2-tag-input .ng-trigger:focus {
    background: transparent !important;
    border: 1px solid #058192 !important;
    box-shadow: inset 0 0 0 1px #058192 !important;
  }
  @supports (-moz-appearance: none) {
    .sci-tag-theme.ng2-tag-input .ng2-tags-container {
      margin-top: 1px;
      margin-bottom: -1px;
    }
    .sci-tag-theme.ng2-tag-input tag,
    .sci-tag-theme.ng2-tag-input .ng-trigger {
      line-height: 1.2rem !important;
    }
  }
  .sci-tag-theme.ng2-tag-input input::placeholder {
    font-style: italic;
    color: #36597d;
    opacity: 1;
  }
  
  .sci-tags {
    display: inline-flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sci-tags .sci-tags-item {
    align-items: center;
    background-color: #f0f2f4;
    border: 0 solid var(--cds-border-inverse, #161616);
    border-radius: 0;
    color: #011f3d;
    cursor: default;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 500;
    height: 24px;
    line-height: 1.5;
    margin: 0 0.5rem 0 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 4px;
    text-decoration: none;
    transition: 0.25s ease-in;
  }
  .sci-tags .sci-tags-item span {
    font-weight: 400;
    line-height: 1.2;
    margin-left: 3px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sci-tags .sci-tags-item .sci-tags-item-clear {
    border: 0;
    box-shadow: none;
    color: #011f3d;
    cursor: pointer;
    height: 1rem;
    line-height: 1;
    margin: 0 0 0 4px;
    outline: 0;
    padding: 0.25rem;
    width: 1rem;
    font-size: 1rem;
  }
  .sci-tags .sci-button-icon {
    background-color: transparent;
    cursor: pointer;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    transition: 0.25s ease-in;
    width: 2rem;
  }
  .sci-tags .sci-button-icon:active {
    background-color: #c5edea;
    box-shadow: inset 0 0 0 1px #058192;
    border: 1px solid #058192;
    outline: none;
    color: #058192;
  }
  .sci-tags .sci-button-icon:hover, .sci-tags .sci-button-icon:focus {
    border: 1px solid #058192;
    box-shadow: inset 0 0 0 1px #058192;
    outline: none;
    color: #1c5569;
  }
  .sci-tags .sci-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0;
    color: #058192;
    cursor: pointer;
    display: inline-flex;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 0 0.75rem;
    text-decoration: none;
    transition: 0.25s ease-in;
  }
  
  .sci-free-forever {
    padding: 2rem;
  }
  .sci-free-forever .sci-card {
    margin: 1.5rem 0;
    box-shadow: 0 0.125rem 0.25rem 1px rgba(0, 0, 0, 0.16);
  }
  .sci-free-forever .sci-card:hover {
    cursor: unset;
    background-color: unset;
    box-shadow: 0 0.125rem 0.25rem 1px rgba(0, 0, 0, 0.16);
  }
  .sci-free-forever .sci-card.free-forever-edition {
    border-top: 0.25rem solid var(--cds-support-info, #0043ce);
    padding-bottom: 1rem;
  }
  .sci-free-forever .sci-card.free-forever-edition .ff-tag {
    color: #058192;
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0.5rem 1rem 0;
    line-height: 1.25rem;
  }
  .sci-free-forever .sci-card.free-trial {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sci-free-forever .sci-card .ff-header {
    margin: 0.5rem 1.5rem 0.25rem;
  }
  .sci-free-forever .sci-card .ff-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--cds-text-primary, #161616);
    line-height: 1.5rem;
    margin-bottom: 0;
  }
  .sci-free-forever .sci-card .ff-product {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cds-text-primary, #161616);
    line-height: 1.5rem;
  }
  .sci-free-forever .sci-card .ff-label {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--cds-text-primary, #161616);
    line-height: 1.5rem;
    margin: 0.5rem 1.5rem 0;
  }
  .sci-free-forever .sci-card .ff-description {
    margin-left: 1.5rem;
    font-size: 0.75rem;
    color: #36597d;
    line-height: 1rem;
  }
  .sci-free-forever .sci-card .ff-note {
    display: none;
  }
  .sci-free-forever .terms-conditions .tc-header {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
  }
  .sci-free-forever .terms-conditions .tc-content {
    border: 1px solid #537393;
    height: calc(100vh - 25.5rem);
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0.25rem 1rem 0.5rem 0;
  }
  .sci-free-forever .terms-conditions .tc-content .ng2-pdf-viewer-container {
    height: auto !important;
    overflow-y: hidden;
    padding-bottom: 0.5rem;
  }
  .sci-free-forever .terms-conditions .tc-content .ng2-pdf-viewer-container .page {
    overflow: hidden;
  }
  .sci-free-forever .terms-conditions .tc-content iframe {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    border: none;
  }
  .sci-free-forever .terms-conditions .tc-instruction {
    line-height: 1rem;
    font-size: 12px;
  }
  .sci-free-forever .terms-conditions .tc-instruction i {
    color: var(--cds-support-info, #0043ce);
    font-size: 1.125rem;
    vertical-align: text-bottom;
  }
  .sci-free-forever .terms-conditions .tc-printer-version {
    color: var(--cds-link-primary, #0f62fe);
    font-size: 1rem;
    cursor: pointer;
  }
  .sci-free-forever .modal-body {
    max-height: calc(84vh - 9.5rem);
    overflow-y: auto;
  }
  .sci-free-forever .modal-footer {
    padding-top: 1.5rem;
  }
  .sci-free-forever .modal-footer .ff-note {
    font-size: 0.875rem;
  }
  
  #subscribe_product .sci-loader {
    left: calc(50% - 1.5rem);
    top: calc(50% - 1.5rem);
    display: inline;
  }
  #subscribe_product .sci-loader .loading-text {
    margin-left: -0.6rem;
  }
  
  #free_forever jhi-loading-mask {
    height: 0;
  }
  #free_forever .sci-loader {
    position: static;
    height: calc(100vh - 25.5rem);
    width: calc(83.33vw - 4rem);
  }
  
  .sci-product-card {
    width: inherit;
    height: auto;
    background: var(--cds-layer-01, #ffffff) 0% 0% no-repeat;
    box-shadow: 0px 2px 4px 1px rgba(1, 31, 61, 0.16);
    padding: 1.5rem 1rem 1rem 1rem;
    position: relative;
    border: 2px solid white;
    outline: 0;
    min-height: 7.5rem;
  }
  .sci-product-card .sci-product-card-title {
    display: flex;
    flex-flow: row wrap;
    min-height: 4rem;
  }
  .sci-product-card .sci-product-card-title div.icon-holder {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    flex-basis: 2.5rem;
    flex-shrink: 0;
    margin: 0 0.5rem;
  }
  .sci-product-card .sci-product-card-title div.icon-holder i {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--cds-icon-primary, #161616);
  }
  .sci-product-card .sci-product-card-title h3 {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--cds-text-primary, #161616);
    padding: 0 0.5rem;
    padding-right: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.2;
    display: flex;
    flex-flow: column wrap;
    flex: 1 1;
    align-self: start;
  }
  .sci-product-card .sci-product-card-title h3 .subtitle {
    color: var(--cds-text-primary, #161616);
    font-weight: 600;
    font-size: 0.875rem;
  }
  .sci-product-card .sci-product-card-title.no-subtitle {
    min-height: 2.5rem;
    margin-bottom: 1.5rem;
  }
  .sci-product-card .sci-product-card-title.no-subtitle h3 {
    align-self: center;
  }
  .sci-product-card .sci-product-card-content {
    height: auto;
    overflow: hidden;
    min-height: 3.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sci-product-card .sci-product-card-content p {
    padding: 0 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0.125rem;
  }
  .sci-product-card .sci-product-card-content .btn-sm, .sci-product-card .sci-product-card-content .btn-group-sm > .btn {
    height: 2rem;
    line-height: 1.6;
  }
  .sci-product-card .sci-product-card-content .wait_msg {
    text-align: center;
    margin-top: -0.75rem;
  }
  .sci-product-card .sci-product-card-content .sci-loader.sci-loader-sm.sci-loader-inline {
    position: static;
    width: 7.6rem;
    justify-content: center;
  }
  .sci-product-card .sci-product-card-actions {
    padding-top: 1rem;
    display: flex;
    justify-content: flex-end;
  }
  .sci-product-card .sci-product-card-actions > * + * {
    margin-left: 0.5rem;
  }
  .sci-product-card .sci-product-card-actions .sci-more-menu {
    display: inline-block;
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
  }
  .sci-product-card .sci-product-card-actions .sci-more-menu button {
    position: absolute;
    color: var(--cds-icon-primary, #161616);
  }
  .sci-product-card .sci-product-card-actions button,
  .sci-product-card .sci-product-card-actions .btn {
    padding: 0.188rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--cds-icon-primary, #161616);
  }
  .sci-product-card .sci-product-card-actions button:hover,
  .sci-product-card .sci-product-card-actions .btn:hover {
    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  }
  .sci-product-card .sci-product-card-actions button:focus,
  .sci-product-card .sci-product-card-actions .btn:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
    border-color: var(--cds-focus, #0f62fe);
  }
  .sci-product-card .sci-product-card-actions button:active,
  .sci-product-card .sci-product-card-actions .btn:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  .sci-product-card .sci-product-card-actions button i,
  .sci-product-card .sci-product-card-actions .btn i {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .sci-product-card:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% + 6px);
    height: 0.25rem;
    bottom: -3px;
    left: -3px;
    right: 6px;
    background-color: transparent;
  }
  .sci-info .sci-product-card:after {
    background-color: var(--cds-support-info, #0043ce);
  }
  .sci-success .sci-product-card:after {
    background-color: var(--cds-support-success, #24a148);
  }
  .sci-error .sci-product-card:after {
    background-color: var(--cds-support-error, #da1e28);
  }
  .sci-warning .sci-product-card:after {
    background-color: var(--cds-support-warning, #f1c21b);
  }
  .sci-product-card + .sci-product-expiry-label {
    bottom: -3.25rem;
    display: block;
    position: absolute;
    left: 1rem;
    font-size: 0.75rem;
    height: 3rem;
    margin: 0;
    margin-right: 0.875rem;
    color: var(--cds-text-primary, #161616);
  }
  .sci-product-card + .sci-product-expiry-label i {
    font-size: 0.875rem;
  }
  .sci-product-card + .sci-product-expiry-label a {
    text-decoration: underline;
    color: var(--cds-link-primary, #0f62fe);
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    border: 1px solid transparent;
  }
  .sci-product-card + .sci-product-expiry-label a:hover {
    color: var(--cds-link-primary-hover, #0043ce);
  }
  .sci-product-card + .sci-product-expiry-label a:focus {
    color: var(--cds-link-primary, #0f62fe);
    border: 1px solid var(--cds-focus, #0f62fe);
  }
  .sci-product-card + .sci-product-expiry-label a:active {
    color: var(--cds-text-primary, #161616);
    border: 1px solid var(--cds-focus, #0f62fe);
  }
  .sci-info .sci-product-card + .sci-product-expiry-label i {
    color: var(--cds-support-info, #0043ce);
  }
  .sci-error .sci-product-card + .sci-product-expiry-label i {
    color: var(--cds-support-error, #da1e28);
  }
  .sci-warning .sci-product-card + .sci-product-expiry-label i {
    color: var(--cds-support-warning, #f1c21b);
  }
  .sci-success .sci-product-card + .sci-product-expiry-label i {
    color: var(--cds-support-success, #24a148);
  }
  .sci-product-card.sci-product-expired {
    cursor: default;
  }
  .sci-product-card.sci-product-expired .sci-product-card-title {
    opacity: 0.5;
  }
  
  .sci-product-headline {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
  }
  
  .sci-basic-plan .sci-product-card:after {
    background-image: linear-gradient(90deg, var(--cds-layer-02, #f4f4f4) 0%, var(--cds-layer-selected-inverse, #161616) 100%);
  }
  
  .animate_fadeOutUpShort {
    animation: fadeOutUpShort;
    animation-duration: 0.5s;
  }
  
  .animate_fadeInUpShort {
    animation: fadeInUpShort;
    animation-duration: 0.5s;
  }
  
  .animate_fadeOutDownShort {
    animation: fadeOutDownShort;
    animation-duration: 0.5s;
  }
  
  .animate_fadeInDownShort {
    animation: fadeInDownShort;
    animation-duration: 0.5s;
  }
  
  @keyframes fadeOutUpShort {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, -20%, 0);
    }
  }
  @keyframes fadeInUpShort {
    0% {
      opacity: 0;
      transform: translate3d(0, 20%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  @keyframes fadeOutDownShort {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 20%, 0);
    }
  }
  @keyframes fadeInDownShort {
    0% {
      opacity: 0;
      transform: translate3d(0, -20%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .sci-card-max-size {
    max-width: 27.5rem;
  }
  
  /*!
   * animate.css - https://animate.style/
   * Version - 4.1.1
   * Licensed under the MIT license - http://opensource.org/licenses/MIT
   *
   * Copyright (c) 2020 Animate.css
   */
  :root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
  }
  
  .animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
  }
  
  .animate__animated.animate__infinite {
    animation-iteration-count: infinite;
  }
  
  .animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat);
  }
  
  .animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat) * 2);
  }
  
  .animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat) * 3);
  }
  
  .animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay);
  }
  
  .animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay) * 2);
  }
  
  .animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay) * 3);
  }
  
  .animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay) * 4);
  }
  
  .animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay) * 5);
  }
  
  .animate__animated.animate__faster {
    animation-duration: 0.5s;
    animation-duration: calc(var(--animate-duration) / 2);
  }
  
  .animate__animated.animate__fast {
    animation-duration: 0.8s;
    animation-duration: calc(var(--animate-duration) * 0.8);
  }
  
  .animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration) * 2);
  }
  
  .animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration) * 3);
  }
  
  @media (prefers-reduced-motion: reduce), print {
    .animate__animated {
      animation-duration: 1ms !important;
      transition-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
    .animate__animated[class*=Out] {
      opacity: 0;
    }
  }
  @keyframes bounce {
    0%, 20%, 53%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: translateZ(0);
    }
    40%, 43% {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: translateZ(0) scaleY(0.95);
    }
    90% {
      transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
  }
  .animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom;
  }
  @keyframes flash {
    0%, 50%, to {
      opacity: 1;
    }
    25%, 75% {
      opacity: 0;
    }
  }
  .animate__flash {
    animation-name: flash;
  }
  @keyframes pulse {
    0% {
      transform: scaleX(1);
    }
    50% {
      transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
      transform: scaleX(1);
    }
  }
  .animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out;
  }
  @keyframes rubberBand {
    0% {
      transform: scaleX(1);
    }
    30% {
      transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      transform: scale3d(1.05, 0.95, 1);
    }
    to {
      transform: scaleX(1);
    }
  }
  .animate__rubberBand {
    animation-name: rubberBand;
  }
  @keyframes shakeX {
    0%, to {
      transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
      transform: translate3d(10px, 0, 0);
    }
  }
  .animate__shakeX {
    animation-name: shakeX;
  }
  @keyframes shakeY {
    0%, to {
      transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(0, -10px, 0);
    }
    20%, 40%, 60%, 80% {
      transform: translate3d(0, 10px, 0);
    }
  }
  .animate__shakeY {
    animation-name: shakeY;
  }
  @keyframes headShake {
    0% {
      transform: translateX(0);
    }
    6.5% {
      transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
      transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
      transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
      transform: translateX(2px) rotateY(3deg);
    }
    50% {
      transform: translateX(0);
    }
  }
  .animate__headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
  }
  @keyframes swing {
    20% {
      transform: rotate(15deg);
    }
    40% {
      transform: rotate(-10deg);
    }
    60% {
      transform: rotate(5deg);
    }
    80% {
      transform: rotate(-5deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
  .animate__swing {
    transform-origin: top center;
    animation-name: swing;
  }
  @keyframes tada {
    0% {
      transform: scaleX(1);
    }
    10%, 20% {
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
      transform: scaleX(1);
    }
  }
  .animate__tada {
    animation-name: tada;
  }
  @keyframes wobble {
    0% {
      transform: translateZ(0);
    }
    15% {
      transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
      transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
      transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
      transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
      transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__wobble {
    animation-name: wobble;
  }
  @keyframes jello {
    0%, 11.1%, to {
      transform: translateZ(0);
    }
    22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
      transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }
  .animate__jello {
    animation-name: jello;
    transform-origin: center;
  }
  @keyframes heartBeat {
    0% {
      transform: scale(1);
    }
    14% {
      transform: scale(1.3);
    }
    28% {
      transform: scale(1);
    }
    42% {
      transform: scale(1.3);
    }
    70% {
      transform: scale(1);
    }
  }
  .animate__heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration) * 1.3);
    animation-timing-function: ease-in-out;
  }
  @keyframes backInDown {
    0% {
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
    }
    80% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  .animate__backInDown {
    animation-name: backInDown;
  }
  @keyframes backInLeft {
    0% {
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
    }
    80% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  .animate__backInLeft {
    animation-name: backInLeft;
  }
  @keyframes backInRight {
    0% {
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
    }
    80% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  .animate__backInRight {
    animation-name: backInRight;
  }
  @keyframes backInUp {
    0% {
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
    }
    80% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  .animate__backInUp {
    animation-name: backInUp;
  }
  @keyframes backOutDown {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    20% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
    }
  }
  .animate__backOutDown {
    animation-name: backOutDown;
  }
  @keyframes backOutLeft {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    20% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
    }
  }
  .animate__backOutLeft {
    animation-name: backOutLeft;
  }
  @keyframes backOutRight {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    20% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
    }
  }
  .animate__backOutRight {
    animation-name: backOutRight;
  }
  @keyframes backOutUp {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    20% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
    }
    to {
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
    }
  }
  .animate__backOutUp {
    animation-name: backOutUp;
  }
  @keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      transform: scaleX(1);
    }
  }
  .animate__bounceIn {
    animation-duration: 0.75s;
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: bounceIn;
  }
  @keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
      transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
      transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__bounceInDown {
    animation-name: bounceInDown;
  }
  @keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__bounceInLeft {
    animation-name: bounceInLeft;
  }
  @keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__bounceInRight {
    animation-name: bounceInRight;
  }
  @keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__bounceInUp {
    animation-name: bounceInUp;
  }
  @keyframes bounceOut {
    20% {
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
      opacity: 1;
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  .animate__bounceOut {
    animation-duration: 0.75s;
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: bounceOut;
  }
  @keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0) scaleY(3);
    }
  }
  .animate__bounceOutDown {
    animation-name: bounceOutDown;
  }
  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
  }
  .animate__bounceOutLeft {
    animation-name: bounceOutLeft;
  }
  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0) scaleX(2);
    }
  }
  .animate__bounceOutRight {
    animation-name: bounceOutRight;
  }
  @keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%, 45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0) scaleY(3);
    }
  }
  .animate__bounceOutUp {
    animation-name: bounceOutUp;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .animate__fadeIn {
    animation-name: fadeIn;
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInDown {
    animation-name: fadeInDown;
  }
  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInDownBig {
    animation-name: fadeInDownBig;
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInLeft {
    animation-name: fadeInLeft;
  }
  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInLeftBig {
    animation-name: fadeInLeftBig;
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInRight {
    animation-name: fadeInRight;
  }
  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInRightBig {
    animation-name: fadeInRightBig;
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInUp {
    animation-name: fadeInUp;
  }
  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInUpBig {
    animation-name: fadeInUpBig;
  }
  @keyframes fadeInTopLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInTopLeft {
    animation-name: fadeInTopLeft;
  }
  @keyframes fadeInTopRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, -100%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInTopRight {
    animation-name: fadeInTopRight;
  }
  @keyframes fadeInBottomLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft;
  }
  @keyframes fadeInBottomRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 100%, 0);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__fadeInBottomRight {
    animation-name: fadeInBottomRight;
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .animate__fadeOut {
    animation-name: fadeOut;
  }
  @keyframes fadeOutDown {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }
  .animate__fadeOutDown {
    animation-name: fadeOutDown;
  }
  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }
  .animate__fadeOutDownBig {
    animation-name: fadeOutDownBig;
  }
  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  }
  .animate__fadeOutLeft {
    animation-name: fadeOutLeft;
  }
  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  .animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
  }
  @keyframes fadeOutRight {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  }
  .animate__fadeOutRight {
    animation-name: fadeOutRight;
  }
  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  .animate__fadeOutRightBig {
    animation-name: fadeOutRightBig;
  }
  @keyframes fadeOutUp {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
  }
  .animate__fadeOutUp {
    animation-name: fadeOutUp;
  }
  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }
  .animate__fadeOutUpBig {
    animation-name: fadeOutUpBig;
  }
  @keyframes fadeOutTopLeft {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }
    to {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0);
    }
  }
  .animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft;
  }
  @keyframes fadeOutTopRight {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }
    to {
      opacity: 0;
      transform: translate3d(100%, -100%, 0);
    }
  }
  .animate__fadeOutTopRight {
    animation-name: fadeOutTopRight;
  }
  @keyframes fadeOutBottomRight {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }
    to {
      opacity: 0;
      transform: translate3d(100%, 100%, 0);
    }
  }
  .animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight;
  }
  @keyframes fadeOutBottomLeft {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }
    to {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0);
    }
  }
  .animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft;
  }
  @keyframes flip {
    0% {
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      animation-timing-function: ease-out;
    }
    40% {
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      animation-timing-function: ease-out;
    }
    50% {
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      animation-timing-function: ease-in;
    }
    80% {
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
      animation-timing-function: ease-in;
    }
    to {
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      animation-timing-function: ease-in;
    }
  }
  .animate__animated.animate__flip {
    backface-visibility: visible;
    animation-name: flip;
  }
  @keyframes flipInX {
    0% {
      transform: perspective(400px) rotateX(90deg);
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotateX(-20deg);
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotateX(-5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  .animate__flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
  }
  @keyframes flipInY {
    0% {
      transform: perspective(400px) rotateY(90deg);
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotateY(-20deg);
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotateY(-5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  .animate__flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
  }
  @keyframes flipOutX {
    0% {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
    }
  }
  .animate__flipOutX {
    animation-duration: 0.75s;
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: flipOutX;
    backface-visibility: visible !important;
  }
  @keyframes flipOutY {
    0% {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
    }
  }
  .animate__flipOutY {
    animation-duration: 0.75s;
    animation-duration: calc(var(--animate-duration) * 0.75);
    backface-visibility: visible !important;
    animation-name: flipOutY;
  }
  @keyframes lightSpeedInRight {
    0% {
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
    60% {
      transform: skewX(20deg);
      opacity: 1;
    }
    80% {
      transform: skewX(-5deg);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out;
  }
  @keyframes lightSpeedInLeft {
    0% {
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
    60% {
      transform: skewX(-20deg);
      opacity: 1;
    }
    80% {
      transform: skewX(5deg);
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out;
  }
  @keyframes lightSpeedOutRight {
    0% {
      opacity: 1;
    }
    to {
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }
  .animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in;
  }
  @keyframes lightSpeedOutLeft {
    0% {
      opacity: 1;
    }
    to {
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  }
  .animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in;
  }
  @keyframes rotateIn {
    0% {
      transform: rotate(-200deg);
      opacity: 0;
    }
    to {
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center;
  }
  @keyframes rotateInDownLeft {
    0% {
      transform: rotate(-45deg);
      opacity: 0;
    }
    to {
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom;
  }
  @keyframes rotateInDownRight {
    0% {
      transform: rotate(45deg);
      opacity: 0;
    }
    to {
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom;
  }
  @keyframes rotateInUpLeft {
    0% {
      transform: rotate(45deg);
      opacity: 0;
    }
    to {
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom;
  }
  @keyframes rotateInUpRight {
    0% {
      transform: rotate(-90deg);
      opacity: 0;
    }
    to {
      transform: translateZ(0);
      opacity: 1;
    }
  }
  .animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom;
  }
  @keyframes rotateOut {
    0% {
      opacity: 1;
    }
    to {
      transform: rotate(200deg);
      opacity: 0;
    }
  }
  .animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center;
  }
  @keyframes rotateOutDownLeft {
    0% {
      opacity: 1;
    }
    to {
      transform: rotate(45deg);
      opacity: 0;
    }
  }
  .animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom;
  }
  @keyframes rotateOutDownRight {
    0% {
      opacity: 1;
    }
    to {
      transform: rotate(-45deg);
      opacity: 0;
    }
  }
  .animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom;
  }
  @keyframes rotateOutUpLeft {
    0% {
      opacity: 1;
    }
    to {
      transform: rotate(-45deg);
      opacity: 0;
    }
  }
  .animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom;
  }
  @keyframes rotateOutUpRight {
    0% {
      opacity: 1;
    }
    to {
      transform: rotate(90deg);
      opacity: 0;
    }
  }
  .animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom;
  }
  @keyframes hinge {
    0% {
      animation-timing-function: ease-in-out;
    }
    20%, 60% {
      transform: rotate(80deg);
      animation-timing-function: ease-in-out;
    }
    40%, 80% {
      transform: rotate(60deg);
      animation-timing-function: ease-in-out;
      opacity: 1;
    }
    to {
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }
  .animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration) * 2);
    animation-name: hinge;
    transform-origin: top left;
  }
  @keyframes jackInTheBox {
    0% {
      opacity: 0;
      transform: scale(0.1) rotate(30deg);
      transform-origin: center bottom;
    }
    50% {
      transform: rotate(-10deg);
    }
    70% {
      transform: rotate(3deg);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  .animate__jackInTheBox {
    animation-name: jackInTheBox;
  }
  @keyframes rollIn {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  .animate__rollIn {
    animation-name: rollIn;
  }
  @keyframes rollOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate(120deg);
    }
  }
  .animate__rollOut {
    animation-name: rollOut;
  }
  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  .animate__zoomIn {
    animation-name: zoomIn;
  }
  @keyframes zoomInDown {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .animate__zoomInDown {
    animation-name: zoomInDown;
  }
  @keyframes zoomInLeft {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .animate__zoomInLeft {
    animation-name: zoomInLeft;
  }
  @keyframes zoomInRight {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .animate__zoomInRight {
    animation-name: zoomInRight;
  }
  @keyframes zoomInUp {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .animate__zoomInUp {
    animation-name: zoomInUp;
  }
  @keyframes zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  .animate__zoomOut {
    animation-name: zoomOut;
  }
  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom;
  }
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
  }
  .animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center;
  }
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      transform: scale(0.1) translate3d(2000px, 0, 0);
    }
  }
  .animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center;
  }
  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom;
  }
  @keyframes slideInDown {
    0% {
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__slideInDown {
    animation-name: slideInDown;
  }
  @keyframes slideInLeft {
    0% {
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__slideInLeft {
    animation-name: slideInLeft;
  }
  @keyframes slideInRight {
    0% {
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__slideInRight {
    animation-name: slideInRight;
  }
  @keyframes slideInUp {
    0% {
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  .animate__slideInUp {
    animation-name: slideInUp;
  }
  @keyframes slideOutDown {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0);
    }
  }
  .animate__slideOutDown {
    animation-name: slideOutDown;
  }
  @keyframes slideOutLeft {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0);
    }
  }
  .animate__slideOutLeft {
    animation-name: slideOutLeft;
  }
  @keyframes slideOutRight {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
    }
  }
  .animate__slideOutRight {
    animation-name: slideOutRight;
  }
  @keyframes slideOutUp {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
  }
  .animate__slideOutUp {
    animation-name: slideOutUp;
  }
  
  .sci-hero {
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.16);
    padding: 1rem;
    margin: 2rem 0 1.25rem;
    background-color: white;
  }
  .sci-hero .img-circle {
    background: var(--cds-tag-border-cyan, #33b1ff);
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  .sci-hero .img-circle .dlt-icon-profile {
    color: white;
    font-size: 2rem;
    margin-left: 1.5rem;
    line-height: 4.375rem;
  }
  .sci-hero .edit-img:hover {
    background: var(--cds-background-inverse, #393939);
    border: 2px solid var(--cds-border-interactive, #0f62fe);
    cursor: pointer;
  }
  .sci-hero .edit-img:active {
    background: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  .sci-hero .edit-img .edit_label {
    margin-left: 1.625rem;
    line-height: 4.875rem;
    color: var(--cds-text-primary, #161616);
  }
  .sci-hero .user-label {
    font-size: 1.375rem;
    margin-left: 0.125rem;
    font-weight: 600;
  }
  .sci-hero .user-sub-label {
    margin-left: 0.125rem;
  }
  .sci-hero .sci-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: self-start;
    height: auto;
    max-width: 70%;
  }
  .sci-hero .sci-hero-content [contenteditable] {
    border: 2px solid transparent;
    margin-left: -2px;
    outline: 0;
    display: inline-block;
    white-space: nowrap;
    max-width: calc(100vw - 15rem);
    max-height: 2.25rem;
    overflow: hidden;
  }
  .sci-hero .sci-hero-content [contenteditable]:focus, .sci-hero .sci-hero-content [contenteditable]:hover {
    margin-left: 0;
    padding-left: 8px;
    border: 2px solid var(--cds-border-interactive, #0f62fe);
    padding-right: 2rem;
  }
  .sci-hero .sci-hero-content [contenteditable]:focus + i, .sci-hero .sci-hero-content [contenteditable]:hover + i {
    display: inline-block;
    position: relative;
    right: 2.5rem;
    top: -0.5rem;
  }
  .sci-hero .sci-hero-content [contenteditable] + i {
    display: none;
    color: var(--cds-text-primary, #161616);
    margin: 0 4px;
  }
  .sci-hero .sci-hero-content h2 {
    margin-bottom: 0;
    font-size: 1.375rem;
    line-height: 2rem;
    font-family: font-family("sans");
    font-weight: 600;
  }
  .sci-hero .sci-hero-content p {
    font-size: 1rem;
    line-height: 1.25rem;
    word-break: break-word;
  }
  .sci-hero .sci-hero-content .sci-fieldset {
    margin: 0;
    border: 0;
    padding: 0;
  }
  .sci-hero .sci-hero-content .sci-fieldset .btn-link {
    color: var(--cds-icon-primary, #161616);
    padding: 0.1rem 0.2rem;
    height: 2rem;
    width: 2rem;
  }
  .sci-hero .sci-hero-content .sci-fieldset .btn-link:hover {
    background-color: var(--cds-button-primary-hover, #0050e6);
  }
  .sci-hero .sci-hero-content .sci-fieldset .btn-link:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
    border: 1px solid var(--cds-focus, #0f62fe);
  }
  .sci-hero .sci-hero-content .sci-fieldset .btn-link:active {
    background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  }
  .sci-hero .sci-hero-content .sci-default-label {
    font-weight: 600;
    font-size: 0.875rem;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0.8rem 0 0;
  }
  .sci-hero .sci-hero-actions {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 0;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  
  .sci-update-account-modal .modal-body {
    max-height: calc(84vh - 9rem);
    overflow-y: auto;
  }
  .sci-update-account-modal h5 {
    font-family: font-family("sans");
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
  }
  
  .sci-account-info h3 {
    font-size: 1.125rem;
    font-weight: 600;
  }
  .sci-account-info .feedback .form-text .error-title, .sci-account-info .feedback .mktoErrorMsg .error-title {
    font-weight: 500;
  }
  .sci-account-info .sci-loader {
    top: calc(50% + 9.5rem);
  }
  .sci-account-info .sci-nav-tabs-bar {
    top: 3rem;
    z-index: 9;
  }
  
  .sci-accounts-grid .sci-list-group-header,
  .sci-accounts-env-grid .sci-list-group-header {
    padding: 0.79rem 0.5rem;
  }
  .sci-accounts-grid .sci-list-group .sci-list-group-item,
  .sci-accounts-env-grid .sci-list-group .sci-list-group-item {
    line-height: 1.8rem;
  }
  .sci-accounts-grid .feedback .form-text .error-title, .sci-accounts-grid .feedback .mktoErrorMsg .error-title,
  .sci-accounts-env-grid .feedback .form-text .error-title,
  .sci-accounts-env-grid .feedback .mktoErrorMsg .error-title {
    font-weight: 500;
  }
  
  .sci-env-product-modal .modal-header .refresh-icon {
    right: 5rem;
    position: absolute;
  }
  .sci-env-product-modal .modal-body {
    max-height: calc(84vh - 5rem);
    min-height: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sci-env-product-modal .sci-list-group-item > div {
    min-height: 3.25rem;
  }
  .sci-env-product-modal .sci-list-group-item .sci-loader.sci-loader-inline {
    margin-top: 0.6rem;
    margin-left: 0.25rem;
  }
  .sci-env-product-modal div.icon-holder {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    flex-basis: 2.5rem;
    flex-shrink: 0;
    margin: 0 0.5rem;
  }
  .sci-env-product-modal div.icon-holder i {
    font-size: 2.5rem;
    line-height: 1;
    color: #058192;
  }
  .sci-env-product-modal .sci-toggle-switch .switch-text {
    vertical-align: top;
  }
  .sci-env-product-modal i.dlt-icon-warning {
    color: var(--cds-support-warning, #f1c21b);
  }
  .sci-env-product-modal .form-control[readonly], .sci-env-product-modal [readonly].mktoInvalid {
    opacity: 1;
  }
  
  .sci-popover-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--cds-text-primary, #161616);
  }
  .sci-popover-text .dlt-icon-check,
  .sci-popover-text .dlt-icon-check-circle {
    color: var(--cds-support-success, #24a148);
  }
  .sci-popover-text .dlt-icon-close {
    font-size: 0.75rem;
    color: var(--cds-support-error, #da1e28);
    padding-left: 1px;
    padding-right: 1px;
  }
  
  .sci-popover-subtitle {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    color: var(--cds-text-primary, #161616);
  }
  
  .sci-popover-tip .popover-body {
    padding: 0.5rem 0.5rem;
  }
  
  .sci-checkbox {
    box-sizing: content-box;
    padding: 0.875rem 0 0;
    position: relative;
  }
  
  .sci-checkbox input[type=checkbox] {
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0;
    position: absolute;
  }
  
  .sci-checkbox label {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem;
    cursor: pointer;
    font-weight: 400 !important;
    font-size: 0.875rem;
    color: var(--cds-text-primary, #161616);
    line-height: 1.125rem;
    margin: 0;
    border: 1px solid var(--cds-icon-primary, #161616);
  }
  
  .sci-checkbox input[type=checkbox]:checked + label::before {
    background-color: var(--cds-icon-primary, #161616);
    color: var(--cds-text-primary, #161616);
  }
  
  .sci-checkbox label::before {
    width: 0.875rem;
    height: 0.875rem;
    border: 1px solid var(--cds-icon-inverse, #ffffff);
    border-radius: 0;
    background-color: transparent;
    left: 0;
    top: 0;
  }
  
  .sci-checkbox label::after,
  .sci-checkbox label::before {
    position: absolute;
    content: "";
    display: inline-block;
  }
  
  .sci-checkbox input[type=checkbox]:checked + label::after {
    content: "";
    background-color: var(--cds-icon-primary, #161616);
    color: var(--cds-icon-inverse, #ffffff);
  }
  
  .sci-checkbox input[type=checkbox] + label::after {
    content: none;
  }
  
  .sci-checkbox label::after {
    height: 0.2rem;
    width: 0.5rem;
    border-left: 0.125rem solid;
    border-bottom: 0.125rem solid;
    transform: rotate(-45deg);
    left: 0.1875rem;
    top: 0.25rem;
  }
  
  .sci-checkbox label::after,
  .sci-checkbox label::before {
    position: absolute;
    content: "";
    display: inline-block;
  }
  
  .sci-checkbox input[type=checkbox]:enabled + label:hover::before {
    border-radius: 1px;
  }
  
  .sci-checkbox input[type=checkbox]:focus:enabled + label::before {
    border: 1px solid var(--cds-focus, #0f62fe);
    outline: var(--cds-focus, #0f62fe) solid 1px;
    outline-offset: -2px;
    border-radius: 1px;
  }
  
  .sci-radio-button {
    position: relative;
    box-sizing: content-box;
    padding: 0.875rem 0 0;
  }
  
  .sci-radio-button input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
  }
  
  .sci-radio-button label {
    position: relative;
    display: inline-block;
    padding: 0 1.625rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--cds-text-primary, #161616);
    line-height: 1.125rem;
    margin: 0;
  }
  
  .sci-radio-button label::after,
  .sci-radio-button label::before {
    position: absolute;
    content: "";
    display: inline-block;
  }
  
  .sci-radio-button label::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: var(--cds-icon-primary, #161616);
  }
  
  .sci-radio-button label::before {
    width: 0.875rem;
    height: 0.875rem;
    border: 1px solid var(--cds-icon-primary, #161616);
    border-radius: 50%;
    background-color: transparent;
    left: 0;
    top: 0;
  }
  
  .sci-radio-button input[type=radio]:checked + label::after {
    content: "";
    border: 1px solid var(--cds-icon-primary, #161616);
  }
  
  .sci-radio-button input[type=radio] + label::after {
    content: none;
  }
  
  .sci-radio-button input[type=radio]:focus:enabled + label::before {
    border-color: var(--cds-icon-primary, #161616);
    box-shadow: inset 0 0 0 1px var(--cds-icon-primary, #161616);
    outline: 2px solid var(--cds-focus, #0f62fe);
    outline-offset: 2px;
  }
  
  .sci-radio-button input[type=radio]:disabled + label {
    cursor: not-allowed;
    opacity: 0.65;
  }
  
  .progressbar {
    width: 100%;
    counter-reset: step;
    margin-left: -3.25rem;
  }
  .progressbar li {
    list-style-type: none;
    float: left;
    width: 10.625rem;
    position: relative;
    font-size: 16px;
    pointer-events: none;
    cursor: default;
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
  .progressbar li::before {
    content: counter(step);
    counter-increment: step;
    width: 2rem;
    height: 2rem;
    line-height: 1.875rem;
    border: 2px solid var(--cds-border-subtle-00, #c6c6c6);
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #ffffff;
    font-weight: 500;
    color: var(--cds-text-primary, #161616);
    font-size: 1rem;
    pointer-events: auto;
    cursor: pointer;
  }
  .progressbar li::after {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 2px;
    background-color: var(--cds-border-subtle-01, #e0e0e0);
    top: 20%;
    left: -41.5%;
    z-index: 0;
  }
  .progressbar li:active::before {
    background: var(--cds-layer-active-01, #c6c6c6);
  }
  .progressbar li.active > span {
    font-weight: 500;
  }
  .progressbar li.active::before {
    border-color: var(--cds-border-interactive, #0f62fe);
    background: var(--cds-interactive, #0f62fe);
    color: #ffffff;
    font-weight: 500;
  }
  .progressbar li.active::after {
    background-color: var(--cds-interactive, #0f62fe);
  }
  .progressbar li.active + li::after {
    background-color: var(--cds-border-interactive, #0f62fe);
  }
  .progressbar li:first-child::after {
    content: none;
  }
  .progressbar li.validated::before {
    border-color: var(--cds-interactive, #0f62fe);
    color: var(--cds-interactive, #0f62fe);
  }
  .progressbar li.carbon-icon-checkmark::before {
    content: "\e905";
    font-size: 24px;
    font-weight: 500;
  }
  .progressbar li.carbon-icon-checkmark + li::after {
    background-color: var(--cds-interactive, #0f62fe);
  }
  .progressbar li.hasError::before {
    content: "!";
    border-color: #d22d3d;
    background: #d22d3d;
    color: #ffffff;
    font-weight: 500;
  }
  .progressbar li.hasError + li::after {
    background-color: #d22d3d;
  }
  .progressbar li.disabledNextSteps, .progressbar li.disabledNextSteps::before, .progressbar li.disabledNextSteps + li.disabledNextSteps::after, .progressbar li.disabledNextSteps > span, .progressbar li.disabledNextSteps > i {
    pointer-events: none;
    opacity: 1;
  }
  .progressbar li.disabledNextSteps:hover::before {
    box-shadow: none;
  }
  .progressbar li.disabledNextSteps:active::before {
    background: none;
  }
  .progressbar li > span,
  .progressbar li > i {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    color: var(--cds-text-primary, #161616);
    margin-left: 4.25rem;
    pointer-events: auto;
    cursor: pointer;
  }
  
  .sci-company-logo {
    margin-top: 2rem;
    margin-bottom: 1rem;
    height: 2.5rem;
  }
  
  .sci-product-logo {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--cds-text-primary, #161616);
    margin-bottom: 0.75rem;
  }
  .sci-product-logo .sci-brand-name {
    font-weight: 700;
  }
  .sci-product-logo .sci-product-name {
    font-weight: 400;
  }
  
  .sci-product-tier {
    font-family: Roboto, 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 2rem;
    color: var(--cds-text-primary, #161616);
    margin-bottom: 1rem;
  }
  .sci-product-tier.normal-font {
    font-size: 1rem;
  }
  
  .bs-datepicker {
    box-shadow: 0px 0px 1px 0px rgb(1, 31, 61), 0px 2px 4px 1px rgba(1, 31, 61, 0.16);
  }
  
  .bs-datepicker-head button {
    color: var(--cds-text-primary, #161616);
    font-weight: 500;
  }
  .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover {
    background: #e7ebee;
    opacity: 0.5;
    color: var(--cds-text-primary, #161616);
  }
  .bs-datepicker-head button:hover:not(:disabled) {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--cds-border-interactive, #0f62fe);
  }
  .bs-datepicker-head button.current, .bs-datepicker-head button.next, .bs-datepicker-head button.previous {
    border-radius: 0;
  }
  
  .theme-green .bs-datepicker-head {
    background-color: transparent;
  }
  
  .bs-datepicker-body {
    border: 0;
  }
  .bs-datepicker-body table th {
    font-size: 0.875rem;
    color: var(--cds-text-primary, #161616);
    font-weight: 500;
  }
  .bs-datepicker-body table td {
    color: var(--cds-text-primary, #161616);
  }
  .bs-datepicker-body table td span {
    border-radius: 0px;
    font-size: 0.75rem;
  }
  .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span:not(.disabled):not(.selected),
  .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--cds-border-interactive, #0f62fe);
  }
  .bs-datepicker-body table td.is-highlighted span.selected,
  .bs-datepicker-body table td span.is-highlighted.selected {
    background-color: #058192 !important;
  }
  .bs-datepicker-body table.months td span {
    border-radius: 0;
    width: 90%;
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  
  .sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  
  .collapse {
    transition: max-height 0.35s ease;
    max-height: 0;
    overflow: hidden;
  }
  .collapse.open, .collapse.show {
    transition: max-height 0.35s ease;
    max-height: 100%;
  }
  .resources-list .collapse.open, .resources-list .collapse.show {
    max-height: 100%;
  }
  .collapse:not(.show) {
    /* display: none; */
  }
  
  .img-responsive {
    max-width: 100% !important;
    height: auto;
  }
  
  .img-circle {
    border-radius: 50%;
  }
  
  .img-grayscale {
    filter: gray; /* IE6-9 */ /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    transition: filter 0.25s ease;
    /* Disable grayscale on hover */
  }
  .img-grayscale:hover {
    filter: none;
  }
  
  /*!
   * SIZES
   */
  .pad-top-size-1 {
    padding-top: 0.5rem;
  }
  
  .pad-top-size-2 {
    padding-top: 1rem;
  }
  
  .pad-top-size-3 {
    padding-top: 1.5rem;
  }
  
  .pad-top-size-4 {
    padding-top: 2rem;
  }
  
  .pad-top-size-5 {
    padding-top: 2.5rem;
  }
  
  .pad-top-size-6 {
    padding-top: 3rem;
  }
  
  .pad-top-size-7 {
    padding-top: 3.5rem;
  }
  
  .pad-top-size-8 {
    padding-top: 4rem;
  }
  
  .pad-top-size-9 {
    padding-top: 4.5rem;
  }
  
  .pad-top-size-10 {
    padding-top: 5rem;
  }
  
  .pad-top-size-11 {
    padding-top: 5.5rem;
  }
  
  .pad-top-size-12 {
    padding-top: 6rem;
  }
  
  .pad-top-size-13 {
    padding-top: 6.5rem;
  }
  
  .pad-top-size-14 {
    padding-top: 7rem;
  }
  
  .pad-top-size-15 {
    padding-top: 7.5rem;
  }
  
  .pad-bottom-size-1 {
    padding-bottom: 0.5rem;
  }
  
  .pad-bottom-size-2 {
    padding-bottom: 1rem;
  }
  
  .pad-bottom-size-3 {
    padding-bottom: 1.5rem;
  }
  
  .pad-bottom-size-4 {
    padding-bottom: 2rem;
  }
  
  .pad-bottom-size-5 {
    padding-bottom: 2.5rem;
  }
  
  .pad-bottom-size-6 {
    padding-bottom: 3rem;
  }
  
  .pad-bottom-size-7 {
    padding-bottom: 3.5rem;
  }
  
  .pad-bottom-size-8 {
    padding-bottom: 4rem;
  }
  
  .pad-bottom-size-9 {
    padding-bottom: 4.5rem;
  }
  
  .pad-bottom-size-10 {
    padding-bottom: 5rem;
  }
  
  .pad-bottom-size-11 {
    padding-bottom: 5.5rem;
  }
  
  .pad-bottom-size-12 {
    padding-bottom: 6rem;
  }
  
  .pad-bottom-size-13 {
    padding-bottom: 6.5rem;
  }
  
  .pad-bottom-size-14 {
    padding-bottom: 7rem;
  }
  
  .pad-bottom-size-15 {
    padding-bottom: 7.5rem;
  }
  
  .pad-right-size-1 {
    padding-right: 0.5rem;
  }
  
  .pad-right-size-2 {
    padding-right: 1rem;
  }
  
  .pad-right-size-3 {
    padding-right: 1.5rem;
  }
  
  .pad-right-size-4 {
    padding-right: 2rem;
  }
  
  .pad-right-size-5 {
    padding-right: 2.5rem;
  }
  
  .pad-right-size-6 {
    padding-right: 3rem;
  }
  
  .pad-right-size-7 {
    padding-right: 3.5rem;
  }
  
  .pad-right-size-8 {
    padding-right: 4rem;
  }
  
  .pad-right-size-9 {
    padding-right: 4.5rem;
  }
  
  .pad-right-size-10 {
    padding-right: 5rem;
  }
  
  .pad-right-size-11 {
    padding-right: 5.5rem;
  }
  
  .pad-right-size-12 {
    padding-right: 6rem;
  }
  
  .pad-right-size-13 {
    padding-right: 6.5rem;
  }
  
  .pad-right-size-14 {
    padding-right: 7rem;
  }
  
  .pad-right-size-15 {
    padding-right: 7.5rem;
  }
  
  .pad-left-size-1 {
    padding-left: 0.5rem;
  }
  
  .pad-left-size-2 {
    padding-left: 1rem;
  }
  
  .pad-left-size-3 {
    padding-left: 1.5rem;
  }
  
  .pad-left-size-4 {
    padding-left: 2rem;
  }
  
  .pad-left-size-5 {
    padding-left: 2.5rem;
  }
  
  .pad-left-size-6 {
    padding-left: 3rem;
  }
  
  .pad-left-size-7 {
    padding-left: 3.5rem;
  }
  
  .pad-left-size-8 {
    padding-left: 4rem;
  }
  
  .pad-left-size-9 {
    padding-left: 4.5rem;
  }
  
  .pad-left-size-10 {
    padding-left: 5rem;
  }
  
  .pad-left-size-11 {
    padding-left: 5.5rem;
  }
  
  .pad-left-size-12 {
    padding-left: 6rem;
  }
  
  .pad-left-size-13 {
    padding-left: 6.5rem;
  }
  
  .pad-left-size-14 {
    padding-left: 7rem;
  }
  
  .pad-left-size-15 {
    padding-left: 7.5rem;
  }
  
  .margin-top-size-1 {
    margin-top: 0.5rem;
  }
  
  .margin-top-size-2 {
    margin-top: 1rem;
  }
  
  .margin-top-size-3 {
    margin-top: 1.5rem;
  }
  
  .margin-top-size-4 {
    margin-top: 2rem;
  }
  
  .margin-top-size-5 {
    margin-top: 2.5rem;
  }
  
  .margin-top-size-6 {
    margin-top: 3rem;
  }
  
  .margin-top-size-7 {
    margin-top: 3.5rem;
  }
  
  .margin-top-size-8 {
    margin-top: 4rem;
  }
  
  .margin-top-size-9 {
    margin-top: 4.5rem;
  }
  
  .margin-top-size-10 {
    margin-top: 5rem;
  }
  
  .margin-top-size-11 {
    margin-top: 5.5rem;
  }
  
  .margin-top-size-12 {
    margin-top: 6rem;
  }
  
  .margin-top-size-13 {
    margin-top: 6.5rem;
  }
  
  .margin-top-size-14 {
    margin-top: 7rem;
  }
  
  .margin-top-size-15 {
    margin-top: 7.5rem;
  }
  
  .margin-bottom-size-1 {
    margin-bottom: 0.5rem;
  }
  
  .margin-bottom-size-2 {
    margin-bottom: 1rem;
  }
  
  .margin-bottom-size-3 {
    margin-bottom: 1.5rem;
  }
  
  .margin-bottom-size-4 {
    margin-bottom: 2rem;
  }
  
  .margin-bottom-size-5 {
    margin-bottom: 2.5rem;
  }
  
  .margin-bottom-size-6 {
    margin-bottom: 3rem;
  }
  
  .margin-bottom-size-7 {
    margin-bottom: 3.5rem;
  }
  
  .margin-bottom-size-8 {
    margin-bottom: 4rem;
  }
  
  .margin-bottom-size-9 {
    margin-bottom: 4.5rem;
  }
  
  .margin-bottom-size-10 {
    margin-bottom: 5rem;
  }
  
  .margin-bottom-size-11 {
    margin-bottom: 5.5rem;
  }
  
  .margin-bottom-size-12 {
    margin-bottom: 6rem;
  }
  
  .margin-bottom-size-13 {
    margin-bottom: 6.5rem;
  }
  
  .margin-bottom-size-14 {
    margin-bottom: 7rem;
  }
  
  .margin-bottom-size-15 {
    margin-bottom: 7.5rem;
  }
  
  .margin-right-size-1 {
    margin-right: 0.5rem;
  }
  
  .margin-right-size-2 {
    margin-right: 1rem;
  }
  
  .margin-right-size-3 {
    margin-right: 1.5rem;
  }
  
  .margin-right-size-4 {
    margin-right: 2rem;
  }
  
  .margin-right-size-5 {
    margin-right: 2.5rem;
  }
  
  .margin-right-size-6 {
    margin-right: 3rem;
  }
  
  .margin-right-size-7 {
    margin-right: 3.5rem;
  }
  
  .margin-right-size-8 {
    margin-right: 4rem;
  }
  
  .margin-right-size-9 {
    margin-right: 4.5rem;
  }
  
  .margin-right-size-10 {
    margin-right: 5rem;
  }
  
  .margin-right-size-11 {
    margin-right: 5.5rem;
  }
  
  .margin-right-size-12 {
    margin-right: 6rem;
  }
  
  .margin-right-size-13 {
    margin-right: 6.5rem;
  }
  
  .margin-right-size-14 {
    margin-right: 7rem;
  }
  
  .margin-right-size-15 {
    margin-right: 7.5rem;
  }
  
  .margin-left-size-1 {
    margin-left: 0.5rem;
  }
  
  .margin-left-size-2 {
    margin-left: 1rem;
  }
  
  .margin-left-size-3 {
    margin-left: 1.5rem;
  }
  
  .margin-left-size-4 {
    margin-left: 2rem;
  }
  
  .margin-left-size-5 {
    margin-left: 2.5rem;
  }
  
  .margin-left-size-6 {
    margin-left: 3rem;
  }
  
  .margin-left-size-7 {
    margin-left: 3.5rem;
  }
  
  .margin-left-size-8 {
    margin-left: 4rem;
  }
  
  .margin-left-size-9 {
    margin-left: 4.5rem;
  }
  
  .margin-left-size-10 {
    margin-left: 5rem;
  }
  
  .margin-left-size-11 {
    margin-left: 5.5rem;
  }
  
  .margin-left-size-12 {
    margin-left: 6rem;
  }
  
  .margin-left-size-13 {
    margin-left: 6.5rem;
  }
  
  .margin-left-size-14 {
    margin-left: 7rem;
  }
  
  .margin-left-size-15 {
    margin-left: 7.5rem;
  }
  
  .m-t-auto {
    margin-top: auto;
  }
  
  .m-r-auto {
    margin-right: auto;
  }
  
  .m-b-auto {
    margin-bottom: auto;
  }
  
  .m-l-auto {
    margin-left: auto;
  }
  
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
    display: none !important;
  }
  
  @media (max-width: 576px) {
    .visible-xs {
      display: block !important;
    }
    table .visible-xs {
      display: table;
    }
    tr .visible-xs {
      display: table-row !important;
    }
    th .visible-xs, td .visible-xs {
      display: table-cell !important;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important;
    }
    table .visible-sm {
      display: table;
    }
    tr .visible-sm {
      display: table-row !important;
    }
    th .visible-sm, td .visible-sm {
      display: table-cell !important;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
      display: block !important;
    }
    table .visible-md {
      display: table;
    }
    tr .visible-md {
      display: table-row !important;
    }
    th .visible-md, td .visible-md {
      display: table-cell !important;
    }
  }
  
  @media (min-width: 1200px) {
    .visible-lg {
      display: block !important;
    }
    table .visible-lg {
      display: table;
    }
    tr .visible-lg {
      display: table-row !important;
    }
    th .visible-lg, td .visible-lg {
      display: table-cell !important;
    }
  }
  
  @media (max-width: 576px) {
    .hidden-xs {
      display: none !important;
    }
  }
  
  @media (min-width: 577px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
  
  .hidden {
    display: none !important;
  }
  
  .img-shadow {
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    overflow: hidden;
  }
  
  .media-shadow {
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    overflow: hidden;
  }
  
  .img-block {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .shadow-1 {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  }
  
  .shadow-2 {
    box-shadow: 10px 20px 60px rgba(0, 0, 0, 0.06);
  }
  
  .separator {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    opacity: 0.6;
    display: block;
    position: relative;
  }
  .separator:before {
    position: absolute;
    width: 50px;
    border-top: 1px solid transparent;
    content: "";
    left: 50%;
    margin-left: -25px;
  }
  
  @media screen and (min-width: 992px) {
    .show-on-hover {
      visibility: hidden;
    }
  }
  
  *:hover > .show-on-hover,
  *:hover > div > .show-on-hover,
  *:hover > div > div > .show-on-hover {
    visibility: visible;
  }
  
  @media screen and (min-width: 992px) {
    .display-on-hover {
      display: none;
    }
  }
  
  *:hover > .display-on-hover,
  *:hover > div > .display-on-hover,
  *:hover > div > div > .display-on-hover {
    display: inline-block;
    height: 2rem;
    width: 2rem;
  }
  *:hover > .display-on-hover > button,
  *:hover > div > .display-on-hover > button,
  *:hover > div > div > .display-on-hover > button {
    margin-left: 0 !important;
  }
  
  .clickable {
    cursor: pointer;
  }
  
  .center-block {
    display: block;
    margin: 0 auto;
  }
  
  .disabled-text {
    opacity: 0.5;
  }
  
  .text-max-width {
    max-width: 46rem;
  }
  
  .dlt-icon {
    font-size: 1.25rem;
    vertical-align: text-bottom;
  }
  
  /* not really a utility - just added it here until further dicussion*/
  [data-aos][data-aos][data-aos-duration="50"],
  body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
  }
  
  [data-aos][data-aos][data-aos-delay="50"],
  body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="50"].aos-animate,
  body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
  }
  
  [data-aos][data-aos][data-aos-duration="100"],
  body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
  }
  
  [data-aos][data-aos][data-aos-delay="100"],
  body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="100"].aos-animate,
  body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
  }
  
  [data-aos][data-aos][data-aos-duration="150"],
  body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
  }
  
  [data-aos][data-aos][data-aos-delay="150"],
  body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="150"].aos-animate,
  body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
  }
  
  [data-aos][data-aos][data-aos-duration="200"],
  body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
  }
  
  [data-aos][data-aos][data-aos-delay="200"],
  body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="200"].aos-animate,
  body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
  }
  
  [data-aos][data-aos][data-aos-duration="250"],
  body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
  }
  
  [data-aos][data-aos][data-aos-delay="250"],
  body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="250"].aos-animate,
  body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="300"],
  body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
  }
  
  [data-aos][data-aos][data-aos-delay="300"],
  body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="300"].aos-animate,
  body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
  }
  
  [data-aos][data-aos][data-aos-duration="350"],
  body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
  }
  
  [data-aos][data-aos][data-aos-delay="350"],
  body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="350"].aos-animate,
  body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
  }
  
  [data-aos][data-aos][data-aos-duration="400"],
  body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
  }
  
  [data-aos][data-aos][data-aos-delay="400"],
  body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="400"].aos-animate,
  body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
  }
  
  [data-aos][data-aos][data-aos-duration="450"],
  body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
  }
  
  [data-aos][data-aos][data-aos-delay="450"],
  body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="450"].aos-animate,
  body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
  }
  
  [data-aos][data-aos][data-aos-duration="500"],
  body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
  }
  
  [data-aos][data-aos][data-aos-delay="500"],
  body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="500"].aos-animate,
  body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
  }
  
  [data-aos][data-aos][data-aos-duration="550"],
  body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
  }
  
  [data-aos][data-aos][data-aos-delay="550"],
  body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="550"].aos-animate,
  body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
  }
  
  [data-aos][data-aos][data-aos-duration="600"],
  body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
  }
  
  [data-aos][data-aos][data-aos-delay="600"],
  body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="600"].aos-animate,
  body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
  }
  
  [data-aos][data-aos][data-aos-duration="650"],
  body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
  }
  
  [data-aos][data-aos][data-aos-delay="650"],
  body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="650"].aos-animate,
  body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
  }
  
  [data-aos][data-aos][data-aos-duration="700"],
  body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
  }
  
  [data-aos][data-aos][data-aos-delay="700"],
  body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="700"].aos-animate,
  body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
  }
  
  [data-aos][data-aos][data-aos-duration="750"],
  body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
  }
  
  [data-aos][data-aos][data-aos-delay="750"],
  body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="750"].aos-animate,
  body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
  }
  
  [data-aos][data-aos][data-aos-duration="800"],
  body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
  }
  
  [data-aos][data-aos][data-aos-delay="800"],
  body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="800"].aos-animate,
  body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
  }
  
  [data-aos][data-aos][data-aos-duration="850"],
  body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
  }
  
  [data-aos][data-aos][data-aos-delay="850"],
  body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="850"].aos-animate,
  body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
  }
  
  [data-aos][data-aos][data-aos-duration="900"],
  body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
  }
  
  [data-aos][data-aos][data-aos-delay="900"],
  body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="900"].aos-animate,
  body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
  }
  
  [data-aos][data-aos][data-aos-duration="950"],
  body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
  }
  
  [data-aos][data-aos][data-aos-delay="950"],
  body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="950"].aos-animate,
  body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
  }
  
  [data-aos][data-aos][data-aos-duration="1000"],
  body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
  }
  
  [data-aos][data-aos][data-aos-delay="1000"],
  body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
  body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
  }
  
  [data-aos][data-aos][data-aos-duration="1050"],
  body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
  }
  
  [data-aos][data-aos][data-aos-delay="1050"],
  body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
  body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
  }
  
  [data-aos][data-aos][data-aos-duration="1100"],
  body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
  }
  
  [data-aos][data-aos][data-aos-delay="1100"],
  body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
  body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
  }
  
  [data-aos][data-aos][data-aos-duration="1150"],
  body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
  }
  
  [data-aos][data-aos][data-aos-delay="1150"],
  body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
  body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
  }
  
  [data-aos][data-aos][data-aos-duration="1200"],
  body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
  }
  
  [data-aos][data-aos][data-aos-delay="1200"],
  body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
  body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
  }
  
  [data-aos][data-aos][data-aos-duration="1250"],
  body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
  }
  
  [data-aos][data-aos][data-aos-delay="1250"],
  body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
  body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="1300"],
  body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
  }
  
  [data-aos][data-aos][data-aos-delay="1300"],
  body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
  body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
  }
  
  [data-aos][data-aos][data-aos-duration="1350"],
  body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
  }
  
  [data-aos][data-aos][data-aos-delay="1350"],
  body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
  body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
  }
  
  [data-aos][data-aos][data-aos-duration="1400"],
  body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
  }
  
  [data-aos][data-aos][data-aos-delay="1400"],
  body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
  body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
  }
  
  [data-aos][data-aos][data-aos-duration="1450"],
  body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
  }
  
  [data-aos][data-aos][data-aos-delay="1450"],
  body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
  body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
  }
  
  [data-aos][data-aos][data-aos-duration="1500"],
  body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
  }
  
  [data-aos][data-aos][data-aos-delay="1500"],
  body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
  body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
  }
  
  [data-aos][data-aos][data-aos-duration="1550"],
  body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
  }
  
  [data-aos][data-aos][data-aos-delay="1550"],
  body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
  body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
  }
  
  [data-aos][data-aos][data-aos-duration="1600"],
  body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
  }
  
  [data-aos][data-aos][data-aos-delay="1600"],
  body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
  body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
  }
  
  [data-aos][data-aos][data-aos-duration="1650"],
  body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
  }
  
  [data-aos][data-aos][data-aos-delay="1650"],
  body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
  body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
  }
  
  [data-aos][data-aos][data-aos-duration="1700"],
  body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
  }
  
  [data-aos][data-aos][data-aos-delay="1700"],
  body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
  body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
  }
  
  [data-aos][data-aos][data-aos-duration="1750"],
  body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
  }
  
  [data-aos][data-aos][data-aos-delay="1750"],
  body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
  body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
  }
  
  [data-aos][data-aos][data-aos-duration="1800"],
  body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
  }
  
  [data-aos][data-aos][data-aos-delay="1800"],
  body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
  body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
  }
  
  [data-aos][data-aos][data-aos-duration="1850"],
  body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
  }
  
  [data-aos][data-aos][data-aos-delay="1850"],
  body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
  body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
  }
  
  [data-aos][data-aos][data-aos-duration="1900"],
  body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
  }
  
  [data-aos][data-aos][data-aos-delay="1900"],
  body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
  body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
  }
  
  [data-aos][data-aos][data-aos-duration="1950"],
  body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
  }
  
  [data-aos][data-aos][data-aos-delay="1950"],
  body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
  body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
  }
  
  [data-aos][data-aos][data-aos-duration="2000"],
  body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
  }
  
  [data-aos][data-aos][data-aos-delay="2000"],
  body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
  body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
  }
  
  [data-aos][data-aos][data-aos-duration="2050"],
  body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
  }
  
  [data-aos][data-aos][data-aos-delay="2050"],
  body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
  body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
  }
  
  [data-aos][data-aos][data-aos-duration="2100"],
  body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
  }
  
  [data-aos][data-aos][data-aos-delay="2100"],
  body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
  body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
  }
  
  [data-aos][data-aos][data-aos-duration="2150"],
  body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
  }
  
  [data-aos][data-aos][data-aos-delay="2150"],
  body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
  body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
  }
  
  [data-aos][data-aos][data-aos-duration="2200"],
  body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
  }
  
  [data-aos][data-aos][data-aos-delay="2200"],
  body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
  body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
  }
  
  [data-aos][data-aos][data-aos-duration="2250"],
  body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
  }
  
  [data-aos][data-aos][data-aos-delay="2250"],
  body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
  body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="2300"],
  body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
  }
  
  [data-aos][data-aos][data-aos-delay="2300"],
  body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
  body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
  }
  
  [data-aos][data-aos][data-aos-duration="2350"],
  body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
  }
  
  [data-aos][data-aos][data-aos-delay="2350"],
  body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
  body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
  }
  
  [data-aos][data-aos][data-aos-duration="2400"],
  body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
  }
  
  [data-aos][data-aos][data-aos-delay="2400"],
  body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
  body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
  }
  
  [data-aos][data-aos][data-aos-duration="2450"],
  body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
  }
  
  [data-aos][data-aos][data-aos-delay="2450"],
  body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
  body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
  }
  
  [data-aos][data-aos][data-aos-duration="2500"],
  body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
  }
  
  [data-aos][data-aos][data-aos-delay="2500"],
  body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
  body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
  }
  
  [data-aos][data-aos][data-aos-duration="2550"],
  body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
  }
  
  [data-aos][data-aos][data-aos-delay="2550"],
  body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
  body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
  }
  
  [data-aos][data-aos][data-aos-duration="2600"],
  body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
  }
  
  [data-aos][data-aos][data-aos-delay="2600"],
  body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
  body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
  }
  
  [data-aos][data-aos][data-aos-duration="2650"],
  body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
  }
  
  [data-aos][data-aos][data-aos-delay="2650"],
  body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
  body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
  }
  
  [data-aos][data-aos][data-aos-duration="2700"],
  body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
  }
  
  [data-aos][data-aos][data-aos-delay="2700"],
  body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
  body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
  }
  
  [data-aos][data-aos][data-aos-duration="2750"],
  body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
  }
  
  [data-aos][data-aos][data-aos-delay="2750"],
  body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
  body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
  }
  
  [data-aos][data-aos][data-aos-duration="2800"],
  body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
  }
  
  [data-aos][data-aos][data-aos-delay="2800"],
  body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
  body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
  }
  
  [data-aos][data-aos][data-aos-duration="2850"],
  body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
  }
  
  [data-aos][data-aos][data-aos-delay="2850"],
  body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
  body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
  }
  
  [data-aos][data-aos][data-aos-duration="2900"],
  body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
  }
  
  [data-aos][data-aos][data-aos-delay="2900"],
  body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
  body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
  }
  
  [data-aos][data-aos][data-aos-duration="2950"],
  body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
  }
  
  [data-aos][data-aos][data-aos-delay="2950"],
  body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
  body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
  }
  
  [data-aos][data-aos][data-aos-duration="3000"],
  body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
  }
  
  [data-aos][data-aos][data-aos-delay="3000"],
  body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
  }
  
  [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
  body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
  }
  
  [data-aos][data-aos][data-aos-easing=linear],
  body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  
  [data-aos][data-aos][data-aos-easing=ease],
  body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in],
  body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
  }
  
  [data-aos][data-aos][data-aos-easing=ease-out],
  body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-out],
  body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-back],
  body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-out-back],
  body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-out-back],
  body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-sine],
  body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-out-sine],
  body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
  body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-quad],
  body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-out-quad],
  body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
  body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-cubic],
  body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-out-cubic],
  body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
  body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-quart],
  body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-out-quart],
  body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
  body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
  }
  
  [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
  }
  
  [data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
  }
  
  [data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
  }
  
  [data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
  }
  
  [data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
  }
  
  [data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
  }
  
  [data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
  }
  
  [data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
  }
  
  [data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
  }
  
  [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform;
  }
  
  [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
  }
  
  [data-aos=zoom-in] {
    transform: scale(0.6);
  }
  
  [data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6);
  }
  
  [data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6);
  }
  
  [data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  
  [data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6);
  }
  
  [data-aos=zoom-out] {
    transform: scale(1.2);
  }
  
  [data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2);
  }
  
  [data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2);
  }
  
  [data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  
  [data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2);
  }
  
  [data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
  }
  
  [data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0);
  }
  
  [data-aos=slide-up] {
    transform: translate3d(0, 100%, 0);
  }
  
  [data-aos=slide-down] {
    transform: translate3d(0, -100%, 0);
  }
  
  [data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0);
  }
  
  [data-aos=slide-left] {
    transform: translate3d(100%, 0, 0);
  }
  
  [data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
  }
  
  [data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
  }
  
  [data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0);
  }
  
  [data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
  }
  
  [data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0);
  }
  
  [data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
  }
  
  [data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0);
  }
  
  [data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
  }
  
  [data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0);
  }
  
  .hidden {
    display: none !important;
  }
  
  @-moz-document url-prefix() {
    button,
    a.btn,
    .btn-link {
      outline-offset: unset !important;
    }
  }
  /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main/webapp/content/scss/global.scss?ngGlobalStyle ***!
    \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  .sci-hidden {
    display: none;
  }
  
  /*# sourceMappingURL=styles.css.map*/